/* --- START: Hero Slider Expand Width & Neon Button Customization --- */

.hero-slider-btn a {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  padding: 14px 36px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  letter-spacing: 0.5px !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  box-shadow: 0 0 15px rgba(243, 194, 78, 0.3) !important;
}

.hero-slider-btn a:hover {
  background: linear-gradient(135deg, #ffd670 0%, #f3c24e 100%) !important;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.02) !important;
  border-color: #ffffff !important;
  box-shadow:
    0 0 25px #f3c24e,
    0 0 50px rgba(243, 194, 78, 0.7),
    inset 0 0 10px rgba(255, 255, 255, 0.5) !important;
}

.home-slider__content {
  left: auto !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  padding-right: 8% !important;
  padding-left: 0 !important;
}

.home-slider__content > div,
.home-slider__content .flex-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: right !important;
  width: 100% !important;
}

.home-slider__content .md\:max-w-md,
.home-slider__content .max-w-md {
  max-width: 780px !important;
  width: 100% !important;
}

.hero-slider-title,
.hero-slider-subtitle {
  width: 100% !important;
  max-width: 100% !important;
  text-align: right !important;
  direction: rtl !important;
}

.hero-slider-title h3 {
  font-size: 2.8rem !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  width: 100% !important;
  display: block !important;
}

.hero-slider-subtitle .description {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  width: 100% !important;
  display: block !important;
}

.hero-slider-btn {
  align-self: flex-start !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  margin-top: 25px !important;
}

@media (max-width: 1200px) {
  .home-slider__content .md\:max-w-md {
    max-width: 600px !important;
  }
  .hero-slider-title h3 {
    font-size: 2.3rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .home-slider__content {
    justify-content: center !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .home-slider__content > div,
  .home-slider__content .flex-center {
    align-items: center !important;
    text-align: center !important;
  }
  .hero-slider-title,
  .hero-slider-subtitle {
    text-align: center !important;
  }
  .hero-slider-title h3 {
    font-size: 1.9rem !important;
  }
  .hero-slider-subtitle .description {
    font-size: 1rem !important;
  }
  .hero-slider-btn {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-slider-btn a {
    padding: 12px 32px !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 767px) {
  .home-slider__content {
    left: 0 !important;
    right: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    transform: translate(0, -50%) !important;
  }
  .home-slider__content .md\:max-w-md {
    max-width: 100% !important;
  }
  .home-slider__content > div,
  .home-slider__content .flex-center {
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .hero-slider-title h3 {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }
  .hero-slider-subtitle .description {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }
  .hero-slider-btn {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
  }
  .hero-slider-btn a {
    padding: 8px 20px !important;
    font-size: 0.85rem !important;
  }
}

@media (max-width: 480px) {
  .hero-slider-title h3 {
    font-size: 1.1rem !important;
  }
  .hero-slider-subtitle .description {
    font-size: 0.7rem !important;
  }
  .hero-slider-btn a {
    padding: 6px 16px !important;
    font-size: 0.75rem !important;
  }
}

/* --- END: Hero Slider Expand Width & Neon Button Customization --- */
/* --- START: Modern Premium Store Divider Customization --- */

.divider-container {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  background: transparent !important;
}

.divider-container .vertical-lines {
  height: 2px !important;
  background: linear-gradient(to left, rgba(243, 194, 78, 0.8) 0%, rgba(243, 194, 78, 0.3) 50%, rgba(243, 194, 78, 0) 100%) !important;
}

.divider-container .vertical-lines:first-child {
  background: linear-gradient(to right, rgba(243, 194, 78, 0.8) 0%, rgba(243, 194, 78, 0.3) 50%, rgba(243, 194, 78, 0) 100%) !important;
}

.divider-icon .img-container {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(243, 194, 78, 0.4) !important;
  padding: 10px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 65px !important;
  height: 65px !important;
  margin: 0 auto 10px auto !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 10px rgba(243, 194, 78, 0.2) !important;
}

.divider-icon .img-container:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 0 18px rgba(243, 194, 78, 0.35) !important;
}

.divider-icon img {
  max-height: 35px !important;
  width: auto !important;
  object-fit: scale-down !important;
}

.divider-title h2 {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  letter-spacing: -0.5px !important;
  background: linear-gradient(135deg, #1e293b 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
}

.divider-title p {
  font-size: 0.98rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  text-align: center !important;
}

.divider-container:hover .vertical-lines {
  background: linear-gradient(to left, rgba(243, 194, 78, 1) 0%, rgba(243, 194, 78, 0.5) 60%, rgba(243, 194, 78, 0) 100%) !important;
}

.divider-container:hover .vertical-lines:first-child {
  background: linear-gradient(to right, rgba(243, 194, 78, 1) 0%, rgba(243, 194, 78, 0.5) 60%, rgba(243, 194, 78, 0) 100%) !important;
}

/* ======================================== */
/* تنسيق النص الفرعي لياخد العرض الكامل */
/* ======================================== */

.divider-title p {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .divider-title p {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 15px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 767px) {
  .divider-container {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .divider-title h2 {
    font-size: 1.4rem !important;
    white-space: normal !important;
    padding: 0 10px !important;
  }

  .divider-title p {
    font-size: 0.85rem !important;
    padding: 0 20px !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .divider-wrapper,
  .divider-item,
  .divider-title,
  .flex-col,
  .flex-center {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .divider-icon .img-container {
    width: 55px !important;
    height: 55px !important;
  }

  .divider-icon img {
    max-height: 28px !important;
  }
}

@media (max-width: 480px) {
  .divider-title p {
    font-size: 0.8rem !important;
    padding: 0 15px !important;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .divider-title p {
    white-space: nowrap !important;
  }
}

/* --- END: Modern Premium Store Divider Customization --- */
/* --- START: Multi-Theme Responsive Store Features Grid --- */

.s-block--features {
  background: transparent !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.s-block--features .s-block__title h2 {
  font-size: 2rem !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--color-text-main) 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-bottom: 8px !important;
}

.s-block--features .s-block__title p {
  font-size: 1rem !important;
  color: var(--color-text-muted, #64748b) !important;
  font-weight: 500 !important;
  margin-bottom: 40px !important;
}

.angel-feature {
  background: var(--color-bg-sub, rgba(255, 255, 255, 0.05)) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(243, 194, 78, 0.2) !important;
  border-radius: 20px !important;
  padding: 30px 20px !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  height: 100% !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

.angel-feature:hover {
  transform: translateY(-8px) !important;
  background: var(--color-bg-main) !important;
  border-color: rgba(243, 194, 78, 0.8) !important;
  box-shadow:
    0 15px 35px rgba(0, 0, 0, 0.15),
    0 0 25px rgba(243, 194, 78, 0.3) !important;
}

.angel-feature .flex-center i {
  color: #d4a32b !important;
  filter: drop-shadow(0 2px 8px rgba(243, 194, 78, 0.3)) !important;
  transition: transform 0.3s ease !important;
}

.angel-feature:hover .flex-center i {
  transform: scale(1.08) !important;
  filter: drop-shadow(0 4px 12px rgba(243, 194, 78, 0.5)) !important;
}

.angel-feature h4 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--color-text-main) !important;
  margin-top: 15px !important;
  margin-bottom: 6px !important;
}

.angel-feature p {
  font-size: 0.9rem !important;
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

@media (max-width: 480px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
  .angel-feature {
    padding: 20px 12px !important;
  }
  .angel-feature h4 {
    font-size: 0.95rem !important;
  }
  .angel-feature p {
    font-size: 0.75rem !important;
  }
  .angel-feature .flex-center i {
    font-size: 2rem !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }
  .angel-feature {
    padding: 25px 15px !important;
  }
  .angel-feature h4 {
    font-size: 1rem !important;
  }
  .angel-feature p {
    font-size: 0.85rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  .s-block--features .grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
  }
}

@media (max-width: 767px) {
  .s-block--features .s-block__title h2 {
    font-size: 1.6rem !important;
  }
  .s-block--features .grid {
    display: grid !important;
    flex-direction: unset !important;
    align-items: stretch !important;
    justify-items: center !important;
  }
  .angel-feature {
    width: 100% !important;
  }
}

/* --- END: Multi-Theme Responsive Store Features Grid --- */

/* --- START: Premium Testimonials & FAQs Styling --- */

.angel-testimonials {
  padding: 60px 0 !important;
}

.angel-testimonials .s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 50px !important;
  width: 100% !important;
}

.angel-testimonials .s-slider-block__title-right {
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.angel-testimonials .s-slider-block__title-right h2 {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  background: linear-gradient(135deg, #1e293b 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}

.angel-testimonials .s-slider-block__title-right p {
  font-size: 0.98rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  text-align: center !important;
  width: 100% !important;
}

.angel-testimonials .s-slider-block__title-left {
  display: none !important;
}

.angel-testimonials .swiper-slide > div {
  border: 2px solid rgba(243, 194, 78, 0.2) !important;
  border-radius: 24px !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

.angel-testimonials .swiper-slide > div::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #f3c24e, #d4a32b, #f3c24e) !important;
  transform: scaleX(0) !important;
  transition: transform 0.5s ease !important;
  z-index: 2 !important;
  border-radius: 24px 24px 0 0 !important;
}

.angel-testimonials .swiper-slide > div:hover::before {
  transform: scaleX(1) !important;
}

.angel-testimonials .swiper-slide > div:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(243, 194, 78, 0.6) !important;
  box-shadow:
    0 20px 40px rgba(243, 194, 78, 0.2),
    inset 0 0 30px rgba(243, 194, 78, 0.05) !important;
}

.testimonial__avatar {
  width: 75px !important;
  height: 75px !important;
  min-width: 75px !important;
  min-height: 75px !important;
  border: 3px solid rgba(243, 194, 78, 0.3) !important;
  transition: all 0.3s ease !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.swiper-slide > div:hover .testimonial__avatar {
  border-color: #f3c24e !important;
  transform: scale(1.05) !important;
  box-shadow: 0 0 20px rgba(243, 194, 78, 0.4) !important;
}

.angel-testimonials .s-slider-nav-arrow {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 15px rgba(243, 194, 78, 0.3) !important;
  transition: all 0.3s ease !important;
  width: 40px !important;
  height: 40px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

.angel-testimonials .s-slider-prev {
  left: -20px !important;
  right: auto !important;
}

.angel-testimonials .s-slider-next {
  right: -20px !important;
  left: auto !important;
}

.angel-testimonials .s-slider-nav-arrow:hover {
  transform: translateY(-50%) scale(1.15) !important;
  box-shadow: 0 0 30px rgba(243, 194, 78, 0.7) !important;
}

.s-block--faqs {
  padding: 60px 0 !important;
}

.s-block--faqs .s-block__title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  width: 100% !important;
}

.s-block--faqs .s-block__title h2 {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  background: linear-gradient(135deg, #1e293b 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}

.s-block--faqs .s-block__title p {
  font-size: 0.98rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  text-align: center !important;
}

.faqs-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.faqs-list__item {
  border: 2px solid rgba(243, 194, 78, 0.2) !important;
  border-radius: 20px !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  margin-bottom: 0 !important;
  background: var(--color-bg-sub) !important;
}

.faqs-list__item:hover {
  border-color: rgba(243, 194, 78, 0.5) !important;
  box-shadow: 0 10px 30px rgba(243, 194, 78, 0.1) !important;
}

.open-badge {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 16px !important;
  right: auto !important;
  box-shadow: 0 0 10px rgba(243, 194, 78, 0.3) !important;
}

[dir="rtl"] .open-badge {
  left: 16px !important;
  right: auto !important;
}

.faq-container input:checked + .faqs-list__item .open-badge {
  transform: translateY(-50%) rotate(45deg) !important;
  background: linear-gradient(135deg, #d4a32b 0%, #f3c24e 100%) !important;
  box-shadow: 0 0 15px rgba(243, 194, 78, 0.5) !important;
}

@media (max-width: 1024px) {
  .angel-testimonials .s-slider-prev {
    left: 0px !important;
  }
  .angel-testimonials .s-slider-next {
    right: 0px !important;
  }
}

@media (max-width: 768px) {
  .angel-testimonials {
    padding: 40px 0 !important;
  }
  .angel-testimonials .s-slider-block__title-right h2,
  .s-block--faqs .s-block__title h2 {
    font-size: 1.4rem !important;
  }
  .faqs-list {
    grid-template-columns: 1fr !important;
  }
  .angel-testimonials .s-slider-nav-arrow {
    width: 32px !important;
    height: 32px !important;
  }
  .testimonial__avatar {
    width: 65px !important;
    height: 65px !important;
  }
}

/* --- END: Premium Testimonials & FAQs Styling --- */

/* --- START: Premium Products Card Styling --- */

.s-products-slider-card custom-salla-product-card,
.s-products-list-wrapper custom-salla-product-card {
  display: block !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.s-product-card-entry {
  border: 2px solid rgba(243, 194, 78, 0.2) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  position: relative !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

.s-product-card-entry::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #f3c24e, #d4a32b, #f3c24e) !important;
  transform: scaleX(0) !important;
  transition: transform 0.5s ease !important;
  z-index: 2 !important;
  border-radius: 24px 24px 0 0 !important;
}

.s-product-card-entry:hover::before {
  transform: scaleX(1) !important;
}

.s-product-card-entry:hover {
  border-color: rgba(243, 194, 78, 0.6) !important;
  transform: translateY(-8px) !important;
  box-shadow:
    0 20px 40px rgba(243, 194, 78, 0.2),
    inset 0 0 30px rgba(243, 194, 78, 0.05) !important;
}

.s-product-card-image {
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: linear-gradient(135deg, rgba(243, 194, 78, 0.05), rgba(212, 163, 43, 0.02)) !important;
}

.s-product-card-image img {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.08) !important;
}

.s-product-card-discount {
  font-weight: 800 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(243, 194, 78, 0.4) !important;
  font-size: 0.75rem !important;
  padding: 4px 10px !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 3 !important;
}

.s-product-card-content {
  padding: 16px !important;
  position: relative !important;
}

.s-product-card-category {
  color: #d4a32b !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  background: rgba(243, 194, 78, 0.1) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.s-product-card-price {
  color: #d4a32b !important;
  font-weight: 800 !important;
  font-size: 1.2rem !important;
}

.s-product-card-actions {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 5 !important;
}

.s-product-card-actions button {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(243, 194, 78, 0.3) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  transition: all 0.3s ease !important;
  color: #d4a32b !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.s-product-card-actions button:hover {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  border-color: #f3c24e !important;
  transform: scale(1.15) !important;
  box-shadow: 0 0 15px rgba(243, 194, 78, 0.5) !important;
}

/* --- Add to Cart Button (Unified) --- */
.s-product-card-content-footer {
  margin-top: 15px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(243, 194, 78, 0.1) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.s-product-card-content-footer .s-button-element {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  background: transparent !important;
  border: 2px solid rgba(243, 194, 78, 0.5) !important;
  color: #d4a32b !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.s-product-card-content-footer .s-button-element span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: transform 0.3s ease !important;
}

.s-product-card-content-footer .s-button-element i,
.s-product-card-content-footer .s-button-element svg {
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
}

.s-product-card-content-footer .s-button-element::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0% !important;
  height: 100% !important;
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  z-index: -1 !important;
  border-radius: 50px !important;
}

.s-product-card-content-footer .s-button-element:hover::before {
  width: 100% !important;
}

.s-product-card-content-footer .s-button-element:hover {
  color: #ffffff !important;
  border-color: #f3c24e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 20px rgba(243, 194, 78, 0.5) !important;
}

.s-product-card-content-footer .s-button-element:hover span {
  transform: translateX(-4px) !important;
}

[dir="rtl"] .s-product-card-content-footer .s-button-element:hover span {
  transform: translateX(4px) !important;
}

/* --- End Add to Cart Button --- */

.s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 24px !important;
}

@media (max-width: 768px) {
  .s-products-list-wrapper {
    gap: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  }
  .s-product-card-content-footer .s-button-element {
    padding: 8px 14px !important;
    font-size: 0.75rem !important;
  }
  .s-product-card-actions button {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 480px) {
  .s-products-list-wrapper {
    gap: 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  }
  .s-product-card-content-footer .s-button-element {
    padding: 6px 12px !important;
    font-size: 0.7rem !important;
  }
  .s-product-card-actions button {
    width: 28px !important;
    height: 28px !important;
  }
}

/* --- END: Premium Products Card Styling --- */

/* --- START: Premium Search Modal Styling --- */

/* Search Modal Container */
.angel-search-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}

.angel-search-modal.open {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Overlay */
.angelmodal-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Close Button */
.angelmodal__close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(243, 194, 78, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
}

/* Close Button X icon */
.angelmodal__close::before,
.angelmodal__close::after {
  position: absolute !important;
  content: "" !important;
  width: 20px !important;
  height: 2px !important;
  background-color: #ffffff !important;
  border-radius: 2px !important;
  transition: all 0.3s ease !important;
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.angelmodal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* Close Button Hover */
.angelmodal__close:hover {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  border-color: #f3c24e !important;
  transform: rotate(90deg) scale(1.1) !important;
  box-shadow: 0 0 20px rgba(243, 194, 78, 0.5) !important;
}

.angelmodal__close:hover::before,
.angelmodal__close:hover::after {
  background-color: #142f55 !important;
}

/* Modal Container */
.angelmodal__container_search {
  position: relative !important;
  width: 90% !important;
  max-width: 700px !important;
  background: var(--color-bg-main, #ffffff) !important;
  border-radius: 32px !important;
  border: 2px solid rgba(243, 194, 78, 0.2) !important;
  padding: 40px !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
  z-index: 5 !important;
}

/* Title */
.angel-title h3 {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #1e293b 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}

/* Search Input Wrapper */
.s-search-container {
  position: relative !important;
  width: 100% !important;
}

.s-search-input-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

/* Search Icon */
.s-search-icon-wrap {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.s-search-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: #d4a32b !important;
}

/* Search Input */
.s-search-input {
  width: 100% !important;
  height: 60px !important;
  padding: 0 55px 0 20px !important;
  font-size: 1rem !important;
  background: var(--color-bg-sub, rgba(0, 0, 0, 0.03)) !important;
  border: 2px solid rgba(243, 194, 78, 0.2) !important;
  border-radius: 60px !important;
  color: var(--color-text-main, #1e293b) !important;
  transition: all 0.3s ease !important;
  outline: none !important;
}

.s-search-input:focus {
  border-color: rgba(243, 194, 78, 0.6) !important;
  box-shadow: 0 0 0 4px rgba(243, 194, 78, 0.1) !important;
}

.s-search-input::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

/* Search Results */
.s-search-results {
  margin-top: 25px !important;
  max-height: 400px !important;
  overflow-y: auto !important;
  border-radius: 20px !important;
}

/* Custom Scrollbar */
.s-search-results::-webkit-scrollbar {
  width: 6px !important;
}

.s-search-results::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05) !important;
  border-radius: 10px !important;
}

.s-search-results::-webkit-scrollbar-thumb {
  background: #d4a32b !important;
  border-radius: 10px !important;
}

.s-search-results::-webkit-scrollbar-thumb:hover {
  background: #f3c24e !important;
}

/* Result Items */
.s-search-product {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 12px !important;
  background: var(--color-bg-main, #ffffff) !important;
  border: 1px solid rgba(243, 194, 78, 0.15) !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.s-search-product:hover {
  border-color: rgba(243, 194, 78, 0.5) !important;
  transform: translateX(5px) !important;
  box-shadow: 0 5px 20px rgba(243, 194, 78, 0.15) !important;
}

/* Product Image */
.s-search-product-image-container {
  width: 60px !important;
  height: 60px !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.s-search-product-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Product Details */
.s-search-product-details {
  flex: 1 !important;
}

.s-search-product-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--color-text-main, #1e293b) !important;
  margin-bottom: 5px !important;
  transition: color 0.3s ease !important;
}

.s-search-product:hover .s-search-product-title {
  color: #d4a32b !important;
}

.s-search-product-price {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #d4a32b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.s-search-product-regular-price {
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
  margin-left: 8px !important;
}

/* No Results */
.s-search-no-results-placeholder {
  text-align: center !important;
  padding: 40px !important;
  color: var(--color-text-muted, #64748b) !important;
  font-size: 1rem !important;
}

/* ======================================== */
/* Responsive */
/* ======================================== */

@media (max-width: 768px) {
  .angelmodal__container_search {
    width: 95% !important;
    padding: 30px 20px !important;
  }

  .angel-title h3 {
    font-size: 1.3rem !important;
  }

  .s-search-input {
    height: 50px !important;
    font-size: 0.9rem !important;
  }

  .s-search-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .s-search-icon-wrap {
    right: 15px !important;
  }

  .angelmodal__close {
    top: 15px !important;
    right: 15px !important;
    width: 36px !important;
    height: 36px !important;
  }

  .angelmodal__close::before,
  .angelmodal__close::after {
    width: 16px !important;
  }

  .s-search-product {
    padding: 10px !important;
    gap: 12px !important;
  }

  .s-search-product-image-container {
    width: 50px !important;
    height: 50px !important;
  }

  .s-search-product-title {
    font-size: 0.85rem !important;
  }

  .s-search-product-price {
    font-size: 0.8rem !important;
  }
}

@media (max-width: 480px) {
  .angelmodal__container_search {
    padding: 25px 15px !important;
  }

  .angel-title h3 {
    font-size: 1.2rem !important;
  }

  .s-search-input {
    height: 45px !important;
    padding: 0 45px 0 15px !important;
  }

  .s-search-icon-wrap {
    right: 12px !important;
  }

  .s-search-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .s-search-product-image-container {
    width: 45px !important;
    height: 45px !important;
  }

  .angelmodal__close {
    width: 32px !important;
    height: 32px !important;
  }

  .angelmodal__close::before,
  .angelmodal__close::after {
    width: 14px !important;
  }
}

/* ======================================== */
/* Dark Mode */
/* ======================================== */

@media (prefers-color-scheme: dark) {
  .angelmodal__container_search {
    background: var(--color-bg-sub, rgba(30, 30, 40, 0.95)) !important;
    border-color: rgba(243, 194, 78, 0.3) !important;
  }

  .angel-title h3 {
    background: linear-gradient(135deg, #ffffff 0%, #f3c24e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .s-search-input {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
  }

  .s-search-input::placeholder {
    color: #94a3b8 !important;
  }

  .s-search-product {
    background: rgba(30, 30, 40, 0.8) !important;
  }

  .s-search-product-title {
    color: #ffffff !important;
  }

  .s-search-no-results-placeholder {
    color: #94a3b8 !important;
  }

  .angelmodal__close {
    background: rgba(255, 255, 255, 0.15) !important;
  }

  .angelmodal__close::before,
  .angelmodal__close::after {
    background-color: #ffffff !important;
  }

  .angelmodal__close:hover::before,
  .angelmodal__close:hover::after {
    background-color: #142f55 !important;
  }
}

/* --- END: Premium Search Modal Styling --- */

/* --- START: Premium Banners Section Styling --- */

.s-block--banners {
  background: transparent !important;
  padding: 60px 0 !important;
}

.s-block--banners .s-block__title {
  margin-bottom: 40px !important;
  text-align: center !important;
}

.s-block--banners .s-block__title h2 {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  background: linear-gradient(135deg, #1e293b 0%, #d4a32b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}

.s-block--banners .s-block__title p {
  font-size: 0.98rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  text-align: center !important;
}

.banner-square {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  background: var(--color-bg-main, #ffffff) !important;
  border: 1px solid rgba(243, 194, 78, 0.1) !important;
  cursor: pointer !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

.banner-square:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(243, 194, 78, 0.5) !important;
  box-shadow: 0 20px 35px rgba(243, 194, 78, 0.15) !important;
}

.box-img {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  aspect-ratio: 1 / 1 !important;
  cursor: pointer !important;
}

.box-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.banner-square:hover .box-img img {
  transform: scale(1.1) !important;
}

.text-wrapper {
  position: absolute !important;
  bottom: 16px !important;
  right: 16px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2 !important;
}

.text-wrapper h3 {
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 40px !important;
  border: 1px solid rgba(243, 194, 78, 0.3) !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

.banner-square:hover .text-wrapper h3 {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  color: #142f55 !important;
  border-color: #ffffff !important;
  transform: scale(1.05) !important;
  box-shadow: 0 0 20px rgba(243, 194, 78, 0.5) !important;
}

.square-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 1024px) {
  .square-grid {
    gap: 16px !important;
  }
}

@media (max-width: 768px) {
  .s-block--banners {
    padding: 40px 0 !important;
  }
  .square-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .text-wrapper h3 {
    font-size: 0.7rem !important;
    padding: 5px 10px !important;
  }
}

@media (max-width: 480px) {
  .square-grid {
    gap: 10px !important;
  }
  .text-wrapper h3 {
    font-size: 0.6rem !important;
    padding: 4px 8px !important;
  }
}

@media (prefers-color-scheme: dark) {
  .s-block--banners .s-block__title h2 {
    background: linear-gradient(135deg, #ffffff 0%, #f3c24e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
}

/* --- END: Premium Banners Section Styling --- */

/* --- START: Premium Preloader Customization --- */

#preloader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease !important;
  background: #ffffff !important;
}

html.dark #preloader,
body.dark #preloader,
[data-theme="dark"] #preloader {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
}

img.preloader {
  display: block !important;
  max-width: 170px !important;
  height: auto !important;
  object-fit: contain !important;
  transition: all 0.3s ease !important;
  filter: drop-shadow(0 0 15px rgba(243, 194, 78, 0.3)) !important;
}

img.preloader:hover {
  transform: scale(1.03) !important;
  filter: drop-shadow(0 0 25px rgba(243, 194, 78, 0.5)) !important;
}

.loaded #preloader {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  img.preloader {
    max-width: 130px !important;
  }
}

@media (max-width: 480px) {
  img.preloader {
    max-width: 100px !important;
  }
}

/* --- END: Premium Preloader Customization --- */

/* --- START: Premium Header Gold Theme --- */

.store-header .main-nav-container {
  background: transparent !important;
  border-bottom: 1px solid rgba(243, 194, 78, 0.25) !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 2px 15px rgba(243, 194, 78, 0.1) !important;
}

:root .store-header .header-inner,
.light .store-header .header-inner,
[data-theme="light"] .store-header .header-inner {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(243, 194, 78, 0.2) !important;
}

.dark .store-header .header-inner,
[data-theme="dark"] .store-header .header-inner {
  background: rgba(9, 19, 36, 0.97) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(243, 194, 78, 0.2) !important;
}

.store-header .navbar-brand {
  transition: all 0.4s ease !important;
}

.store-header .navbar-brand:hover {
  filter: drop-shadow(0 0 8px rgba(243, 194, 78, 0.5)) !important;
  transform: scale(1.02) !important;
}

.store-header .s-cart-summary-wrapper {
  transition: all 0.3s ease !important;
  padding: 6px 10px !important;
  border-radius: 50px !important;
  border: 1px solid transparent !important;
}

.store-header .s-cart-summary-wrapper:hover {
  border-color: rgba(243, 194, 78, 0.4) !important;
  background: rgba(243, 194, 78, 0.08) !important;
  box-shadow: 0 0 15px rgba(243, 194, 78, 0.2) !important;
}

.store-header .s-cart-summary-count {
  background: linear-gradient(135deg, #f3c24e 0%, #d4a32b 100%) !important;
  color: #142f55 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 8px rgba(243, 194, 78, 0.5) !important;
}

.store-header .s-user-menu-trigger {
  transition: all 0.3s ease !important;
  border-radius: 50px !important;
  padding: 4px 8px !important;
  border: 1px solid transparent !important;
}

.store-header .s-user-menu-trigger:hover {
  border-color: rgba(243, 194, 78, 0.4) !important;
  background: rgba(243, 194, 78, 0.08) !important;
  box-shadow: 0 0 12px rgba(243, 194, 78, 0.2) !important;
}

.store-header .mode-toggler {
  transition: all 0.3s ease !important;
  border-radius: 50% !important;
  padding: 6px !important;
}

.store-header .mode-toggler:hover {
  background: rgba(243, 194, 78, 0.1) !important;
  color: #f3c24e !important;
  box-shadow: 0 0 10px rgba(243, 194, 78, 0.3) !important;
}

/* --- END: Premium Header Gold Theme --- */