/* LUVEX visual polish — preserves the original layout */

/* Header logo: no frame, no colored box */
.brand-mark{overflow:visible!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(126,117,255,.28));transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.brand:hover .brand-mark img{transform:translateY(-2px) scale(1.09);filter:drop-shadow(0 0 17px rgba(126,117,255,.55))}

/* Smooth site-wide motion */
body{overflow-x:hidden}
a,button,.category-card,.product-card,.auth-card,.dash-card,.filter-panel,.floating-card,.nav-links a,.mobile-menu a{transition:transform .28s cubic-bezier(.2,.8,.2,1),color .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease,opacity .28s ease}
.nav-links a,.mobile-menu a,.section-head>a,.btn{position:relative}
.nav-links a:hover,.mobile-menu a:hover{transform:translateY(-3px) scale(1.04);font-weight:800;text-shadow:0 0 18px rgba(145,133,255,.35)}
.nav-links a::after{content:"";position:absolute;right:0;left:0;bottom:-7px;height:2px;border-radius:9px;background:linear-gradient(90deg,#6b94ff,#b16cff);transform:scaleX(0);transform-origin:center;transition:transform .28s ease;box-shadow:0 0 12px rgba(124,112,255,.45)}
.nav-links a:hover::after{transform:scaleX(1)}

/* Hero center: two clean white rotating lines around the LUVEX logo */
.hero-orbit{isolation:isolate}
.hero-orbit .ring-a,.hero-orbit .ring-b{border-color:rgba(255,255,255,.82);box-shadow:0 0 22px rgba(255,255,255,.07);}
.hero-orbit .ring-a{border-width:1px}
.hero-orbit .ring-b{border-width:1px;border-style:solid}
.hero-core{width:205px;height:205px;background:radial-gradient(circle at 50% 38%,rgba(48,44,108,.92),rgba(8,8,16,.98) 68%);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 90px rgba(76,84,255,.32),inset 0 0 50px rgba(157,88,255,.14)}
.core-logo{width:72px;height:72px;display:grid;place-items:center;margin-bottom:2px}
.core-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(153,126,255,.5));animation:logoPulse 2.8s ease-in-out infinite}
.core-icon{display:none}
.hero-core span{font-size:18px}
.hero-core small{font-size:7px}
@keyframes logoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 12px rgba(153,126,255,.38))}50%{transform:scale(1.08);filter:drop-shadow(0 0 22px rgba(153,126,255,.72))}}

/* Orbit motion: clearly visible but calm */
.hero-orbit .ring-a{animation:spinRing 12s linear infinite}
.hero-orbit .ring-b{animation:spinRingReverse 8s linear infinite}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.8);transform-origin:0 0;z-index:1;opacity:.8}
.hero-orbit::before{animation:orbitDotA 12s linear infinite}
.hero-orbit::after{animation:orbitDotB 8s linear infinite;opacity:.5}
@keyframes orbitDotA{from{transform:rotate(0deg) translateX(195px)}to{transform:rotate(360deg) translateX(195px)}}
@keyframes orbitDotB{from{transform:rotate(180deg) translateX(140px)}to{transform:rotate(540deg) translateX(140px)}}

/* Support stat separator */
.stats{align-items:stretch}
.stats>div{position:relative;padding-left:28px}
.stats>div:not(:last-child)::after{content:"";position:absolute;left:0;top:7px;width:1px;height:35px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent)}
.stat-support strong{color:#fff;text-shadow:0 0 20px rgba(119,132,255,.35)}

/* Scroll reveal */
[data-reveal]{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}

/* Hover lift / focus feedback across the site */
.category-card:hover,.product-card:hover,.auth-card:hover,.dash-card:hover,.filter-panel:hover{transform:translateY(-7px);border-color:rgba(132,126,255,.32);box-shadow:0 24px 70px rgba(30,24,95,.22)}
.product-card:hover .product-visual span{transform:scale(1.12) rotate(-5deg)}
.product-visual span{transition:transform .35s ease}
.btn:hover{transform:translateY(-3px) scale(1.025)}
.btn:active{transform:translateY(0) scale(.98)}

/* Make headings and important text feel alive */
.section-head h2,.page-head h1{transition:transform .35s ease,text-shadow .35s ease}
.section-head:hover h2,.page-head:hover h1{text-shadow:0 0 24px rgba(120,116,255,.2);transform:translateX(-3px)}

/* Mobile */
@media(max-width:560px){
  .brand-mark{width:36px;height:36px}
  .hero-core{width:185px;height:185px}
  .core-logo{width:64px;height:64px}
  .stats{gap:22px}
  .stats>div{padding-left:18px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1;transform:none}
}


/* v4 — refined LUVEX logo, orbit and site-wide interaction */
.brand{gap:8px}
.brand-mark{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.brand-mark img{width:30px!important;height:30px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}

/* Completely transparent center: only the LUVEX logo remains */
.hero-core{width:132px!important;height:132px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.hero-core .core-logo{width:92px!important;height:92px!important;margin:0!important}
.hero-core .core-logo img{width:92px!important;height:92px!important;object-fit:contain!important}
.hero-core>span,.hero-core>small{display:none!important}

/* Two visible white orbit lines around the logo */
.hero-orbit .orbit-ring{background:transparent!important;border-radius:50%!important}
.hero-orbit .ring-a{width:270px!important;height:270px!important;border:2px solid transparent!important;border-top-color:rgba(255,255,255,.95)!important;border-right-color:rgba(255,255,255,.22)!important;box-shadow:0 0 16px rgba(255,255,255,.08)!important;animation:spinRingV4 7s linear infinite!important}
.hero-orbit .ring-b{width:205px!important;height:205px!important;border:2px solid transparent!important;border-bottom-color:rgba(255,255,255,.9)!important;border-left-color:rgba(255,255,255,.18)!important;box-shadow:0 0 14px rgba(255,255,255,.07)!important;animation:spinRingV4Reverse 5s linear infinite!important}
.hero-orbit::before,.hero-orbit::after{display:none!important}
@keyframes spinRingV4{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}
@keyframes spinRingV4Reverse{from{transform:rotate(342deg)}to{transform:rotate(-18deg)}}

/* Stronger feedback on every clickable element */
a,button,input,select,textarea,.category-card,.product-card,.filter-panel,.auth-card,.dash-card,.floating-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease,filter .22s ease!important}
a:hover,button:hover,.category-card:hover,.product-card:hover,.filter-panel:hover,.floating-card:hover{filter:brightness(1.12)}
a:active,button:active{transform:translateY(-1px) scale(.985)!important}
.nav-links a:hover,.mobile-menu a:hover{font-weight:900!important;transform:translateY(-4px) scale(1.08)!important}
.btn:hover{transform:translateY(-4px) scale(1.045)!important;font-weight:900!important}
.auth-switch a:hover,.section-head>a:hover,.footer a:hover{font-weight:900;transform:translateY(-2px) scale(1.04)}

@media(max-width:560px){
 .brand-mark{width:30px!important;height:30px!important}
 .brand-mark img{width:27px!important;height:27px!important}
 .hero-core{width:105px!important;height:105px!important}
 .hero-core .core-logo,.hero-core .core-logo img{width:72px!important;height:72px!important}
 .hero-orbit .ring-a{width:215px!important;height:215px!important}
 .hero-orbit .ring-b{width:165px!important;height:165px!important}
}

/* v5 final visual corrections */
.brand-mark,.brand-mark img{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
.brand-mark img{object-fit:contain!important}

/* Center logo: small, clean, no purple disk */
.hero-core{width:116px!important;height:116px!important;background:none!important;border:0!important;box-shadow:none!important}
.hero-core .core-logo,.hero-core .core-logo img{width:76px!important;height:76px!important;background:transparent!important}
.hero-core .core-logo img{filter:drop-shadow(0 0 12px rgba(255,255,255,.22))!important}
.hero-orbit .ring-a{width:245px!important;height:245px!important}
.hero-orbit .ring-b{width:185px!important;height:185px!important}