/** Shopify CDN: Minification failed

Line 128:0 Comments in CSS use "/* ... */" instead of "//"
Line 130:10 Expected ":"
Line 132:23 Comments in CSS use "/* ... */" instead of "//"
Line 134:6 Comments in CSS use "/* ... */" instead of "//"
Line 146:9 Expected identifier but found "addEventListener("

**/
/* ===== Electra base ===== */
.vmega{position:relative}
.vmega__list{list-style:none;margin:0;padding:0}
.vmega__item{position:relative}
.vmega__link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}
.vmega__icon{width:24px;height:24px;object-fit:contain}
.vmega__panel{display:none;position:absolute;left:100%;top:0;min-width:420px;padding:1rem;border:1px solid #eee;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.08);z-index:30}
.vmega__item:hover .vmega__panel{display:block}
.vmega__cols{display:flex;gap:2rem}
.vmega__col{min-width:180px}

/* Hero */
.hero{position:relative;overflow:hidden;padding:64px 16px}
.hero__bg img{width:100%;height:auto;display:block}
.hero__inner{max-width:1200px;margin:0 auto}
.hero__title{font-size:clamp(28px,4vw,48px);margin:0 0 .5rem}
.hero__subtitle{opacity:.8;margin:0 0 1rem}
.hero__btn{display:inline-block;padding:.75rem 1.25rem;border:1px solid currentColor}

/* Product slider */
.ps{margin:24px 0}
.ps__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ps__ctrl{display:flex;gap:6px}
.ps__btn{padding:.25rem .5rem;border:1px solid #ccc;background:#fff}
.ps__track{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.ps__card{min-width:220px;scroll-snap-align:start;border:1px solid #eee;padding:8px}
.ps__img img{display:block;width:100%;height:auto}
.ps__title{font-size:14px;margin:.5rem 0}
.ps__price{margin-bottom:.5rem}
.ps__atc,.ps__qv{display:inline-block;padding:.5rem .75rem;border:1px solid #222;background:#fff;margin-right:6px}

/* Deal / Countdown */
.deal{padding:24px;border:1px solid #eee;margin:24px 0}
.deal__title{margin:0 0 4px}
.deal__clock{font-size:18px;font-weight:600;margin:8px 0}
.deal__btn{display:inline-block;padding:.5rem .75rem;border:1px solid #222;background:#fff}

/* Quick View modal */
.qv[hidden]{display:none}
.qv__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5)}
.qv__panel{position:fixed;inset:10% 5% auto 5%;background:#fff;padding:16px;max-width:1000px;margin:auto;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.qv__body{display:flex;gap:16px}
.qv__img img{width:360px;max-width:40vw;height:auto;display:block}
.qv__close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:24px}

/* Category tiles */
.tiles{margin:24px 0}
.tiles__grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tiles__item{display:flex;flex-direction:column;border:1px solid #eee;overflow:hidden;text-decoration:none;color:inherit}
.tiles__media img{width:100%;height:auto;display:block}
.tiles__body{padding:12px}
.tiles__title{margin:0 0 4px;font-size:clamp(16px,2.2vw,20px)}
.tiles__subtitle{opacity:.8;margin:0 0 6px;font-size:14px}
.tiles__cta{display:inline-block;border:1px solid currentColor;padding:.35rem .65rem;font-size:13px}
.tiles__item:hover .tiles__cta{transform:translateY(-1px)}

/* Category Tiles Hover Effects */
.tiles__item {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.tiles__item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.tiles__media img {
  transition: transform 0.35s ease;
}

.tiles__item:hover .tiles__media img {
  transform: scale(1.05);
}

.tiles__cta {
  display: inline-block;
  margin-top: 8px;
  padding: .45rem .85rem;
  border: 1px solid currentColor;
  border-radius: 4px;
  transition: background 0.25s ease, color 0.25s ease;
}

.tiles__item:hover .tiles__cta {
  background: #111;
  color: #fff;
}

/* USP Bar */
.usp{background:#fafafa;border:1px solid #eee;margin:24px 0}
.usp__grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px;padding:12px}
@media(min-width:768px){.usp__grid{grid-template-columns:repeat(3,1fr)}}
.usp__item{display:flex;align-items:center;gap:12px;padding:10px}
.usp__icon{width:28px;height:28px;object-fit:contain}
.usp__title{font-weight:600}
.usp__subtitle{opacity:.7;font-size:13px}

/* Brand Strip */
.brands{overflow:hidden;border:1px solid #eee;background:#fff;margin:24px 0}
.brands__track{display:flex;gap:28px;align-items:center;white-space:nowrap;will-change:transform}
.brands__item{flex:0 0 auto;opacity:.9}
.brands__logo{height:30px;width:auto;display:block;filter:grayscale(100%);opacity:.8;transition:filter .25s ease, opacity .25s ease}
.brands__logo:hover{filter:none;opacity:1}
.brands__placeholder{display:inline-block;padding:6px 12px;border:1px dashed #ccc;font-size:14px;color:#666}

/* Testimonials */
.testi{margin:32px 0}
.testi__heading{margin:0 0 12px;text-align:center;font-size:clamp(18px,2.4vw,24px)}
.testi__grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:900px){.testi__grid{grid-template-columns:repeat(3,1fr)}}
.testi__item{border:1px solid #eee;background:#fff;padding:16px;border-radius:8px}
.testi blockquote{margin:0 0 8px;font-style:italic}
.testi figcaption{opacity:.75;font-size:14px}

// Brand strip auto-scroll (pause on hover)
function autoscrollBrands(){
  document.querySelectorAll('.brands[data-autoscroll] .brands__track').forEach(track=>{
    let x = 0, raf;
    const speed = 0.5; // px per frame
    const tick = ()=>{ x -= speed; track.style.transform = `translateX(${x}px)`; 
      // reset to seamless loop
      const totalWidth = track.scrollWidth/2;
      if (Math.abs(x) >= totalWidth) x = 0;
      raf = requestAnimationFrame(tick);
    };
    const start=()=>{ if(!raf) raf=requestAnimationFrame(tick); };
    const stop =()=>{ cancelAnimationFrame(raf); raf=null; };
    start();
    track.addEventListener('mouseenter', stop);
    track.addEventListener('mouseleave', start);
  });
}
document.addEventListener('DOMContentLoaded', autoscrollBrands);
document.addEventListener('shopify:section:load', autoscrollBrands);