/* Homepage: SHOPEX landing with vivid sky blue. */
.elementor-49 {
  --sx-navy: #3db4f5;
  --sx-navy-deep: #0b8fe0;
  --sx-lilac: #0b8fe0;
  --sx-mist: #e4f6ff;
  --sx-bg: #f5fbff;
  --sx-text: #12344c;
  --sx-muted: #4e6d82;
  --sx-line: #b7e4fa;
}

.page-id-49,
.home {
  background: #f5fbff;
}

.elementor-49 .elementor-widget-heading .elementor-heading-title {
  line-height: 1.5;
}

.elementor-49 .elementor-button {
  font-family: dana, IRANsans, sans-serif;
}

/* Hero */
.shopex-hero-visual {
  width: min(520px, 100%);
  height: 520px;
}

.shopex-hero-circle {
  background: var(--sx-navy);
}

.shopex-hero-ring {
  border-color: var(--sx-lilac) !important;
}

.shopex-hero-glow {
  background: radial-gradient(circle, rgba(61, 180, 245, 0.4) 0%, rgba(61, 180, 245, 0) 70%);
}

@media (max-width: 767px) {
  .shopex-hero-visual {
    height: 380px;
  }
}

/* Categories: product photo on a lilac arch, like the mockup */
.elementor-49 .sx-cats .category-box {
  gap: 12px 8px !important;
  justify-content: space-between;
}

.elementor-49 .sx-cats .category-box .box {
  flex: 1 1 110px !important;
  min-width: 100px !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 6px 8px !important;
  transform: none !important;
}

.elementor-49 .sx-cats .category-box .box:hover {
  transform: translateY(-3px) !important;
  box-shadow: none !important;
}

.elementor-49 .sx-cats .category-box .box::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 36px;
  width: 78px;
  height: 42px;
  transform: translateX(-50%);
  background: var(--sx-mist);
  border-radius: 78px 78px 0 0;
  z-index: 0;
}

.elementor-49 .sx-cats .category-box .image {
  width: 74px !important;
  height: 74px !important;
  flex: 0 0 74px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(11, 143, 224, 0.16) !important;
  padding: 10px !important;
  margin: 0 0 10px;
  position: relative;
  z-index: 1;
}

.elementor-49 .sx-cats .category-box .content {
  margin: 0 !important;
  text-align: center;
  position: relative;
  z-index: 1;
}

.elementor-49 .sx-cats .category-box .content h3 {
  font-size: 13px !important;
  font-weight: 700;
  color: var(--sx-text);
}

.elementor-49 .sx-cats .category-box .box:nth-child(n+7),
.elementor-49 .sx-cats .category-box .box.more-categories {
  display: none !important;
}

.elementor-49 .sx-featured .sx-featured-circle {
  width: 210px !important;
  min-height: 210px;
  max-width: 210px;
  border-radius: 50%;
  background: #0b8fe0;
  border: 10px solid rgba(61, 180, 245, 0.55);
  padding: 24px !important;
  box-sizing: border-box;
}

.elementor-49 .sx-featured .products-slider-widget .product-box {
  background: #e4f6ff !important;
}

/* Featured navy band */
.elementor-49 .sx-featured .products-slider-widget .product-box {
  background: #fff !important;
  border-radius: 16px !important;
  border: 0 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

.elementor-49 .sx-featured .products-slider-widget .swiper-button-next,
.elementor-49 .sx-featured .products-slider-widget .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/* Product cards */
.elementor-49 .products-slider-widget .product-box,
.elementor-49 .grid-product-slider .box,
.elementor-49 .product-box-small .box {
  border: 1px solid var(--sx-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.elementor-49 .grid-product-slider .box:hover,
.elementor-49 .product-box-small .box:hover,
.elementor-49 .products-slider-widget .product-box:hover {
  border-color: #c5dff0 !important;
}

/* Puzzle banners */
.elementor-49 .puzzle-grid .puzzle-item {
  min-height: 220px;
}

.elementor-49 .puzzle-btn {
  border-radius: 8px !important;
}

/* Blog magazine — 3 tall cards */
.elementor-49 .sx-magazine .blog-box .box {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  padding: 0 !important;
  background: transparent;
}

.elementor-49 .sx-magazine .blog-box .box .image {
  height: 260px;
  border-radius: 16px;
  overflow: hidden;
}

.elementor-49 .sx-magazine .blog-box .box .image img {
  opacity: 1;
  border-radius: 16px;
  object-fit: cover;
}

.elementor-49 .sx-magazine .blog-box .box .content {
  padding: 12px 4px 0;
}

.elementor-49 .sx-magazine .blog-box .box .content h3 {
  font-size: 16px;
  font-weight: 800;
}

/* Comments unused on this layout */

/* Offers column: the sidebar widget fills this cell */
.elementor-49 .sx-offers .product-box-small .box {
  padding: 10px;
}

.elementor-49 .sx-offers .sx-offer-sidebar {
  height: 100%;
}

/* Features */
.elementor-49 .sx-features .elementor-icon-box-title {
  font-size: 14px;
}

.elementor-49 .elementor-widget:not(:last-child) {
  margin-block-end: 10px;
}