/**
 * Tasawwq Motion 1.0
 * Visual motion layer only. Commerce behavior remains in the base theme layer.
 */

:root{
  --motion-red:#e31c2a;
  --motion-red-2:#ff4052;
  --motion-ink:#101527;
  --motion-blue:#172a52;
  --motion-soft:#f5f6fa;
  --motion-radius:18px;
  --motion-shadow:0 18px 48px rgba(16,21,39,.12);
  --motion-shadow-hover:0 24px 68px rgba(16,21,39,.19);
  --motion-ease:cubic-bezier(.2,.75,.25,1);
}

html{scroll-behavior:smooth}
body.tasawwq-motion{
  background:
    radial-gradient(circle at 10% 8%,rgba(227,28,42,.055),transparent 22rem),
    radial-gradient(circle at 95% 30%,rgba(23,42,82,.045),transparent 30rem),
    #fff;
  overflow-x:hidden;
}

/* Scroll progress */
#tsq-motion-progress{
  position:fixed;
  z-index:99999;
  inset:0 0 auto 0;
  height:3px;
  transform-origin:right center;
  transform:scaleX(0);
  background:linear-gradient(90deg,var(--motion-red),#ff8a95,var(--motion-blue));
  box-shadow:0 1px 10px rgba(227,28,42,.35);
  pointer-events:none;
}

/* Global reveal system */
.tasawwq-motion .tsq-motion-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  filter:blur(7px);
  transition:
    opacity .72s var(--motion-ease),
    transform .82s var(--motion-ease),
    filter .72s var(--motion-ease);
  transition-delay:var(--tsq-delay,0ms);
  will-change:opacity,transform;
}
.tasawwq-motion .tsq-motion-reveal.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}

/* Header + nav */
.tasawwq-motion .tsqm-topbar{
  position:relative;
  overflow:hidden;
}
.tasawwq-motion .tsqm-topbar:after{
  content:"";
  position:absolute;
  inset:0;
  width:36%;
  transform:translateX(350%) skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:tsq-top-shine 6.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes tsq-top-shine{
  0%,72%{transform:translateX(350%) skewX(-22deg)}
  100%{transform:translateX(-420%) skewX(-22deg)}
}

.tasawwq-motion .tsqm-site-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px) saturate(145%);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  box-shadow:0 8px 32px rgba(16,21,39,.055);
}
.tasawwq-motion .tsqm-site-header.is-compact{
  box-shadow:0 10px 35px rgba(16,21,39,.13);
}
.tasawwq-motion .tsqm-logo-wrap{
  transition:transform .32s var(--motion-ease),filter .32s ease;
}
.tasawwq-motion .tsqm-logo-wrap:hover{
  transform:translateY(-2px) scale(1.025);
  filter:drop-shadow(0 8px 14px rgba(227,28,42,.18));
}

.tasawwq-motion .tsqm-exact-search{
  position:relative;
  transition:transform .28s var(--motion-ease),box-shadow .28s ease;
}
.tasawwq-motion .tsqm-exact-search:focus-within{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(227,28,42,.13);
}
.tasawwq-motion .tsqm-exact-search:before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:conic-gradient(from 180deg,transparent 0 28%,rgba(227,28,42,.5),transparent 44% 72%,rgba(23,42,82,.5),transparent);
  opacity:0;
  filter:blur(3px);
  transition:opacity .25s ease;
  z-index:-1;
}
.tasawwq-motion .tsqm-exact-search:focus-within:before{opacity:.78}

.tasawwq-motion .tsqm-header-action{
  border-radius:12px;
  transition:transform .25s var(--motion-ease),background .25s ease,color .25s ease;
}
.tasawwq-motion .tsqm-header-action:hover{
  transform:translateY(-3px);
  background:#fff3f4;
  color:var(--motion-red);
}
.tasawwq-motion .tsqm-cart-count,
.tasawwq-motion .tsqm-compare-count{
  animation:tsq-soft-pulse 2.6s ease-in-out infinite;
}
@keyframes tsq-soft-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(227,28,42,0)}
  50%{box-shadow:0 0 0 6px rgba(227,28,42,.08)}
}

.tasawwq-motion .tsqm-exact-nav-links a{
  position:relative;
  overflow:hidden;
}
.tasawwq-motion .tsqm-exact-nav-links a:after{
  content:"";
  position:absolute;
  height:2px;
  right:50%;left:50%;bottom:5px;
  background:linear-gradient(90deg,var(--motion-red),var(--motion-red-2));
  transition:right .26s var(--motion-ease),left .26s var(--motion-ease);
}
.tasawwq-motion .tsqm-exact-nav-links a:hover:after{
  right:10px;left:10px;
}

/* Hero */
.tasawwq-motion .tsqm-exact-first{
  position:relative;
}
.tasawwq-motion .tsqm-exact-hero{
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 24px 65px rgba(16,21,39,.13);
  background:
    linear-gradient(120deg,rgba(255,255,255,.91),rgba(255,245,246,.92) 48%,rgba(239,244,255,.94));
}
.tasawwq-motion .tsqm-exact-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 47%,transparent 62%);
  transform:translateX(120%);
  animation:tsq-hero-sweep 7s ease-in-out infinite;
  z-index:-1;
}
@keyframes tsq-hero-sweep{
  0%,65%{transform:translateX(120%)}
  100%{transform:translateX(-150%)}
}

.tsq-motion-orbs{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:-1;
}
.tsq-motion-orb{
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(2px);
  opacity:.72;
}
.tsq-motion-orb.orb-one{
  width:220px;height:220px;
  top:-90px;right:34%;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.8),rgba(227,28,42,.18) 45%,rgba(227,28,42,.02) 72%);
  animation:tsq-orbit-one 10s ease-in-out infinite alternate;
}
.tsq-motion-orb.orb-two{
  width:280px;height:280px;
  bottom:-170px;left:-70px;
  background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.6),rgba(23,42,82,.17) 46%,transparent 74%);
  animation:tsq-orbit-two 12s ease-in-out infinite alternate;
}
.tsq-motion-orb.orb-three{
  width:95px;height:95px;
  right:52%;bottom:12%;
  background:radial-gradient(circle,#fff,rgba(255,64,82,.2) 46%,transparent 70%);
  animation:tsq-orbit-three 7s ease-in-out infinite alternate;
}
.tsq-motion-grid-glow{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(16,21,39,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,21,39,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to left,transparent 0,#000 25%,#000 75%,transparent 100%);
  opacity:.45;
}
@keyframes tsq-orbit-one{to{transform:translate(-32px,34px) scale(1.13)}}
@keyframes tsq-orbit-two{to{transform:translate(36px,-28px) scale(.9)}}
@keyframes tsq-orbit-three{to{transform:translate(-26px,-24px) scale(1.2)}}

.tsq-motion-live-pill{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid rgba(227,28,42,.14);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  box-shadow:0 8px 24px rgba(227,28,42,.08);
  color:#6c2230;
  font-size:7px;
  font-weight:900;
  margin-bottom:7px;
  backdrop-filter:blur(7px);
}
.tsq-motion-live-pill i{
  width:7px;height:7px;border-radius:50%;
  background:#20b26b;
  box-shadow:0 0 0 0 rgba(32,178,107,.35);
  animation:tsq-live 1.8s ease-out infinite;
}
@keyframes tsq-live{
  70%{box-shadow:0 0 0 7px rgba(32,178,107,0)}
  100%{box-shadow:0 0 0 0 rgba(32,178,107,0)}
}

.tasawwq-motion .tsqm-exact-hero-copy>*{
  opacity:0;
  transform:translateY(18px);
  animation:tsq-hero-copy .75s var(--motion-ease) forwards;
}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(1){animation-delay:.06s}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(2){animation-delay:.13s}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(3){animation-delay:.2s}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(4){animation-delay:.27s}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(5){animation-delay:.34s}
.tasawwq-motion .tsqm-exact-hero-copy>*:nth-child(6){animation-delay:.41s}
@keyframes tsq-hero-copy{to{opacity:1;transform:none}}

.tasawwq-motion .tsqm-exact-hero-copy h1 em{
  position:relative;
  display:inline-block;
  text-shadow:0 12px 30px rgba(227,28,42,.16);
}
.tasawwq-motion .tsqm-exact-hero-copy h1 em:after{
  content:"";
  position:absolute;
  right:0;left:0;bottom:-4px;
  height:5px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--motion-red),var(--motion-red-2),transparent);
  transform:scaleX(.15);
  opacity:.55;
  animation:tsq-word-underline 2.6s ease-in-out infinite alternate;
}
@keyframes tsq-word-underline{to{transform:scaleX(1);opacity:1}}

.tasawwq-motion .tsqm-exact-shop-now,
.tasawwq-motion .tsqm-pro-card-add,
.tasawwq-motion .button,
.tasawwq-motion button.single_add_to_cart_button{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(227,28,42,.15);
  transition:transform .24s var(--motion-ease),box-shadow .24s ease,filter .24s ease;
}
.tasawwq-motion .tsqm-exact-shop-now:hover,
.tasawwq-motion .tsqm-pro-card-add:hover,
.tasawwq-motion .button:hover,
.tasawwq-motion button.single_add_to_cart_button:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 17px 34px rgba(227,28,42,.23);
  filter:saturate(1.08);
}
.tasawwq-motion .tsq-ripple{
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  transform:scale(0);
  animation:tsq-ripple .62s linear;
  pointer-events:none;
}
@keyframes tsq-ripple{to{transform:scale(4);opacity:0}}

/* Hero floating products */
.tasawwq-motion .tsqm-exact-float-product{
  filter:drop-shadow(0 22px 22px rgba(16,21,39,.16));
  transform-origin:center;
  transition:filter .32s ease;
}
.tasawwq-motion .tsqm-exact-float-product:hover{
  filter:drop-shadow(0 28px 30px rgba(227,28,42,.21));
  z-index:8;
}
.tasawwq-motion .exact-f1{animation:tsq-float-a 4.8s ease-in-out infinite}
.tasawwq-motion .exact-f2{animation:tsq-float-b 5.7s ease-in-out infinite .5s}
.tasawwq-motion .exact-f3{animation:tsq-float-c 5.1s ease-in-out infinite 1s}
.tasawwq-motion .exact-f4{animation:tsq-float-b 6.2s ease-in-out infinite 1.35s}
.tasawwq-motion .exact-f5{animation:tsq-float-a 5.6s ease-in-out infinite .9s}
@keyframes tsq-float-a{50%{transform:translate3d(0,-12px,0) rotate(1.8deg)}}
@keyframes tsq-float-b{50%{transform:translate3d(8px,-9px,0) rotate(-1.7deg)}}
@keyframes tsq-float-c{50%{transform:translate3d(-7px,-14px,0) rotate(1deg) scale(1.025)}}

/* Side navigation */
.tasawwq-motion .tsqm-home-cat-parent>a,
.tasawwq-motion .tsqm-exact-quick-sidebar>a{
  transition:transform .25s var(--motion-ease),background .25s ease,box-shadow .25s ease,color .25s ease;
}
.tasawwq-motion .tsqm-home-cat-parent>a:hover{
  transform:translateX(-6px);
  background:linear-gradient(90deg,#fff6f7,#fff);
  color:var(--motion-red);
  box-shadow:inset -3px 0 0 var(--motion-red);
}
.tasawwq-motion .tsqm-cat-mini-icon{
  transition:transform .4s var(--motion-ease);
}
.tasawwq-motion .tsqm-home-cat-parent>a:hover .tsqm-cat-mini-icon{
  transform:rotate(-12deg) scale(1.12);
}
.tasawwq-motion .tsqm-exact-quick-sidebar>a:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 10px 24px rgba(16,21,39,.09);
  background:#fff;
}
.tasawwq-motion .tsqm-exact-quick-sidebar>a span{
  transition:transform .35s var(--motion-ease);
}
.tasawwq-motion .tsqm-exact-quick-sidebar>a:hover span{
  transform:rotate(-8deg) scale(1.15);
}

/* Benefits */
.tasawwq-motion .tsqm-exact-benefits-grid>div{
  position:relative;
  overflow:hidden;
  transition:transform .3s var(--motion-ease),box-shadow .3s ease,background .3s ease;
}
.tasawwq-motion .tsqm-exact-benefits-grid>div:before{
  content:"";
  position:absolute;
  width:72px;height:72px;
  border-radius:50%;
  left:-40px;top:-44px;
  background:rgba(227,28,42,.06);
  transition:transform .45s var(--motion-ease);
}
.tasawwq-motion .tsqm-exact-benefits-grid>div:hover{
  transform:translateY(-6px);
  box-shadow:0 14px 30px rgba(16,21,39,.085);
  background:#fff;
}
.tasawwq-motion .tsqm-exact-benefits-grid>div:hover:before{transform:scale(2.1)}
.tasawwq-motion .tsqm-exact-benefits-grid>div>span{
  display:inline-block;
  transition:transform .42s var(--motion-ease);
}
.tasawwq-motion .tsqm-exact-benefits-grid>div:hover>span{
  transform:translateY(-3px) rotate(-9deg) scale(1.15);
}

/* Promos */
.tasawwq-motion .exact-promo{
  overflow:hidden;
  isolation:isolate;
  transition:transform .35s var(--motion-ease),box-shadow .35s ease,filter .35s ease;
}
.tasawwq-motion .exact-promo:before{
  content:"";
  position:absolute;
  top:-80%;bottom:-80%;
  width:42%;
  right:-55%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transition:right .7s var(--motion-ease);
  z-index:-1;
}
.tasawwq-motion .exact-promo:hover{
  transform:translateY(-7px) scale(1.015);
  box-shadow:var(--motion-shadow-hover);
  filter:saturate(1.08);
}
.tasawwq-motion .exact-promo:hover:before{right:120%}
.tasawwq-motion .exact-promo>i{
  transition:transform .5s var(--motion-ease);
}
.tasawwq-motion .exact-promo:hover>i{
  transform:translateY(-7px) rotate(-8deg) scale(1.14);
}

/* Product cards */
.tasawwq-motion .tsqm-exact-card,
.tasawwq-motion .tsqm-pro-card,
.tasawwq-motion ul.products li.product{
  position:relative;
  transform-style:preserve-3d;
  transition:transform .32s var(--motion-ease),box-shadow .32s ease,border-color .32s ease;
  will-change:transform;
}
.tasawwq-motion .tsqm-exact-card:hover,
.tasawwq-motion .tsqm-pro-card:hover,
.tasawwq-motion ul.products li.product:hover{
  transform:translateY(-8px) perspective(900px) rotateX(var(--tsq-rx,0deg)) rotateY(var(--tsq-ry,0deg));
  box-shadow:0 20px 45px rgba(16,21,39,.14);
  border-color:rgba(227,28,42,.18);
}
.tasawwq-motion .tsqm-exact-card-image,
.tasawwq-motion .tsqm-pro-card-image,
.tasawwq-motion ul.products li.product .product-image-link{
  overflow:hidden;
}
.tasawwq-motion .tsqm-exact-card img,
.tasawwq-motion .tsqm-pro-card img,
.tasawwq-motion ul.products li.product img{
  transition:transform .52s var(--motion-ease),filter .45s ease;
}
.tasawwq-motion .tsqm-exact-card:hover img,
.tasawwq-motion .tsqm-pro-card:hover img,
.tasawwq-motion ul.products li.product:hover img{
  transform:scale(1.065);
  filter:saturate(1.04);
}
.tasawwq-motion .tsqm-exact-discount,
.tasawwq-motion .tsqm-pro-badge.discount{
  animation:tsq-badge-breathe 2.3s ease-in-out infinite;
}
@keyframes tsq-badge-breathe{50%{transform:scale(1.075);box-shadow:0 7px 18px rgba(227,28,42,.2)}}

/* Section heading accent */
.tasawwq-motion .tsqm-exact-section-head h2,
.tasawwq-motion .tsqm-pro-section-head h2,
.tasawwq-motion .woocommerce-products-header__title{
  position:relative;
}
.tasawwq-motion .tsqm-exact-section-head h2:after,
.tasawwq-motion .tsqm-pro-section-head h2:after{
  content:"";
  position:absolute;
  right:0;
  bottom:-7px;
  width:36px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--motion-red),var(--motion-red-2));
  animation:tsq-head-line 2.5s ease-in-out infinite alternate;
}
@keyframes tsq-head-line{to{width:72px}}

/* Brands */
.tasawwq-motion .tsqm-brand-item,
.tasawwq-motion .tsqm-exact-brand{
  transition:transform .28s var(--motion-ease),box-shadow .28s ease,filter .28s ease;
}
.tasawwq-motion .tsqm-brand-item:hover,
.tasawwq-motion .tsqm-exact-brand:hover{
  transform:translateY(-5px) scale(1.035);
  box-shadow:0 13px 28px rgba(16,21,39,.09);
  filter:contrast(1.03);
}

/* Mega menu */
.tasawwq-motion .tsqm-mega{
  animation:tsq-mega-in .24s var(--motion-ease);
  transform-origin:top center;
}
@keyframes tsq-mega-in{
  from{opacity:0;transform:translateY(-8px) scaleY(.97)}
  to{opacity:1;transform:none}
}
.tasawwq-motion .tsqm-mega-parent{
  transition:transform .25s var(--motion-ease),background .25s ease;
}
.tasawwq-motion .tsqm-mega-parent:hover{
  transform:translateY(-3px);
  background:#fff7f8;
}

/* Quick view / wishlist / compare modal motion */
.tasawwq-motion .tsqm-quick-panel,
.tasawwq-motion .tsqm-smart-modal-panel{
  animation:tsq-modal-in .34s var(--motion-ease);
}
@keyframes tsq-modal-in{
  from{opacity:0;transform:translateY(26px) scale(.965)}
  to{opacity:1;transform:none}
}
.tasawwq-motion .tsqm-compare-tray{
  animation:tsq-tray-in .38s var(--motion-ease);
}
@keyframes tsq-tray-in{
  from{opacity:0;transform:translate(-50%,24px) scale(.96)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}

/* Product page */
.tasawwq-motion.single-product .woocommerce-product-gallery{
  overflow:hidden;
  border-radius:var(--motion-radius);
  box-shadow:0 15px 42px rgba(16,21,39,.08);
}
.tasawwq-motion.single-product .woocommerce-product-gallery img{
  transition:transform .55s var(--motion-ease);
}
.tasawwq-motion.single-product .woocommerce-product-gallery:hover img{
  transform:scale(1.025);
}
.tasawwq-motion.single-product div.product .summary{
  transition:box-shadow .3s ease,transform .3s var(--motion-ease);
}

/* Cart + checkout */
.tasawwq-motion .woocommerce-cart-form,
.tasawwq-motion .cart_totals,
.tasawwq-motion .woocommerce-checkout-review-order,
.tasawwq-motion .woocommerce-checkout .col2-set,
.tasawwq-motion .wc-block-cart,
.tasawwq-motion .wc-block-checkout{
  transition:transform .3s var(--motion-ease),box-shadow .3s ease;
}
.tasawwq-motion .woocommerce-cart-form:hover,
.tasawwq-motion .cart_totals:hover,
.tasawwq-motion .woocommerce-checkout-review-order:hover{
  box-shadow:0 16px 38px rgba(16,21,39,.08);
}

/* Footer */
.tasawwq-motion .tsqm-footer{
  position:relative;
  overflow:hidden;
}
.tasawwq-motion .tsqm-footer:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  top:-260px;right:-160px;
  background:radial-gradient(circle,rgba(227,28,42,.13),transparent 68%);
  animation:tsq-footer-orb 9s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes tsq-footer-orb{to{transform:translate(-80px,75px) scale(1.18)}}

/* Pointer spotlight for desktop */
.tasawwq-motion .tsq-pointer-glow{
  position:fixed;
  z-index:1;
  width:240px;height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(227,28,42,.055),transparent 68%);
  transform:translate(-50%,-50%);
  pointer-events:none;
  transition:opacity .2s ease;
  opacity:0;
  mix-blend-mode:multiply;
}

/* Mobile */
@media(max-width:899px){
  body.tasawwq-motion{
    background:#fff;
  }
  .tasawwq-motion .tsqm-site-header{
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .tasawwq-motion .tsqm-exact-hero{
    box-shadow:0 14px 34px rgba(16,21,39,.11);
  }
  .tsq-motion-orb.orb-one{width:150px;height:150px}
  .tsq-motion-orb.orb-two{width:180px;height:180px}
  .tsq-motion-orb.orb-three{display:none}
  .tasawwq-motion .tsqm-exact-float-product{
    animation-duration:6.5s;
  }
  .tasawwq-motion .tsqm-exact-card:hover,
  .tasawwq-motion .tsqm-pro-card:hover,
  .tasawwq-motion ul.products li.product:hover{
    transform:translateY(-3px);
  }
  .tasawwq-motion .tsq-motion-reveal{
    transform:translate3d(0,20px,0);
    filter:none;
  }
  .tasawwq-motion .tsq-pointer-glow{display:none}
  .tasawwq-motion .tsqm-exact-benefits-grid{
    scroll-snap-type:x proximity;
  }
  .tasawwq-motion .tsqm-exact-benefits-grid>div{
    scroll-snap-align:start;
  }
}

/* Accessibility/performance */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .tasawwq-motion *,
  .tasawwq-motion *:before,
  .tasawwq-motion *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .tasawwq-motion .tsq-motion-reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}


/* =========================================================
   Tasawwq Motion Pro 1.1
   ========================================================= */

/* Visual category strip */
.tsqm-motion-category-strip{
  padding:14px 0 6px;
}
.tsqm-motion-strip-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.tsqm-motion-strip-head span{
  display:block;
  color:var(--motion-red);
  font-size:7px;
  font-weight:950;
}
.tsqm-motion-strip-head h2{
  margin:2px 0 0;
  font-size:18px;
}
.tsqm-motion-strip-head>a{
  font-size:7px;
  font-weight:900;
  color:var(--motion-red);
}
.tsqm-motion-category-rail{
  display:flex;
  gap:9px;
  overflow:auto hidden;
  padding:4px 2px 11px;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  cursor:grab;
}
.tsqm-motion-category-rail::-webkit-scrollbar{display:none}
.tsqm-motion-category-rail.is-dragging{cursor:grabbing;user-select:none}
.tsqm-motion-category-card{
  flex:0 0 112px;
  min-width:0;
  scroll-snap-align:start;
  border:1px solid #e9eaed;
  border-radius:15px;
  background:rgba(255,255,255,.92);
  padding:8px 7px 9px;
  text-align:center;
  box-shadow:0 8px 22px rgba(16,21,39,.045);
  transition:transform .3s var(--motion-ease),box-shadow .3s ease,border-color .3s ease;
}
.tsqm-motion-category-card:hover{
  transform:translateY(-6px) rotate(-.6deg);
  border-color:rgba(227,28,42,.2);
  box-shadow:0 16px 32px rgba(16,21,39,.1);
}
.tsqm-motion-category-image{
  display:grid;
  place-items:center;
  width:82px;height:82px;
  margin:0 auto 6px;
  border-radius:50%;
  overflow:hidden;
  background:
    radial-gradient(circle at 35% 30%,#fff,#f7f3f4 70%);
  position:relative;
}
.tsqm-motion-category-image:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(227,28,42,.08);
}
.tsqm-motion-category-image img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .45s var(--motion-ease);
}
.tsqm-motion-category-image svg{
  width:28px;height:28px;
  color:var(--motion-red);
}
.tsqm-motion-category-card:hover img{transform:scale(1.09) rotate(1deg)}
.tsqm-motion-category-card strong{
  display:block;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tsqm-motion-category-card small{
  display:block;
  margin-top:2px;
  color:#888;
  font-size:6px;
}

/* Trending differentiator */
.tsqm-trending-shelf{
  position:relative;
  overflow:hidden;
}
.tsqm-trending-shelf:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  right:-240px;top:-220px;
  background:radial-gradient(circle,rgba(227,28,42,.075),transparent 68%);
  pointer-events:none;
}
.tsqm-trending-shelf .tsqm-pro-shelf-head>div>span{
  color:#ff653e;
}

/* Import panel */
.tsqm-motion-import-panel{
  padding:18px 0;
}
.tsqm-motion-import-card{
  min-height:190px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:22px;
  border:1px solid rgba(227,28,42,.12);
  background:
    radial-gradient(circle at 10% 0,rgba(227,28,42,.17),transparent 26%),
    radial-gradient(circle at 88% 95%,rgba(23,42,82,.16),transparent 31%),
    linear-gradient(125deg,#fff9fa,#fff 48%,#f5f8ff);
  box-shadow:0 20px 48px rgba(16,21,39,.09);
  display:grid;
  grid-template-columns:1fr 240px;
  align-items:center;
  padding:22px 28px;
}
.tsqm-motion-import-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(16,21,39,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,21,39,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,#000,transparent 78%);
  z-index:-1;
}
.tsqm-motion-import-copy>span{
  color:var(--motion-red);
  font-size:8px;
  font-weight:950;
}
.tsqm-motion-import-copy h2{
  font-size:28px;
  margin:4px 0 6px;
}
.tsqm-motion-import-copy p{
  max-width:560px;
  margin:0;
  color:#60646e;
  font-size:8px;
  line-height:1.9;
}
.tsqm-motion-import-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}
.tsqm-motion-import-actions a{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 14px;
  border-radius:9px;
  font-size:7.5px;
  font-weight:950;
  transition:transform .25s var(--motion-ease),box-shadow .25s ease;
}
.tsqm-motion-import-actions a:hover{
  transform:translateY(-3px);
}
.tsqm-motion-import-main{
  background:var(--motion-red);
  color:#fff;
  box-shadow:0 12px 28px rgba(227,28,42,.2);
}
.tsqm-motion-import-wa{
  background:#fff;
  color:#128c52;
  border:1px solid rgba(18,140,82,.2);
}
.tsqm-motion-import-wa svg{width:17px;height:17px}
.tsqm-motion-import-art{
  width:190px;height:150px;
  position:relative;
  margin-inline-start:auto;
  display:grid;
  place-items:center;
}
.tsqm-motion-import-art>span{
  position:relative;
  z-index:3;
  width:88px;height:88px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(135deg,var(--motion-red),#ff5b68);
  color:#fff;
  font-size:39px;
  box-shadow:0 20px 42px rgba(227,28,42,.22);
  animation:tsq-import-float 3.7s ease-in-out infinite;
}
.tsqm-motion-import-art i{
  position:absolute;
  border:1px dashed rgba(23,42,82,.18);
  border-radius:50%;
  animation:tsq-import-ring 10s linear infinite;
}
.tsqm-motion-import-art i:nth-child(2){width:125px;height:125px}
.tsqm-motion-import-art i:nth-child(3){width:160px;height:160px;animation-direction:reverse;animation-duration:13s}
.tsqm-motion-import-art i:nth-child(4){width:190px;height:190px;opacity:.48;animation-duration:17s}
@keyframes tsq-import-float{50%{transform:translateY(-10px) rotate(-4deg)}}
@keyframes tsq-import-ring{to{transform:rotate(360deg)}}

/* Recent products */
.tsqm-recent-section[hidden]{display:none!important}
.tsqm-recent-section .tsqm-smart-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.tsqm-recent-section .tsqm-smart-card{
  border:1px solid #e8e9ec;
  border-radius:12px;
  padding:8px;
  background:#fff;
  transition:transform .28s var(--motion-ease),box-shadow .28s ease;
}
.tsqm-recent-section .tsqm-smart-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(16,21,39,.09);
}

/* Brand marquee */
.tsqm-motion-brand-marquee{
  overflow:hidden!important;
  display:block!important;
  position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.tsqm-motion-brand-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:8px;
  animation:tsq-brand-marquee 25s linear infinite;
}
.tsqm-motion-brand-marquee:hover .tsqm-motion-brand-track{
  animation-play-state:paused;
}
.tsqm-motion-brand-track span{
  min-width:130px;
}
@keyframes tsq-brand-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(50%)}
}

/* Empty commerce states become intentional instead of blank */
.tasawwq-motion .cart-empty,
.tasawwq-motion .woocommerce-info,
.tasawwq-motion .woocommerce-message{
  border-radius:12px;
}
.tasawwq-motion .cart-empty{
  min-height:130px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% -30%,rgba(227,28,42,.08),transparent 62%),
    #fff;
  animation:tsq-empty-in .5s var(--motion-ease);
}
@keyframes tsq-empty-in{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

/* Stronger 404 motion */
.tasawwq-motion .tsqm-404>span{
  display:inline-block;
  background:linear-gradient(135deg,var(--motion-red),var(--motion-blue));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:tsq-404-float 3s ease-in-out infinite;
}
@keyframes tsq-404-float{50%{transform:translateY(-10px) rotate(-2deg)}}

/* Mobile Pro */
@media(max-width:899px){
  .tsqm-motion-category-strip{padding-top:9px}
  .tsqm-motion-strip-head{padding-inline:2px}
  .tsqm-motion-strip-head h2{font-size:16px}
  .tsqm-motion-category-card{flex-basis:94px;border-radius:13px}
  .tsqm-motion-category-image{width:67px;height:67px}
  .tsqm-motion-import-card{
    grid-template-columns:1fr 95px;
    min-height:165px;
    padding:16px 14px;
    border-radius:17px;
  }
  .tsqm-motion-import-copy h2{font-size:21px}
  .tsqm-motion-import-copy p{font-size:7px}
  .tsqm-motion-import-art{width:90px;height:100px}
  .tsqm-motion-import-art>span{width:60px;height:60px;border-radius:17px;font-size:27px}
  .tsqm-motion-import-art i:nth-child(2){width:76px;height:76px}
  .tsqm-motion-import-art i:nth-child(3){width:94px;height:94px}
  .tsqm-motion-import-art i:nth-child(4){display:none}
  .tsqm-motion-import-actions a{min-height:36px;padding:0 10px}
  .tsqm-recent-section .tsqm-smart-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tsqm-motion-brand-track{animation-duration:19s}
}

@media(prefers-reduced-motion:reduce){
  .tsqm-motion-brand-track{animation:none!important}
  .tsqm-motion-import-art>span,
  .tsqm-motion-import-art i{animation:none!important}
}

.tsqm-404-pro{
  max-width:760px;
  margin:40px auto 60px;
  text-align:center;
}
.tsqm-404-pro>span{font-size:86px;font-weight:1000;line-height:1}
.tsqm-404-pro h1{font-size:28px;margin:8px 0}
.tsqm-404-pro p{color:#737780;line-height:1.9}
.tsqm-404-search{
  max-width:560px;
  margin:18px auto 13px;
  display:flex;
  border:1px solid #dddfe3;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 13px 35px rgba(16,21,39,.07);
}
.tsqm-404-search input{flex:1;min-width:0;border:0;padding:0 13px}
.tsqm-404-search button{
  min-height:44px;
  border:0;
  background:var(--motion-red);
  color:#fff;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:5px;
}
.tsqm-404-search button svg{width:16px;height:16px}
.tsqm-404-cats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  margin-bottom:18px;
}
.tsqm-404-cats a{
  border:1px solid #e3e4e7;
  background:#fff;
  border-radius:999px;
  padding:7px 11px;
  font-size:7px;
  font-weight:900;
  transition:.25s ease;
}
.tsqm-404-cats a:hover{
  background:#fff2f3;
  border-color:rgba(227,28,42,.25);
  color:var(--motion-red);
  transform:translateY(-2px);
}