/* Shoplix theme — hand-written animations & component polish (original). */

/* Scroll-reveal */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
[data-reveal].revealed { opacity: 1; transform: none; }

/* Product card hover */
.card-hover { transition: transform .25s ease, box-shadow .25s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(15, 23, 42, .28); }

/* Hero slider */
.hero-slide { opacity: 1; transition: opacity .5s ease; }
.hero-slide.is-hidden { opacity: 0; pointer-events: none; }

/* Star ratings — filled yellow / empty muted */
.stars { color: #facc15; letter-spacing: 0.02em; }
.stars .empty, .stars-empty { color: #e5e7eb; }

/* Category pill scroller */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Marquee */
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee { overflow: hidden; }
.marquee__track { display: flex; width: max-content; animation: marquee 22s linear infinite; }

/* Gentle float */
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.floaty { animation: floaty 5s ease-in-out infinite; }

/* Shimmer badge */
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.shimmer { background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); background-size: 200% 100%; animation: shimmer 2.2s infinite; }

/* Back to top */
[data-back-top] { transition: opacity .3s ease; }

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Sticky phone / desktop taskbar */
.site-header { transition: box-shadow .3s ease; }
.site-header.scrolled { box-shadow: 0 10px 30px -18px rgba(15, 23, 42, .35); }

/* Prevent horizontal page scroll on mobile */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* ---------- Shop / category filters (Site 5 layout) ---------- */
:root {
  --brand: #1d4ed8;
  --brand-700: #1e3a8a;
  --ink: #0f172a;
}

.filter-panel { transition: transform .4s cubic-bezier(.4, 0, .2, 1); }

.shop-check {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  accent-color: var(--brand);
  cursor: pointer;
}

.shop-box {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border: 1.5px solid #cbd5e1;
  border-radius: 0.2rem;
  background: #fff;
  position: relative;
  display: inline-grid;
  place-items: center;
}
.shop-box.is-checked {
  border-color: var(--brand);
  background: var(--brand);
}
.shop-box.is-checked::after {
  content: "";
  width: 4px;
  height: 7px;
  margin-top: -1px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Soft-wrap long unbroken strings (emails, SKUs) on small screens */
@media (max-width: 767px) {
  img, video, svg, iframe { max-width: 100%; height: auto; }
  .hero-slide h1,
  .hero-slide h2 { word-break: break-word; }
}