/* Xaxis store custom styles - official logo color palette */
:root {
  --xa-primary: #EB5C00;
  --xa-primary-dark: #BC4900;
  --xa-primary-lite: #F0843F;
  --xa-accent: #640D5E;
  --xa-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* Theme-wide accent color override (was blue by default) */
  --color-primary: #EB5C00 !important;
  --color-primary-dark: #BC4900 !important;
  --color-primary-light: #F0843F !important;
  --color-primary-reverse: #FDF1EA !important;
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #f3f4f6; }
::-webkit-scrollbar-thumb { background: var(--xa-primary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--xa-primary-dark); }
.s-header, .header-container, [data-section-type="header"], .site-header {
  transition: box-shadow var(--xa-transition) !important;
}
.xa-header-scrolled {
  box-shadow: 0 2px 16px rgba(60, 73, 90, 0.14) !important;
}
.s-product-card, .product-card {
  transition: transform var(--xa-transition), box-shadow var(--xa-transition), border-color var(--xa-transition) !important;
}
.s-product-card:hover, .product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 28px rgba(60, 73, 90, 0.16) !important;
  border-color: rgba(60, 73, 90, 0.25) !important;
}
.s-product-card .s-product-card__image img, .s-product-card .product-image img, .product-card img {
  transition: transform 0.45s ease !important;
}
.s-product-card:hover .s-product-card__image img, .s-product-card:hover .product-image img, .product-card:hover img {
  transform: scale(1.04) !important;
}
.s-product-card:hover .s-product-card__title, .s-product-card:hover .product-name {
  color: var(--xa-primary) !important;
}
.s-product-card .s-product-card__price, .s-product-card .product-price, .product-card .product-price {
  color: var(--xa-primary) !important;
  font-weight: 800 !important;
}
.s-btn.s-btn--primary, .s-add-to-cart-btn, button.btn-primary, .add-to-cart-btn {
  transition: transform var(--xa-transition), box-shadow var(--xa-transition) !important;
  position: relative;
  overflow: hidden;
}
.s-btn.s-btn--primary:hover, .s-add-to-cart-btn:hover, button.btn-primary:hover, .add-to-cart-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(60, 73, 90, 0.40) !important;
}
.s-btn.s-btn--primary::after, .s-add-to-cart-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.18), transparent);
  transition: left 0.45s ease;
}
.s-btn.s-btn--primary:hover::after, .s-add-to-cart-btn:hover::after {
  left: 140%;
}
.s-header__cart-btn, .cart-btn, .header-cart {
  transition: transform var(--xa-transition) !important;
}
.s-header__cart-btn:hover, .cart-btn:hover {
  transform: scale(1.08) !important;
}
.s-header__cart-count, .cart-count, .cart-badge {
  background-color: var(--xa-accent) !important;
  color: #fff !important;
  font-weight: 800 !important;
  border: 2px solid #fff !important;
}
.xa-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.xa-reveal.xa-visible {
  opacity: 1;
  transform: translateY(0);
}
.s-product-card .s-badge--sale, .s-product-card .sale-badge, .sale-tag {
  background: var(--xa-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.s-header__search input, .search-input, input[type="search"] {
  transition: border-color var(--xa-transition), box-shadow var(--xa-transition) !important;
}
.s-header__search input:focus, .search-input:focus, input[type="search"]:focus {
  border-color: var(--xa-primary) !important;
  box-shadow: 0 0 0 3px rgba(60, 73, 90, 0.10) !important;
  outline: none !important;
}
.s-toast, .salla-toast, [class*="toast-container"] {
  border-right: 4px solid var(--xa-primary) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
#xa-back-top {
  position: fixed;
  bottom: 88px;
  left: 18px;
  z-index: 9998;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--xa-primary);
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(60, 73, 90, 0.40);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
#xa-back-top.xa-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
#xa-back-top:hover {
  background: var(--xa-primary-dark);
  transform: translateY(-2px) !important;
}
.s-pagination .s-pagination__item--active, .pagination .active a, .pagination .active span {
  background: var(--xa-primary) !important;
  border-color: var(--xa-primary) !important;
  color: #fff !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .s-product-card:hover, .product-card:hover {
    transform: translateY(-3px) !important;
  }
}