body { font-family: 'Saira Semi Condensed', system-ui, sans-serif; }

/* Hero slider (index) */
.hero-slide { opacity: 0; transition: opacity 1s ease; }
.hero-slide.is-active { opacity: 1; z-index: 1; }
.hero-slide .hero-bg { transform: scale(1.08); transition: transform 7s ease; }
.hero-slide.is-active .hero-bg { transform: scale(1); }
.hero-slide .hero-anim { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
.hero-slide.is-active .hero-anim { opacity: 1; transform: none; }
.hero-slide.is-active .hero-anim.d1 { transition-delay: .3s; }
.hero-slide.is-active .hero-anim.d2 { transition-delay: .5s; }
.hero-slide.is-active .hero-anim.d3 { transition-delay: .7s; }

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

/* Brands marquee */
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee { animation: marquee 70s linear infinite; }
.marquee:hover { animation-play-state: paused; }
.marquee-mask { -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); }

/* Header */
.sticky-on { position: fixed; top: 0; left: 0; right: 0; animation: slideDown .4s ease; }
.sticky-on [data-topbar] { display: none; }
.sticky-on [data-mainbar] { box-shadow: 0 10px 30px rgba(21,23,53,.08); }
@keyframes slideDown { from { transform: translateY(-100%); } to { transform: none; } }
.nav-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; border-radius: 3px; background: #048C88; transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.nav-link:hover::after, .nav-link.is-active::after { transform: scaleX(1); }
.nav-link.is-active { color: #048C88; }
.dropdown-panel { visibility: hidden; opacity: 0; transform: translate(-50%, 8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.dropdown.is-open .dropdown-panel { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.dropdown.is-open [data-dropdown-btn] svg, [data-accordion][aria-expanded="true"] svg { transform: rotate(180deg); }

/* Page title (inner pages) */
.page-title-area::before { content: ""; position: absolute; inset: 0; background: rgba(21, 32, 66, .9); z-index: -1; }
@keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
.floaty { animation: floaty 5s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal, .hero-slide .hero-anim { opacity: 1; transform: none; }
}

/* WordPress content (pages, single products) */
.depot-content > * + * { margin-top: 1.25rem; }
.depot-content h2 { font-size: 1.875rem; font-weight: 700; color: #151735; text-transform: uppercase; }
.depot-content h3 { font-size: 1.5rem; font-weight: 700; color: #151735; }
.depot-content a { color: #048C88; text-decoration: underline; }
.depot-content ul { list-style: disc; padding-left: 1.5rem; }
.depot-content ol { list-style: decimal; padding-left: 1.5rem; }
.depot-content img { border-radius: .75rem; height: auto; }
.page-numbers { display: inline-flex; min-width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border-radius: 9999px; background: #f4f9fc; padding: 0 .75rem; font-weight: 600; }
.page-numbers.current, .page-numbers:hover { background: #048C88; color: #fff; }

/* Category catalogue: list view (grid is the default markup) */
#itemGrid[data-view="list"] { grid-template-columns: 1fr; gap: .75rem; }
#itemGrid[data-view="list"] .product-item { flex-direction: row; align-items: center; gap: 1rem; padding: .75rem 1rem .75rem .75rem; }
#itemGrid[data-view="list"] .pi-media { width: 5rem; height: 5rem; aspect-ratio: auto; flex-shrink: 0; padding: .5rem; border-radius: .75rem; background: #f4f9fc; }
#itemGrid[data-view="list"] .pi-num { display: none; }
#itemGrid[data-view="list"] .pi-body { flex-direction: row; align-items: center; border-top: 0; padding: 0; }
#itemGrid[data-view="list"] .pi-text h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#itemGrid[data-view="list"] .pi-cat { display: block; }
#itemGrid[data-view="list"] .pi-btn { background: #048C88; color: #fff; }
#itemGrid[data-view="list"] .pi-btn:hover { background: #151735; }
#itemGrid[data-view="list"] .product-item:hover .pi-media img { transform: none; }
@media (min-width: 640px) {
  #itemGrid[data-view="list"] .product-item { gap: 1.5rem; }
  #itemGrid[data-view="list"] .pi-media { width: 6rem; height: 6rem; }
}