/* EmbroLab home — body sections. Ported verbatim from embrolab-html/embrolab-home-figma-exact.html
   Header/footer/tokens shared via embrolab.css (loaded first). */

:root{
    /* Exact values pulled from Figma Dev Mode MCP */
    --color-maroon:#7a1f2b;
    --color-black:#111111;
    --color-white:#ffffff;
    --color-gold:#d4a017;
    --color-dark-bg:#211913;      /* hero section bg */
    --color-merch-bg:#130700;     /* custom merchandise section bg */
    --color-footer-bg:#281d16;    /* footer bg */
    --color-header-bg:#f1ebe7;
    --color-cream-bg:#f0ebe7;
    --color-text-dark:#111111;
    --color-text-muted:#6f6a65;
    --color-text-light:rgba(255,255,255,0.6);
    --color-whatsapp:#00a93f;
    --color-border:rgba(17,17,17,0.09);
    --color-cart-red:#ee0000;

    --font-heading:'Roboto','Arial',sans-serif;
    --font-body:'Roboto','Arial',sans-serif;
    --font-script:'Playfair Display','Georgia',serif; /* fallback for Figma's 'Runiga' script font */
    --font-ui:'Inter Tight','Roboto','Arial',sans-serif;
    --font-footer:'Host Grotesk','Roboto','Arial',sans-serif;

    --container-pad:100px;

    --radius-sm:8px;
    --radius-md:16px;
    --radius-pill:999px;
    --radius-card:20px;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    font-family:var(--font-body);
    color:var(--color-text-dark);
    background:var(--color-cream-bg);
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  ul{list-style:none;}
  h1,h2,h3{font-family:var(--font-heading);font-weight:700;color:var(--color-text-dark);}

  .container{
    max-width:1720px;
    margin:0 auto;
    padding:0 var(--container-pad);
  }

  .section-heading{
    text-align:center;
    font-size:34px;
    line-height:1.3;
    margin-bottom:44px;
  }

  /* ===== Hero (pixel-accurate image w/ real overlay CTA) ===== */
  .hero{
    position:relative;
    width:100%;
    aspect-ratio:1558/597;
    background:#1a0f08;
    overflow:hidden;
  }
  .hero__track{
    display:flex;
    width:100%;
    height:100%;
  }
  .hero__slide{
    flex:0 0 100%;
    width:100%;
    height:100%;
  }
  .hero__img{
    width:100%; height:100%; object-fit:cover; display:block;
  }
  .hero__art{
    position:relative;
    width:100%;
    height:100%;
  }
  .hero__cta{
    position:absolute;
    left:16.87%;   /* 263/1558 */
    top:68.01%;    /* 406/597 */
    width:8.47%;   /* 132/1558 */
    height:6.37%;  /* 38/597 */
    min-width:122px;
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 18px;
    border-radius:999px;
    background:#fff;
    color:#111;
    font-family:var(--font-body);
    font-size:clamp(11px,.85vw,14px);
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    text-decoration:none;
  }
  .hero__cta svg{flex-shrink:0;}
  .hero__cta:focus-visible{
    outline:3px solid var(--color-white);
    outline-offset:4px;
  }
  .hero__dots{
    position:absolute;
    left:0; right:0;
    bottom:2.5%;
    display:flex;
    justify-content:center;
    gap:4px;
  }
  .hero__dot{
    width:8px; height:8px; border-radius:50%;
    background:rgba(255,255,255,0.32); border:none; padding:0;
  }
  .hero__dot--active{
    background:var(--color-white);
    border:1px solid #111;
    box-shadow:0 0 0 1px rgba(255,255,255,0.3);
    transform:scale(1.35);
  }
  .hero__dot--active::after{
    display:none;
  }

  /* ===== Bestsellers ===== */
  .bestsellers{ background:var(--color-cream-bg); padding:84px 0 120px; }
  .bestsellers__categories{
    display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:48px;
  }
  .category-pill{
    display:flex; align-items:center; gap:10px; background:var(--color-white);
    border:1px solid var(--color-border); border-radius:var(--radius-pill); padding:14px 30px;
    font-family:var(--font-body); font-size:16px; font-weight:600; color:var(--color-text-dark);
  }
  .category-pill--active{ background:var(--color-maroon); color:var(--color-white); border-color:var(--color-maroon); }
  .category-pill__icon{ width:16px; height:16px; }
  .category-pill__icon svg{ width:100%; height:100%; }

  .product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .category-pill[disabled]{ opacity:.6; cursor:default; }


  /* ===== Custom Merchandise ===== */
  .merch, .home-mobile .home__brand{ background:radial-gradient(ellipse at 30% 40%, #3a2412 0%, var(--color-merch-bg) 70%); }
  .merch{ display:grid; grid-template-columns:1fr 1fr; padding:60px 0}
  .merch__copy{ padding:48px var(--container-pad); color:var(--color-white); display:flex; flex-direction:column; justify-content:center; }
  .merch__title{ font-family:var(--font-body); font-weight:600; font-size:35px; line-height:1.25; letter-spacing:-0.8px; margin-bottom:10px; }
  .merch__title, .home-mobile .home__brand h2{ color:var(--color-white); }
  .merch__subtext{ color:var(--color-text-light); font-size:16px; line-height:1.6; margin-bottom:18px; max-width:460px; }
  .merch__badges{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:10px; }
  .merch__badge{
    display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.08);
    border-radius:102px; padding:5px 10px 5px 5px; font-family:var(--font-body); font-size:18px; font-weight:500;
  }
  .merch__badge-icon{
    width:26px; height:26px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; font-size:14px;
  }
  /* SVG badge icons carry their own gold circle; bare-emoji fallback still needs one */
  .merch__badge-icon svg{ width:100%; height:100%; display:block; }
  .merch__badge-icon:not(:has(svg)){ border-radius:50%; background:var(--color-gold); border:0.75px solid rgba(255,255,255,0.1); }
  .merch__actions{ display:flex; gap:16px; margin-top:14px; }
  .merch__btn{
    display:inline-flex; align-items:center; gap:10px; border:none;
    border-radius:var(--radius-pill); padding:18px 36px; font-family:var(--font-body); font-weight:600; font-size:16px;
  }
  .merch__btn--gold{ background:var(--color-gold); color:var(--color-black); }
  .merch__btn--whatsapp{ background:var(--color-whatsapp); color:var(--color-white); padding:14px 28px; }
  .merch__media{ position:relative; overflow:hidden; }
  .merch__track{ display:flex; width:100%; height:100%; transition:transform .6s cubic-bezier(.4,0,.2,1); }
  .merch__slide{ position:relative; flex:0 0 100%; width:100%; height:100%; }
  .merch__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .merch__dots{ position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; gap:4px; }
  .merch__dot{
    width:8px; height:8px; padding:0; border:0; border-radius:50%;
    background:rgba(255,255,255,0.32); transition:transform .25s ease, background .25s ease, border-color .25s ease;
  }
  .merch__dot--active{
    background:var(--color-white); border:1px solid #111;
    box-shadow:0 0 0 1px rgba(255,255,255,0.3); transform:scale(1.35);
  }

  /* ===== Collection ===== */
  .collection{ padding:100px 0 80px; }
  .collection-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .collection-card{
    position:relative; border-radius:var(--radius-card); overflow:hidden;
    background:linear-gradient(180deg, var(--color-maroon) 0%, var(--color-black) 100%);
    aspect-ratio:335/392;
  }
  .collection-card__image{ position:absolute; inset:0; }
  .collection-card__image img{ width:100%; height:100%; object-fit:cover; object-position:center top; }
  .collection-card__footer{
    position:absolute; left:0; right:0; bottom:0; padding:56px 16px 22px;
    text-align:center;
    background:linear-gradient(180deg, transparent 0%, rgba(19,7,0,0.35) 40%, rgba(19,7,0,0.82) 100%);
  }
  .collection-card__name{ color:var(--color-white); font-size:17px; font-weight:600; margin-bottom:14px; }
  .collection-card__btn{
    display:inline-flex; align-items:center; gap:8px; background:var(--color-gold); color:var(--color-black);
    border:none; border-radius:var(--radius-pill); padding:9px 20px; font-size:13px; font-weight:600;
  }

  /* ===== Steps ===== */
  .steps{ background:var(--color-cream-bg); padding:80px 0; }
  .steps-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .step-card{ background:#f8f8f8; border-radius:var(--radius-md); padding:32px 28px; }
  .step-card__title{ font-size:19px; margin-bottom:10px; }
  .step-card__text{ font-size:14px; color:var(--color-text-muted); line-height:1.6; margin-bottom:40px; min-height:64px; }
  .step-card__visual{ position:relative; display:flex; flex-direction:column; align-items:center; padding-top:20px; }
  .step-card__visual::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:140px; height:70px; border:1px dashed #c9c2ba; border-bottom:none; border-radius:70px 70px 0 0;
  }
  .step-card__icon{
    width:56px; height:56px; border-radius:50%; background:var(--color-maroon); color:var(--color-white);
    display:flex; align-items:center; justify-content:center; margin-bottom:16px; z-index:1;
  }
  .step-card__icon svg{ width:24px; height:24px; }
  .step-card__label{ font-size:12px; font-weight:700; letter-spacing:1px; color:var(--color-text-dark); }

  /* ===== More Than Fashion ===== */
  .more-fashion{ padding:80px 0; }
  .more-fashion-grid{ display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; }
  .more-fashion__cell{ border-right:1px solid var(--color-border); border-bottom:1px solid var(--color-border); padding:24px 32px 32px; }
  .more-fashion__cell:nth-child(2n){ border-right:none; }
  .more-fashion__cell:nth-last-child(-n+2){ border-bottom:none; }
  .more-fashion__header{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
  .more-fashion__icon{
    width:36px; height:36px; border-radius:50%; background:var(--color-gold);
    display:flex; align-items:center; justify-content:center; color:var(--color-black); flex-shrink:0;
  }
  .more-fashion__icon svg{ width:17px; height:17px; }
  .more-fashion__icon img{ width:20px; height:20px; object-fit:contain; display:block; }
  .more-fashion__label{ font-weight:700; font-size:16px; }
  .more-fashion__image{ border-radius:var(--radius-md); overflow:hidden; aspect-ratio:374/203; }
  .more-fashion__image img{ width:100%; height:100%; object-fit:cover; }

  /* ===== Gallery ===== */
  .gallery{ background:var(--color-cream-bg); padding:80px 0; }
  .gallery-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }
  .gallery-grid__row2{ margin-top:6px; }
  .gallery-grid__item{ overflow:hidden; border-radius:8px; aspect-ratio:1/1; }
  .gallery-grid__item img{ width:100%; height:100%; object-fit:cover; }

  /* ===== FAQ ===== */
  .faq-section{ padding:80px 0; }
  .faq-layout{ display:grid; grid-template-columns:0.72fr 1.28fr; gap:25px; align-items:start; }
  .faq-gallery{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .faq-gallery__item{ border-radius:var(--radius-md); overflow:hidden; }
  .faq-gallery__item img{ width:100%; height:100%; object-fit:cover; }
  .faq-gallery__item--tall{ grid-row:span 2; }

  .faq-bulk{
    grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between;
    background:var(--color-dark-bg); border-radius:var(--radius-md); padding:20px 28px; margin-top:16px;
  }
  .faq-bulk__left{ display:flex; align-items:center; gap:16px; color:var(--color-white); }
  .faq-bulk__icon{
    width:44px; height:44px; border-radius:50%; background:var(--color-white); color:var(--color-black);
    display:flex; align-items:center; justify-content:center;
  }
  .faq-bulk__icon svg{ width:20px; height:20px; }
  .faq-bulk__title{ font-weight:700; font-size:18px; }
  .faq-bulk__btn{
    display:inline-flex; align-items:center; gap:8px; background:var(--color-whatsapp); color:var(--color-white);
    border:none; border-radius:var(--radius-pill); padding:12px 22px; font-weight:600; font-size:14px;
  }

  .faq-heading{ text-align:left; font-size:30px; margin-bottom:32px; }
  .faq-list__item{ background:#fafafa; border-radius:var(--radius-sm); padding:20px 24px; margin-bottom:12px; }
  .faq-list__question{
    display:flex; align-items:center; justify-content:space-between; width:100%;
    background:none; border:none; text-align:left; font-size:16px; font-weight:600; gap:16px;
  }
  .faq-list__number{ color:var(--color-maroon); margin-right:12px; }
  .faq-list__toggle{
    width:24px; height:24px; border-radius:50%; border:1px solid #d5d0ca;
    display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; transition:transform .2s ease;
  }
  /* animated expand: 0fr -> 1fr grid row collapses/reveals the wrapper without a fixed height */
  .faq-list__answer-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1); }
  .faq-list__item[data-open="true"] .faq-list__answer-wrap{ grid-template-rows:1fr; }
  .faq-list__answer{
    font-size:14px; color:var(--color-text-muted); line-height:1.6;
    min-height:0; overflow:hidden; margin-top:0; opacity:0;
    transition:opacity .3s ease, margin-top .38s cubic-bezier(.4,0,.2,1);
  }
  .faq-list__item[data-open="true"] .faq-list__answer{ opacity:1; margin-top:14px; }
  .faq-list__item[data-open="true"] .faq-list__toggle{ transform:rotate(45deg); }
  /* no-JS / legacy fallback: a bare <p> answer with no wrapper still shows when open */
  .faq-list__item[data-open="true"] > .faq-list__answer{ opacity:1; margin-top:14px; }

  /* ===== Responsive ===== */
  @media (max-width:1200px){
    :root{ --container-pad:32px; }
    .product-grid, .collection-grid, .steps-grid{ grid-template-columns:repeat(2,1fr); }
    .gallery-grid{ grid-template-columns:repeat(3,1fr); }
  }

  @media (max-width:1024px){
    :root{ --container-pad:20px; }

    .merch{ grid-template-columns:1fr; }
    .merch__media img{ min-height:320px; }

    .faq-layout{ grid-template-columns:1fr; }
    .faq-bulk{ flex-direction:column; gap:16px; align-items:flex-start; }
  }

  @media (max-width:768px){
    .section-heading{ font-size:24px; }
    .product-grid, .collection-grid, .steps-grid, .more-fashion-grid{ grid-template-columns:1fr; }
    .more-fashion__cell{ border-right:none !important; border-bottom:1px solid var(--color-border); }
    .more-fashion__cell:last-child{ border-bottom:none; }
    .gallery-grid{ grid-template-columns:repeat(2,1fr); }
    .merch__copy{ padding:48px 24px; }
    .merch__title{ font-size:28px; }
    .merch__subtext{ font-size:15px; }
    .merch__badge{ font-size:15px; padding:6px 10px 6px 6px; }
    .merch__badge-icon{ width:24px; height:24px; }
    .merch__actions{ flex-wrap:wrap; }
    .merch__btn{ padding:14px 26px; font-size:15px; }
    .category-pill{ padding:10px 20px; font-size:14px; }
    .faq-heading{ font-size:22px; }
  }

  @media (max-width:480px){
    :root{ --container-pad:16px; }
    .section-heading{ font-size:21px; margin-bottom:28px; }
    .merch__copy{ padding:40px 16px; }
    .merch__title{ font-size:24px; }
    .merch__actions{ flex-direction:column; align-items:stretch; }
    .merch__btn{ justify-content:center; }
    .step-card{ padding:24px 20px; }
    .more-fashion__cell{ padding:20px 20px 24px; }
    .faq-bulk{ padding:16px 18px; }
    .faq-bulk__title{ font-size:16px; }
    .faq-list__item{ padding:16px 18px; }
  }

  /* ============================================================
     MOTION LAYER — animation / interaction lifted from the live
     embrolab.net home page. Home-only (this stylesheet is loaded
     just by the home layout). All entrance motion is gated on the
     `.nd-motion` class that home.js adds to <html>, so with JS off
     nothing is ever hidden. Honors prefers-reduced-motion.
     ============================================================ */

  /* ---- scroll reveal ---- */
  /* set by home.js around a Livewire morph: re-show at-fold content with no
     animation so a bestseller tab switch / add-to-cart never flashes blank */
  .nd-motion.nd-motion-still .reveal,
  .nd-motion.nd-motion-still .reveal-stagger,
  .nd-motion.nd-motion-still .reveal-stagger > *{ transition:none !important; }

  .nd-motion .reveal{
    opacity:0;
    transform:translateY(26px);
    transition:opacity .7s cubic-bezier(0,.55,.35,1), transform .7s cubic-bezier(0,.55,.35,1);
    transition-delay:var(--reveal-delay, 0s);
    will-change:opacity, transform;
  }
  .nd-motion .reveal.is-visible{ opacity:1; transform:none; }
  .nd-motion .reveal--left{ transform:translateX(-32px); }
  .nd-motion .reveal--right{ transform:translateX(32px); }
  .nd-motion .reveal--zoom{ transform:scale(.94); }

  /* stagger helper for grids: cards fade in one after another */
  .nd-motion .reveal-stagger > *{
    opacity:0; transform:translateY(26px);
    transition:opacity .6s cubic-bezier(0,.55,.35,1), transform .6s cubic-bezier(0,.55,.35,1);
  }
  .nd-motion .reveal-stagger.is-visible > *{ opacity:1; transform:none; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(1){ transition-delay:.04s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(2){ transition-delay:.10s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(3){ transition-delay:.16s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(4){ transition-delay:.22s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(5){ transition-delay:.28s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(6){ transition-delay:.34s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(7){ transition-delay:.40s; }
  .nd-motion .reveal-stagger.is-visible > *:nth-child(8){ transition-delay:.46s; }

  /* Keep existing products readable while the isolated tab request runs. */
  .bestsellers-loading{ opacity:.65; pointer-events:none; }

  /* ---- hero: slide transition without image zoom ---- */
  .hero__track{ transition:transform .6s cubic-bezier(.4,0,.2,1); }
  .hero__dot{ transition:transform .25s ease, background .25s ease, border-color .25s ease; }

  /* ---- card hover: image zoom to 1.09 (matches woodmart .banner-hover-zoom) ---- */
  .collection-card__image img,
  .more-fashion__image img,
  .faq-gallery__item img{
    transition:transform .55s cubic-bezier(0,.55,.35,1);
  }
  .collection-card:hover .collection-card__image img,
  .more-fashion__cell:hover .more-fashion__image img,
  .faq-gallery__item:hover img{ transform:scale(1.09); }


  /* ---- button / pill hover: lift + shadow (old site: .25s transitions everywhere) ---- */
  .category-pill,
  .merch__btn,
  .hero__cta,
  .collection-card__btn,
  .faq-bulk__btn,
  .hero__dot{ transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease; }
  .category-pill:hover{ transform:translateY(-2px); border-color:var(--color-maroon); }
  .merch__btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.22); }
  .collection-card__btn:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.28); background:var(--color-maroon); color:var(--color-white); }
  .faq-bulk__btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,169,63,.4); }
  .faq-list__question:hover .faq-list__toggle{ border-color:var(--color-maroon); color:var(--color-maroon); }
  .step-card{ transition:transform .3s ease, box-shadow .3s ease; }
  .nd-motion .step-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(17,17,17,.08); }
  .step-card:hover{ box-shadow:0 14px 34px rgba(17,17,17,.08); }

  /* ---- gallery: auto-scrolling marquee, two rows drifting opposite ways ----
     home.js builds two identical sequences inside one animated track.
     End padding balances the gaps so half the width is one full sequence. */
  .gallery{ --gallery-gap:6px; }
  .gallery-marquee{
    display:flex; overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
            mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  }
  .gallery-marquee + .gallery-marquee{ margin-top:var(--gallery-gap); }
  .gallery-marquee__track{
    display:flex; flex:0 0 auto; width:max-content;
    gap:var(--gallery-gap); padding-right:var(--gallery-gap);
  }
  .gallery-marquee__track[data-primed="1"]{
    animation:nd-marquee 46s linear infinite;
  }
  .gallery-marquee--reverse .gallery-marquee__track{ animation-direction:reverse; }
  .gallery-marquee:hover .gallery-marquee__track{ animation-play-state:paused; }
  .gallery-marquee__item{
    flex:0 0 auto; width:clamp(190px, 22vw, 300px);
    aspect-ratio:1/1; border-radius:10px; overflow:hidden;
  }
  .gallery-marquee__item img{ width:100%; height:100%; object-fit:cover; display:block; }
  @keyframes nd-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

  /* ---- sticky header + shadow on scroll (home only) ---- */
  .site-header{
    position:sticky; top:0; z-index:90;
    transition:box-shadow .3s ease, background-color .3s ease;
  }
  .site-header.is-stuck{ box-shadow:0 6px 24px rgba(17,17,17,.1); }

  /* ---- back-to-top button ---- */
  .nd-to-top{
    position:fixed; right:24px; bottom:24px; z-index:80;
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--color-maroon); color:var(--color-white); border:none;
    box-shadow:0 8px 22px rgba(122,31,43,.4);
    opacity:0; transform:translateY(14px); pointer-events:none;
    transition:opacity .3s ease, transform .3s ease, background-color .2s ease;
  }
  .nd-to-top.is-visible{ opacity:1; transform:none; pointer-events:auto; }
  .nd-to-top:hover{ background:#5f1622; transform:translateY(-2px); }
  .nd-to-top svg{ width:20px; height:20px; }
  @media (max-width:768px){ .nd-to-top{ right:16px; bottom:16px; width:42px; height:42px; } }

  /* ---- respect reduced-motion: kill all entrance + loop motion ---- */
  @media (prefers-reduced-motion: reduce){
    .nd-motion .reveal,
    .nd-motion .reveal-stagger > *{ opacity:1 !important; transform:none !important; transition:none !important; }
    .nd-motion .product-grid.nd-tab-out{ opacity:1 !important; transform:none !important; }
    .nd-motion .product-grid.nd-tab-in > *{ animation:none !important; }
    .gallery-marquee__track{ animation:none !important; }
    .hero__track, .hero__art{ transition:none !important; }
    .product-card:hover,
    .step-card:hover,
    .category-pill:hover,
    .merch__btn:hover,
    .hero__cta:hover,
    .collection-card__btn:hover,
    .faq-bulk__btn:hover{ transform:none !important; }
  }