.shop-root{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%);min-height:100vh}.shop-hero{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-gradient{background:linear-gradient(135deg,#6366f114 0%,#a855f70d 50%,#ec489914 100%);position:absolute;inset:0}.hero-orb{filter:blur(80px);border-radius:50%;animation:4s ease-in-out infinite pulse;position:absolute}.hero-orb-1{background:#a855f714;width:18rem;height:18rem;animation-delay:0s;top:5rem;left:2.5rem}.hero-orb-2{background:#6366f114;width:24rem;height:24rem;animation-delay:1s;bottom:5rem;right:2.5rem}.hero-orb-3{background:#ec48990d;width:37.5rem;height:37.5rem;animation-delay:2s;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid{opacity:.1;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-grid-layout{align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.hero-grid-layout{grid-template-columns:1fr 1fr}}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.hero-badge-icon{color:#f59e0b;width:1rem;height:1rem}.hero-badge-text{color:#000000b3;font-size:.875rem;font-weight:500}.hero-title{color:#0f172a;font-size:2.25rem;font-weight:700;line-height:1.2}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:3.75rem}}.hero-title-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#0009;max-width:32rem;font-size:1.125rem;line-height:1.625}.hero-features{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.hero-feature-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000f;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 3px #0000000a}.hero-feature-icon{border-radius:.5rem;padding:.5rem}.hero-feature-icon-indigo{background:#6366f11a}.hero-feature-icon-purple{background:#a855f71a}.hero-feature-icon svg{width:1rem;height:1rem}.hero-feature-icon-indigo svg{color:#6366f1}.hero-feature-icon-purple svg{color:#8b5cf6}.hero-feature-title{color:#0f172a;font-size:.875rem;font-weight:500}.hero-feature-desc{color:#0006;font-size:.75rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #6366f140}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.btn-primary svg{width:1.25rem;height:1.25rem}.btn-primary-arrow{width:1rem;height:1rem;transition:transform .3s}.btn-primary:hover .btn-primary-arrow{transform:translate(4px)}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#000000b3;cursor:pointer;background:#fffc;border:1px solid #00000014;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{color:#0f172a;background:#fffffff2;border-color:#0000001f;box-shadow:0 4px 12px #0000000f}.btn-secondary svg{width:1.25rem;height:1.25rem}.hero-visual{display:none;position:relative}@media (min-width:1024px){.hero-visual{display:block}}.hero-visual-container{aspect-ratio:1;max-width:28rem;margin:0 auto;position:relative}.floating-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #0000000f;border-radius:1rem;padding:1rem;position:absolute;box-shadow:0 8px 32px #0000000f}.floating-card-1{width:8rem;height:10rem;animation:6s ease-in-out infinite float;top:-2.5rem;left:-2.5rem;transform:rotate(-8deg)}.floating-card-2{width:9rem;height:11rem;animation:6s ease-in-out 2s infinite float-delay;bottom:-1.25rem;right:-2.5rem;transform:rotate(8deg)}.floating-card-image{border-radius:.5rem;width:100%;height:4rem;margin-bottom:.5rem}.floating-card-1 .floating-card-image{background:linear-gradient(135deg,#818cf8,#a78bfa)}.floating-card-2 .floating-card-image{background:linear-gradient(135deg,#a78bfa,#f472b6)}.floating-card-line{background:#00000014;border-radius:.25rem;height:.5rem;margin-bottom:.375rem}.floating-card-line-short{width:50%}.floating-card-line-long{width:75%}.hero-center-circle{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-circle{-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);background:#ffffffe6;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:12rem;height:12rem;display:flex;box-shadow:0 8px 32px #0000000f}.hero-circle-year{color:#0f172a;font-size:2.25rem;font-weight:700}.hero-circle-label{color:#0006;font-size:.875rem}.hero-ring{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-ring-1{border:1px solid #0000000a;border-radius:50%;width:18rem;height:18rem;animation:20s linear infinite spin-slow}.hero-ring-2{border:1px solid #0000000a;border-radius:50%;width:24rem;height:24rem;animation:25s linear infinite spin-slow-reverse}.shop-body{max-width:80rem;margin:0 auto;padding:0 1rem 4rem}@media (min-width:640px){.shop-body{padding:0 1.5rem 4rem}}@media (min-width:1024px){.shop-body{padding:0 2rem 4rem}}.products-bar{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.products-bar{flex-direction:row;align-items:center}}.products-bar-left{align-items:center;gap:1rem;display:flex}.products-bar-title{color:#0f172a;font-size:1.5rem;font-weight:600}.products-bar-count{color:#0006;background:#0000000a;border:1px solid #0000000a;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem}.products-bar-right{align-items:center;gap:.75rem;display:flex}.view-toggle{background:#0000000a;border:1px solid #0000000f;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.view-toggle-btn{color:#0006;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.view-toggle-btn:hover{color:#000000b3}.view-toggle-btn.active{color:#0f172a;background:#fffc;box-shadow:0 1px 3px #0000000f}.view-toggle-btn svg{width:1rem;height:1rem}@keyframes float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-15px)rotate(-8deg)}}@keyframes float-delay{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-15px)rotate(8deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media (max-width:640px){.hero-features{grid-template-columns:1fr}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.text-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000f}.shop-card{background:#fff;border:1px solid #0000000a;border-radius:1rem;transition:all .3s;box-shadow:0 1px 3px #00000005}.shop-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.shop-divider{border-color:#0000000f}.shop-text-muted{color:#00000080}.shop-text-primary{color:#0f172a}.shop-bg-subtle{background:#00000005}.shop-border-subtle{border-color:#0000000a}.shop-root::-webkit-scrollbar{width:8px}.shop-root::-webkit-scrollbar-track{background:#f1f5f9}.shop-root::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.shop-root::-webkit-scrollbar-thumb:hover{background:#94a3b8}