@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap";.showcase-carousel-container{width:100%;background:var(--sky-50);padding:64px 0 var(--spacing-2xl) 0;position:relative;overflow:hidden;min-height:500px}.showcase-carousel-container.loading{opacity:.7}.showcase-carousel-container.initialized{opacity:1;transition:opacity .6s ease-out}.showcase-carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);perspective:1200px;box-sizing:border-box}.showcase-carousel-track{position:relative;width:100%;height:450px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;margin:0 auto}.showcase-carousel-item{position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;transform-origin:center center;will-change:transform,opacity}.showcase-carousel-item.position-0{left:50%;top:50%;transform:translate(-50%,-50%) scale(1) rotateY(0) translateZ(0);z-index:10;opacity:1;width:92%;max-width:900px}.showcase-carousel-item.position--1{left:15%;top:50%;transform:translate(-50%,-50%) scale(.92) rotateY(3.5deg) translateZ(-100px);z-index:5;opacity:.55;width:80%}.showcase-carousel-item.position--1 .showcase-card{border-color:#74dbed99;box-shadow:0 8px 24px #a38e5512}.showcase-carousel-item.position--1 .showcase-card__price-wrapper{opacity:.7}.showcase-carousel-item.position-1{left:85%;top:50%;transform:translate(-50%,-50%) scale(.92) rotateY(-3.5deg) translateZ(-100px);z-index:5;opacity:.55;width:80%}.showcase-carousel-item.position-1 .showcase-card{border-color:#74dbed99;box-shadow:0 8px 24px #a38e5512}.showcase-carousel-item.position-1 .showcase-card__price-wrapper{opacity:.7}.showcase-carousel-item.position--2,.showcase-carousel-item.position-2{opacity:0;transform:scale(.5);pointer-events:none}.showcase-carousel-item.position--1,.showcase-carousel-item.position-1{overflow:hidden}.showcase-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:var(--white);border:1px solid var(--teal-300);border-radius:50%;color:var(--indigo-700);font-size:24px;font-weight:700;cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #a38e551f}.showcase-carousel-nav:hover:not(:disabled){background:var(--white);border-color:var(--teal-300);color:var(--indigo-700);transform:translateY(calc(-50% - 2px));box-shadow:0 6px 16px #a38e5524}.showcase-carousel-nav:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.showcase-carousel-nav:disabled{opacity:.4;cursor:not-allowed;border-color:var(--teal-300);color:var(--teal-300)}.showcase-carousel-nav.prev{left:var(--spacing-xl)}.showcase-carousel-nav.next{right:var(--spacing-xl)}.showcase-carousel-indicators{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:var(--spacing-2xl);padding:var(--spacing-lg);position:relative;width:100%;max-width:960px;margin-left:auto;margin-right:auto}.showcase-carousel-indicator{width:6px;height:6px;border-radius:50%;background:#4ac0d44d;border:none;cursor:pointer;transition:all .3s ease;position:relative}.showcase-carousel-indicator:hover{background:var(--teal-500);transform:scale(1.2)}.showcase-carousel-indicator.active{background:var(--teal-500);width:8px;height:8px}.showcase-carousel-indicator:focus-visible{outline:2px solid var(--teal-500);outline-offset:4px}.showcase-carousel-indicator:disabled{opacity:.3;cursor:not-allowed}.showcase-carousel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--indigo-700);min-height:400px}.showcase-carousel-empty h3{font-size:24px;font-weight:700;margin:0 0 var(--spacing-lg) 0;color:var(--indigo-700)}.showcase-carousel-empty p{font-size:16px;margin:0 0 var(--spacing-xl) 0;opacity:.8;max-width:400px}.showcase-carousel-empty button{background:var(--teal-500);color:var(--white);border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-pill);font-size:var(--size-cta);font-weight:var(--font-cta);font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-button)}.showcase-carousel-empty button:hover{background:var(--teal-500-dark);transform:translateY(-2px);box-shadow:0 8px 24px var(--olive-shadow)}@media (min-width: 1280px){.showcase-carousel-wrapper{max-width:1400px;padding:0 var(--spacing-2xl)}.showcase-carousel-track{height:600px}.showcase-carousel-item.position-0{width:85%;max-width:1000px}.showcase-carousel-item.position--1{left:12%;width:75%}.showcase-carousel-item.position-1{left:88%;width:75%}}@media (max-width: 1279px) and (min-width: 768px){.showcase-carousel-wrapper{padding:0 var(--spacing-xl);max-width:1100px}.showcase-carousel-track{height:520px}.showcase-carousel-item.position-0{width:88%;max-width:800px}.showcase-carousel-item.position--1{left:8%;opacity:.6;width:72%}.showcase-carousel-item.position-1{left:92%;opacity:.6;width:72%}.showcase-carousel-nav{width:40px;height:40px;font-size:18px}.showcase-carousel-nav.prev{left:var(--spacing-md)}.showcase-carousel-nav.next{right:var(--spacing-md)}}@media (max-width: 767px){.showcase-carousel-container{padding:48px 0 var(--spacing-xl) 0;min-height:480px}.showcase-carousel-wrapper{padding:0 var(--spacing-lg);max-width:100%}.showcase-carousel-track{height:620px;padding:0}.showcase-carousel-item.position-0{width:95%;max-width:none}.showcase-carousel-item.position--1,.showcase-carousel-item.position-1,.showcase-carousel-item.position--2,.showcase-carousel-item.position-2{display:none}.showcase-carousel-nav{width:40px;height:40px;font-size:16px}.showcase-carousel-nav.prev{left:var(--spacing-sm)}.showcase-carousel-nav.next{right:var(--spacing-sm)}.showcase-carousel-indicators{margin-top:var(--spacing-xl);gap:var(--spacing-md);padding:var(--spacing-md)}.showcase-carousel-indicator{width:8px;height:8px}.showcase-carousel-indicator.active{width:10px;height:10px}}@media (max-width: 480px){.showcase-carousel-container{padding-top:32px;min-height:400px}.showcase-carousel-wrapper{padding:0 var(--spacing-md)}.showcase-carousel-track{height:580px}.showcase-carousel-item.position-0{width:98%}.showcase-carousel-nav{width:36px;height:36px;font-size:14px}.showcase-carousel-nav.prev{left:var(--spacing-xs)}.showcase-carousel-nav.next{right:var(--spacing-xs)}.showcase-carousel-indicators{gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.showcase-carousel-item,.showcase-carousel-nav,.showcase-carousel-indicator,.showcase-carousel-container.initialized{transition:none!important}}@media (prefers-contrast: high){.showcase-carousel-nav{border-width:2px;border-color:var(--indigo-700);color:var(--indigo-700)}.showcase-carousel-indicator{border:2px solid var(--indigo-700)}.showcase-carousel-indicator.active{background:var(--indigo-700);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--indigo-700)}}.showcase-carousel-item:hover .showcase-card{transform:translateY(-4px)}.showcase-carousel-item.position-0:hover .showcase-card{transform:translateY(-6px)}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.showcase-carousel-item.position-0{animation:fadeInSlide .6s ease-out}:root{--indigo-700: #65558F;--teal-500: #4AC0D4;--teal-300: #74DBED;--yellow-500: #FFD600;--lavender-50: #E8DEF8;--sky-50: #DFF2FD;--sand-200: #FFE7A4;--olive-700: #A38E55;--white: #FFFFFF;--indigo-700-80: rgba(101, 85, 143, .8);--teal-300-22: rgba(116, 219, 237, .22);--teal-300-28: rgba(116, 219, 237, .28);--teal-300-30: rgba(116, 219, 237, .3);--teal-500-10: rgba(74, 192, 212, .1);--lavender-50-60: rgba(232, 222, 248, .6);--lavender-50-70: rgba(232, 222, 248, .7);--olive-shadow-10: rgba(163, 142, 85, .1);--olive-shadow-12: rgba(163, 142, 85, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-card: 20px;--radius-button: 44px;--radius-pill: 9999px;--shadow-card: 0 12px 40px var(--olive-shadow-12);--shadow-cloud: 0 10px 28px var(--olive-shadow-12);--shadow-image: 0 8px 24px var(--olive-shadow-10);--shadow-price: 0 6px 18px var(--olive-shadow-12);--shadow-focus: 0 0 0 2px var(--teal-500);--card-max-width: 960px;--card-max-height: 420px;--card-ratio-desktop: 2.2;--card-ratio-mobile: 1.2;--font-title: 700;--font-price: 600;--font-cta: 600;--size-title-lg: 36px;--size-title-md: 28px;--size-price: 18px;--size-cta: 16px}.text-on-white{color:var(--indigo-700)}.text-on-indigo{color:var(--white)}.text-on-yellow{color:var(--indigo-700)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.showcase-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:var(--card-max-width);max-height:var(--card-max-height);width:100%;aspect-ratio:var(--card-ratio-desktop);background:var(--white);border:1px solid var(--teal-300);border-radius:20px;box-shadow:0 14px 44px #a38e551f;padding:24px;cursor:pointer;transition:all .3s ease;overflow:hidden}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 18px 52px #a38e5526}.showcase-card:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.showcase-card--main{transform:scale(1.02);border-width:2px;box-shadow:0 16px 48px #a38e5524}.showcase-card--main:hover{transform:scale(1.02) translateY(-4px)}.showcase-card__background-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;height:45%;background:#74dbed3d;border-radius:50%;z-index:1;transition:all .3s ease}.showcase-card:hover .showcase-card__background-shape{background:#74dbed42;transform:translate(-50%,-50%) scale(1.03)}.showcase-card__image-container{position:relative;display:flex;align-items:center;justify-content:center;width:80%;height:60%;z-index:2;margin-bottom:var(--spacing-xl)}.showcase-card__image{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease;filter:drop-shadow(var(--shadow-image))}.showcase-card__image.loaded{opacity:1}.showcase-card__image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lavender-50);border-radius:var(--spacing-md);overflow:hidden}.showcase-card__image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lavender-50);border-radius:var(--spacing-md);color:var(--indigo-700)}.showcase-card__placeholder-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.showcase-card__placeholder-text{font-size:14px;font-weight:600;opacity:.7}.shimmer-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.5s infinite}.showcase-card__title-wrapper{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10;max-width:calc(100% - 48px)}.showcase-card__title-cloud{box-shadow:0 10px 28px #a38e551f!important}.showcase-card__title{font-size:32px;font-weight:700;color:var(--indigo-700);margin:0;line-height:1.2;text-align:center}.showcase-card__subtitle{font-size:15px;font-weight:500;color:#65558fcc;margin:var(--spacing-xs) 0 0 0;line-height:1.3;text-align:center}.showcase-card__price-wrapper{position:absolute;top:16px;right:16px;z-index:10}.showcase-card__price-badge{background:var(--indigo-700);padding:8px 10px;border-radius:var(--radius-pill);box-shadow:0 6px 18px #a38e551f;transition:all .2s ease}.showcase-card__price{font-size:14px;font-weight:600;color:var(--white);margin:0;white-space:nowrap}.showcase-card__brand-chip{position:absolute;bottom:16px;left:16px;background:var(--indigo-700);color:var(--white);padding:6px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;z-index:10;transition:all .2s ease}.showcase-card:hover .showcase-card__brand-chip{transform:translateY(-1px)}.showcase-card__cta-wrapper{position:absolute;bottom:20px;right:24px;z-index:10}.showcase-card__cta{background:transparent;color:var(--indigo-700);border:2px solid var(--teal-500);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);font-size:var(--size-cta);font-weight:var(--font-cta);font-family:inherit;cursor:pointer;transition:all .2s ease;height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.showcase-card__cta:hover,.showcase-card__cta:focus-visible{background:#4ac0d41a;border-color:var(--teal-500);transform:translateY(-1px)}.showcase-card__cta:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.showcase-card--out-of-stock{opacity:.6;pointer-events:none}.showcase-card__out-of-stock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;display:flex;align-items:center;justify-content:center;z-index:20}.showcase-card__out-of-stock-badge{background:var(--sand-200);color:var(--indigo-700);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-button)}.showcase-card__decorations{pointer-events:none}.showcase-card__decoration{position:absolute;border-radius:50%;z-index:1}.showcase-card__decoration--1{width:28px;height:28px;top:22%;right:28%;background:var(--lavender-50);opacity:.6}.showcase-card__decoration--2{width:22px;height:22px;bottom:32%;left:26%;background:var(--lavender-50);opacity:.7}.showcase-card--loading{pointer-events:none}.showcase-card--loading .showcase-card__background-shape{background:var(--lavender-50)}.showcase-card__title-skeleton,.showcase-card__price-skeleton{position:relative;background:var(--lavender-50);border-radius:var(--spacing-md);overflow:hidden}.showcase-card__title-skeleton{width:200px;height:40px;margin-bottom:var(--spacing-md)}.showcase-card__price-skeleton{width:100px;height:30px}@media (min-width: 1280px){.showcase-card{max-width:960px;max-height:420px}.showcase-card__title{font-size:var(--size-title-lg)}}@media (max-width: 1279px) and (min-width: 768px){.showcase-card{width:100%;height:auto;aspect-ratio:calc(var(--card-ratio-desktop) * .9)}.showcase-card__title{font-size:24px}}@media (max-width: 767px){.showcase-card{aspect-ratio:1.15;max-height:none;height:auto;min-height:380px;padding:20px;margin:0 auto;max-width:400px}.showcase-card__background-shape{width:80%;height:60%}.showcase-card__image-container{width:70%;height:50%;margin-bottom:var(--spacing-lg)}.showcase-card__title-wrapper{position:static;transform:none;margin:var(--spacing-lg) 0;width:90%}.showcase-card__title{font-size:24px;line-height:1.3}.showcase-card__subtitle{font-size:14px}.showcase-card__price-wrapper{position:static;margin:var(--spacing-md) 0}.showcase-card__price{font-size:16px}.showcase-card__brand-chip{position:static;align-self:flex-start;margin:var(--spacing-md) var(--spacing-lg)}.showcase-card__cta-wrapper{position:static;margin-top:auto;margin-bottom:var(--spacing-lg);width:calc(100% - var(--spacing-2xl))}.showcase-card__cta{width:85%;max-width:200px;padding:var(--spacing-md) var(--spacing-lg)}.showcase-card__decorations{display:none}}@media (max-width: 480px){.showcase-card{min-height:360px;margin:0 var(--spacing-md)}.showcase-card__title{font-size:20px}.showcase-card__price{font-size:14px}.showcase-card__cta{font-size:14px;padding:var(--spacing-sm) var(--spacing-lg)}}.End{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;bottom:0;left:0;width:100%;min-height:84px;background-color:#5c4773;border-top:8px solid var(--header-border);box-sizing:border-box}.End img{margin:16px;height:48px;width:48px;object-fit:contain}.RightD{margin:16px}.LeftD{align-items:center;display:flex}.RightD,.LeftD h5{color:#d9c1fa}.LeftD h5:Hover{filter:brightness(130%);cursor:pointer}.End img:Hover{filter:brightness(130%);cursor:pointer}html,body,#root{height:100%}.MainHome,.MainPreview,.Page{min-height:100%;display:flex;flex-direction:column}.HeaderDef{position:fixed;top:0;left:0;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding-right:12px;background-color:var(--header-bg);border-bottom:13px solid var(--header-border);z-index:100;box-sizing:border-box}.HeaderDef>a{height:100%;display:flex;align-items:center}#MiluLogo{margin-left:20px;height:100%;max-height:100%;width:auto;display:block}header.a{display:flex;justify-content:left;width:100%;height:100%}.NavDef{position:relative;display:flex;align-items:center;gap:12px;justify-content:flex-end;padding-right:8px;overflow:visible}.NavItem{width:40px;height:40px;margin-inline:6px}.SearchForm{display:inline-flex;align-items:center;gap:0;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;transition:width .2s ease,padding .2s ease,opacity .16s ease,background .16s ease,box-shadow .16s ease;overflow:visible;width:44px}.SearchForm.is-open{position:absolute;right:96px;top:50%;transform:translateY(-50%);z-index:5;width:min(420px,48vw);padding:8px 14px;background:#eee6f0eb;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 6px 14px #00000014;gap:8px}.SearchInput{display:none;flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:#4b3c66;font-weight:600}.SearchForm.is-open .SearchInput{display:block}.SearchButton{border:none;background:transparent;cursor:pointer;display:flex;align-items:center}.SearchButton img{filter:hue-rotate(270deg) saturate(140%)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e6e6ef;border-radius:12px;box-shadow:0 12px 36px #0000001f,0 4px 8px #00000014;min-width:280px;z-index:100;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-header{padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;gap:12px}.profile-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;text-transform:uppercase}.profile-info{flex:1}.profile-name{font-weight:600;font-size:16px;color:#1f2937;margin-bottom:2px}.profile-email{font-size:13px;color:#6b7280}.profile-menu-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:0 8px}.profile-menu-items{padding:8px 0}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#374151;text-decoration:none;border:none;background:transparent;width:100%;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.profile-menu-item:hover{background:#f3f4f6;color:#1f2937}.profile-menu-item:active{background:#e5e7eb}.profile-menu-icon{width:20px;height:20px;opacity:.7;transition:opacity .15s ease}.profile-menu-item:hover .profile-menu-icon{opacity:1}.profile-logout{color:#dc2626!important;border-top:1px solid #f3f4f6;margin-top:4px;padding-top:16px}.profile-logout:hover{background:#fef2f2;color:#b91c1c!important}.profile-logout .profile-menu-icon{color:currentColor}@media (max-width: 768px){.SearchForm.is-open{width:min(320px,72vw);right:84px}.SearchInput{width:160px}.NavItem{width:36px;height:36px}.profile-dropdown{min-width:260px;right:-10px}.profile-header{padding:14px 16px}.profile-menu-item{padding:10px 16px;font-size:13px}}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.alert{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;max-width:450px;width:100%;margin:0 16px;animation:slideIn .3s ease-out}.alert-content{display:flex;align-items:flex-start}.alert-icon{flex-shrink:0;width:24px;height:24px;margin-right:12px}.alert-message{flex-grow:1;font-size:14px;line-height:1.5}.alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;width:20px;height:20px;padding:0;margin-left:12px;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.alert-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;border:none;font-size:14px}.btn:active{transform:translateY(1px)}.btn-confirm{background-color:#3b82f6;color:#fff}.btn-confirm:hover{background-color:#2563eb}.btn-cancel{background-color:#f3f4f6;color:#1f2937}.btn-cancel:hover{background-color:#e5e7eb}.alert-success{border-left:4px solid #10b981}.alert-success .alert-icon{color:#10b981}.alert-error{border-left:4px solid #ef4444}.alert-error .alert-icon{color:#ef4444}.alert-warning{border-left:4px solid #f59e0b}.alert-warning .alert-icon{color:#f59e0b}.alert-info{border-left:4px solid #3b82f6}.alert-info .alert-icon{color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-toast{position:fixed;top:20px;right:20px;max-width:350px;width:auto;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:1000;padding:16px}.auth-modal{width:min(1080px,96vw);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;overflow:hidden;font-family:Montserrat,sans-serif;display:flex;flex-direction:column}.auth-body{display:grid;grid-template-columns:1fr 1.2fr;min-height:520px;flex:1;overflow:hidden}.auth-illustration{background:linear-gradient(180deg,#dff2fd,#fff);display:flex;align-items:center;justify-content:center;padding:24px}.auth-illustration img{width:100%;max-width:360px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.auth-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.auth-tabs{position:relative;display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;flex-wrap:nowrap}.auth-tabs:before{content:"";position:absolute;left:16px;width:320px;height:38px;background:#f1ebfb;border-radius:999px;box-shadow:inset 0 0 0 2px #5c47731f}.auth-tabs>button{height:auto;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:10px 16px;border-radius:999px;font-weight:800;color:#5c4773;cursor:pointer;font-family:Road Rage,sans-serif;font-size:1.5rem}.auth-tabs>button.active{background:#fff;color:#3a2a57;box-shadow:0 4px 12px #5c47732e,inset 0 0 0 2px #5c477326}.auth-tabs>button:not(.auth-close){min-width:150px;text-align:center}.auth-tabs .auth-close{margin-left:auto;font-size:22px;line-height:1;color:#4b3c66;background:transparent;border:0;cursor:pointer}.auth-form{display:grid;gap:14px;padding:20px 22px;overflow-y:auto;flex:1;min-height:0}.auth-form.auth-form-login{justify-self:center!important;gap:18px!important;padding:32px 28px 28px!important;align-content:center!important;min-height:0!important}.auth-form.auth-form-login .auth-title{margin:0 0 8px!important;font-size:1.8rem!important;text-align:center!important}.auth-form.auth-form-login label{gap:6px!important;margin-bottom:0!important}.auth-form.auth-form-login label span{font-size:15px!important;font-weight:700!important;color:#4b3c66!important}.auth-form-login input{padding:14px 16px!important;font-size:15px!important;height:48px!important;max-height:48px!important;box-sizing:border-box!important;border-radius:10px!important;border:2px solid #e6e6ef!important;background:#f9f9fb!important;font-weight:600!important;transition:all .2s ease!important}.auth-form-login input:focus{outline:3px solid #b9d4ff!important;outline-offset:2px!important;background:#fff!important;border-color:#c7d7f7!important}.auth-form-login .password-input-wrapper{position:relative!important;display:flex!important;align-items:center!important}.auth-form-login .password-input-wrapper input{padding:14px 50px 14px 16px!important;height:48px!important;width:100%!important}.auth-form-login .password-toggle{right:12px!important;top:50%!important;transform:translateY(-50%)!important;position:absolute!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:8px!important;border-radius:6px!important;transition:all .2s ease!important}.auth-form-login .password-toggle:hover{background:#6b72801a!important}.auth-form-login .password-toggle svg{width:20px!important;height:20px!important;color:#6b7280!important}.auth-form.auth-form-login .auth-submit{max-width:180px!important;justify-self:center!important;padding:14px 24px!important;font-size:15px!important;font-weight:800!important;margin-top:8px!important;height:48px!important;border-radius:12px!important;background:linear-gradient(180deg,#786296,#5c4773)!important;color:#fff!important;border:0!important;cursor:pointer!important;transition:transform .08s ease,filter .15s ease!important;box-shadow:0 10px 22px #5c477340!important}.auth-form.auth-form-login .auth-submit:hover{filter:brightness(1.06)!important}.auth-form.auth-form-login .auth-submit:active{transform:translateY(1px)!important}.auth-form.auth-form-login .auth-error{margin:-6px 0 6px!important;font-size:14px!important}@media (min-width:601px){.auth-form,.auth-modal{overflow-x:hidden}}.auth-title{margin:4px 0 10px;color:#5c4773;font-weight:900;letter-spacing:.3px;font-size:2.1rem;text-align:center;font-family:Road Rage,sans-serif}.auth-form label{display:grid;gap:6px;color:#4b3c66;font-weight:700}.auth-form input{border:2px solid #e6e6ef;border-radius:12px;padding:12px 14px;font-weight:700;color:#1b2a3a;background:#f9f9fb}.auth-form input:focus{outline:3px solid #b9d4ff;outline-offset:2px;background:#fff}.auth-form label.has-error input{border-color:#d66}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:50px;flex:1}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;color:#6b7280}.password-toggle:hover{background:#6b72801a;color:#4b5563}.password-toggle svg{width:20px;height:20px;display:block}.field-error{color:#b33;font-weight:800;margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-error{color:#dc2626;font-weight:600;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:12px 16px;border-radius:10px;border-left:4px solid #dc2626;margin:8px 0;font-size:14px;line-height:1.4;box-shadow:0 2px 4px #dc26261a}.auth-submit{height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#786296,#5c4773);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-weight:900;cursor:pointer;transition:transform .08s ease,filter .15s ease;box-shadow:0 10px 22px #5c477340;width:100%}.auth-submit:hover{filter:brightness(1.06)}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}@media (max-width:900px){.auth-body{grid-template-columns:1fr}.auth-illustration{display:none}}@media (max-width:700px){.auth-tabs:before{right:16px}.auth-title{font-size:1.8rem}.auth-modal{max-height:95vh}.auth-form.auth-form-login{padding:28px 24px 24px!important;gap:16px!important}.auth-form.auth-form-login .auth-title{font-size:1.7rem!important;margin:0 0 6px!important}}@media (max-width:600px){.grid-2{grid-template-columns:1fr}.auth-modal{border-radius:14px;width:min(520px,96vw);max-height:95vh;margin:8px}.auth-form{padding:16px}.auth-tabs{padding:10px 12px}.auth-overlay{align-items:flex-start;padding:8px}.password-input-wrapper input{padding-right:45px}.password-toggle{right:8px}.auth-form.auth-form-login{padding:24px 20px 20px!important;gap:14px!important}.auth-form.auth-form-login .auth-title{font-size:1.6rem!important;margin:0 0 4px!important}.auth-form-login input{height:46px!important;padding:13px 15px!important;font-size:14px!important}.auth-form-login .password-input-wrapper input{padding:13px 48px 13px 15px!important;height:46px!important}.auth-form.auth-form-login .auth-submit{height:46px!important;font-size:14px!important;max-width:170px!important}}@media (max-width:420px){.auth-tabs>button:not(.auth-close){min-width:120px;padding:8px 12px}.auth-title{font-size:1.6rem}.auth-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.auth-form{padding:12px}.auth-form.auth-form-login{max-width:260px!important;padding:20px 16px 16px!important;gap:12px!important}.auth-form.auth-form-login .auth-title{font-size:1.5rem!important}.auth-form-login input{height:44px!important;padding:12px 14px!important;font-size:14px!important}.auth-form-login .password-input-wrapper input{padding:12px 45px 12px 14px!important;height:44px!important}.auth-form.auth-form-login .auth-submit{height:44px!important;font-size:14px!important;max-width:160px!important;padding:12px 20px!important}}@media (max-height:700px){.auth-modal{max-height:95vh}.auth-form{gap:10px}.auth-form.auth-form-login{gap:14px!important;padding:20px 28px!important}.auth-form.auth-form-login .auth-title{margin:0 0 4px!important;font-size:1.7rem!important}}@media (max-height:600px){.auth-modal{max-height:calc(100vh - 16px)}.auth-form{gap:8px;padding:12px 16px}.auth-title{margin:2px 0 8px;font-size:1.6rem}.auth-form.auth-form-login{gap:12px!important;padding:16px 24px!important}.auth-form.auth-form-login .auth-title{margin:0 0 2px!important;font-size:1.5rem!important}.auth-form-login input{height:42px!important;padding:11px 14px!important}.auth-form-login .password-input-wrapper input{padding:11px 45px 11px 14px!important;height:42px!important}.auth-form.auth-form-login .auth-submit{height:42px!important;margin-top:4px!important}}.PromoCont{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:350px;margin:40px 0;box-sizing:border-box}.PromoCont .swiper{width:100%;height:350px}.PromoCont .swiper-slide{margin-inline:10px;text-align:center;font-size:18px;background:#f2f2f2;display:flex;justify-content:center;align-items:center;height:310px}.PromoCont .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.PromoCont .swiper-slide{border-radius:50px;width:78%;border:15px;border-color:#ffd600;border-style:solid}.Promo{position:static;max-width:600px;width:100%;min-width:0}.PromoCont .Tittle{position:static;font-size:65px;font-family:Road Rage,sans-serif;color:#5c4773}.PromoCont .Price{position:static;font-family:Road Rage,sans-serif;color:#5c4773;font-size:30px}.PromoCont .ImgContPromo{display:flex;align-items:center;justify-content:center;width:100%;max-width:700px;min-height:100%}.PromoCont .ImgContPromo .Toy{object-fit:contain;max-height:320px}.marketplace-container{background-color:var(--sky-50);min-height:100vh;padding:var(--spacing-xl) var(--spacing-2xl);box-sizing:border-box;position:relative}.marketplace-controls{margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg)}.products-grid{display:grid;gap:calc(var(--spacing-xl) + 8px) var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-md) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width: 1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-xl) + 12px) var(--spacing-2xl);max-width:1400px;margin:0 auto}}@media (min-width: 768px) and (max-width: 1199px){.products-grid{grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-lg) + 6px) var(--spacing-lg)}}@media (min-width: 480px) and (max-width: 767px){.products-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-lg) + 4px) var(--spacing-md)}}@media (max-width: 479px){.products-grid{grid-template-columns:1fr;gap:calc(var(--spacing-lg) + 2px);padding:var(--spacing-md) var(--spacing-sm) 0}.marketplace-container{padding:var(--spacing-lg) var(--spacing-lg)}}.product-card{position:relative;background:var(--white);box-shadow:0 6px 24px #a38e551f;overflow:visible;transition:all .2s ease;display:flex;flex-direction:column;height:100%;width:100%;max-width:384px;min-height:300px;border-radius:0 0 16px 16px;border:1px solid var(--teal-300);border-top:none;margin-top:28px}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--olive-700-12)}.product-card:focus-within{outline:2px solid var(--teal-500);outline-offset:2px}.card-cloud{position:absolute;top:-28px;left:-4px;right:-4px;height:56px;background:var(--teal-300);z-index:2;border-radius:0 0 12px 12px;-webkit-clip-path:url(/assets/cloud-cap.svg#cloud-top);clip-path:url(/assets/cloud-cap.svg#cloud-top)}.card-body{padding-top:36px;display:flex;flex-direction:column;flex:1}.product-image{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);height:160px}.product-image img{width:100%;height:100%;object-fit:contain;loading:lazy;transition:transform .2s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-image.skeleton{background:var(--lavender-50);position:relative;overflow:hidden}.product-image.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.product-image.no-image{background:var(--lavender-50);color:var(--indigo-700-80);font-size:var(--spacing-xl)}.product-image.no-image:before{content:"📦";font-size:3rem}.product-card.out-of-stock:after{content:"AGOTADO";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sand-200);color:var(--indigo-700);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);font-weight:600;font-size:14px;z-index:10;box-shadow:var(--shadow-card)}.product-card.out-of-stock{opacity:.6;pointer-events:none}.product-info{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm);flex:1;display:flex;flex-direction:column;text-align:center}.product-name{font-size:16px;font-weight:600;color:var(--indigo-700);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.product-price-container{padding:0 var(--spacing-lg) var(--spacing-md);display:flex;justify-content:center}.product-price{font-size:14px;font-weight:500;margin:0;display:inline-flex;align-items:center}.product-price.featured{background:var(--yellow-500);color:var(--indigo-700);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-weight:700;width:fit-content;box-shadow:0 2px 4px #0000001a}.product-actions{padding:0 var(--spacing-lg) var(--spacing-md);display:flex;justify-content:center;gap:var(--spacing-lg)}.product-actions button{width:48px;height:48px;border:2px solid var(--teal-300);border-radius:50%;background:var(--white);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #a38e551a}.product-actions button:hover,.product-actions button:focus-visible{border-color:var(--teal-500);background:var(--teal-500-10);transform:translateY(-1px)}.product-actions button:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.product-actions button img{width:18px;height:18px;filter:none}.btn-cart{background:var(--teal-500)!important}.btn-cart img{filter:brightness(0) invert(1)}.btn-cart:hover{background:var(--teal-500-dark)!important}.pagination-container{margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0}.pagination-controls-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap}.pagination-limit{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--indigo-700);font-size:14px;text-align:center;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-lg)}.pagination-pages{font-weight:600;color:var(--indigo-700-80);font-size:13px}.pagination-limit-label{font-size:14px;font-weight:600;color:var(--indigo-700);white-space:nowrap}.pagination-limit-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--teal-300);border-radius:var(--radius-button);background:var(--white);color:var(--indigo-700);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.pagination-limit-select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 2px var(--teal-500-10)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.pagination-btn{background:var(--white);border:2px solid var(--teal-300);color:var(--indigo-700);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:var(--teal-500);background:var(--teal-500-10);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--olive-700-12);color:var(--indigo-700-80)}.pagination-numbers{display:flex;gap:var(--spacing-sm);align-items:center}.pagination-numbers button{width:40px;height:40px;border:2px solid var(--teal-300);border-radius:50%;background:var(--white);color:var(--indigo-700);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.pagination-numbers button.active{background:var(--teal-500);border-color:var(--teal-500);color:var(--white)}.pagination-numbers button:hover:not(.active){border-color:var(--teal-500);background:var(--teal-500-10)}.pagination-numbers span{color:var(--indigo-700-80);font-weight:600;padding:0 var(--spacing-sm)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--indigo-700-80)}.empty-state h3{font-size:24px;font-weight:600;color:var(--indigo-700);margin:0 0 var(--spacing-lg) 0}.empty-state p{font-size:16px;margin:0 0 var(--spacing-xl) 0;line-height:1.5}.empty-state button{background:var(--teal-500);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.empty-state button:hover{background:var(--teal-500-dark);transform:translateY(-1px)}@media (max-width: 768px){.marketplace-container{padding:var(--spacing-lg)}.product-card{max-width:320px;min-height:280px;margin-top:24px}.card-cloud{height:48px;top:-24px;left:-3px;right:-3px;border-radius:0 0 10px 10px}.card-body{padding-top:32px}.product-name{font-size:15px}.product-price{font-size:13px}.product-actions button{width:44px;height:44px}.product-actions button img{width:16px;height:16px}.product-image{height:120px}.pagination{gap:var(--spacing-md)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}}@media (max-width: 768px){.pagination-controls-wrapper{flex-direction:column;gap:var(--spacing-lg)}.pagination-stats{font-size:13px}.pagination-limit{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.product-card{max-width:280px;min-height:260px;margin-top:20px}.card-cloud{height:42px;top:-20px;left:-2px;right:-2px;border-radius:0 0 8px 8px}.card-body{padding-top:28px}.pagination{flex-direction:column;gap:var(--spacing-lg)}.pagination-numbers{order:2}.pagination-btn{min-width:120px;text-align:center}.pagination-stats{font-size:12px}.pagination-limit-label{font-size:13px}}:root{--indigo-700: #65558F;--lilac-300: #D9C1FA;--teal-500: #4AC0D4;--teal-300: #74DBED;--yellow-500: #FFD600;--lavender-50: #E8DEF8;--sky-50: #DFF2FD;--sand-200: #FFE7A4;--olive-700: #A38E55;--white: #FFFFFF;--indigo-700-light: #6F5F99;--indigo-700-dark: #5B4B85;--teal-500-light: #52C7DB;--teal-500-dark: #42B9CD;--teal-300-light: #80DFF1;--teal-300-dark: #68D7E9;--indigo-700-80: rgba(101, 85, 143, .8);--olive-700-12: rgba(163, 142, 85, .12);--teal-500-10: rgba(74, 192, 212, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-card: 16px;--radius-button: 12px;--radius-pill: 9999px;--shadow-card: 0 2px 12px var(--olive-700-12);--shadow-focus: 0 0 0 2px var(--teal-500)}*{border-color:initial;outline-color:var(--teal-500)}*:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}body.modal-open{overflow:hidden}.filters-panel{position:relative}.filters-trigger{background:var(--teal-500);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);font-weight:600;font-family:inherit;font-size:14px;cursor:pointer;transition:all .3s ease;height:44px;display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4ac0d44d;position:relative;overflow:hidden}.filters-trigger:before{content:"⚙";font-size:16px}.filters-trigger:hover{background:var(--teal-500-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4ac0d466}.filters-trigger:focus-visible{outline:2px solid var(--white);outline-offset:2px}.filters-panel-content{position:fixed;top:50%;left:50%;width:min(480px,90vw);max-height:80vh;background:var(--white);border:1px solid var(--teal-300);border-radius:var(--radius-card);box-shadow:0 12px 40px #a38e551f;padding:var(--spacing-xl);z-index:100;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;overscroll-behavior:contain}.filters-panel-content.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}@media (max-width: 480px){.filters-panel-content{width:95vw;max-height:85vh;padding:var(--spacing-lg)}}.filters-title{font-size:18px;font-weight:700;color:var(--indigo-700);margin:0 0 var(--spacing-xl) 0;text-align:center;text-transform:uppercase;letter-spacing:1px}.filter-section{margin-bottom:var(--spacing-xl)}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:14px;font-weight:600;color:var(--indigo-700);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.price-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.price-input-group{flex:1;position:relative}.price-input-group:before{content:"$";position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--indigo-700-80);font-weight:600;pointer-events:none}.price-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-xl);border:2px solid var(--teal-300);border-radius:var(--radius-button);background:var(--white);color:var(--indigo-700);font-family:inherit;font-size:14px;font-weight:500;transition:all .2s ease}.price-input:focus{outline:none;border-color:var(--teal-500);box-shadow:var(--shadow-focus)}.price-input::placeholder{color:var(--indigo-700-80)}.clear-price-btn{background:none;border:none;color:var(--indigo-700-80);font-size:12px;cursor:pointer;padding:var(--spacing-xs);text-decoration:underline;font-family:inherit}.clear-price-btn:hover{color:var(--indigo-700)}.category-filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-button);transition:all .2s ease}.category-item:hover{background:var(--teal-500-10)}.category-checkbox{width:18px;height:18px;accent-color:var(--teal-500);cursor:pointer}.category-label{font-size:14px;font-weight:500;color:var(--indigo-700);cursor:pointer;line-height:1.3;-webkit-user-select:none;user-select:none}.filters-actions{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--teal-300);display:flex;gap:var(--spacing-md);justify-content:space-between}.filters-apply-btn{background:var(--teal-500);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-pill);font-weight:700;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;height:44px;flex:1}.filters-apply-btn:hover{background:var(--teal-500-dark);transform:translateY(-1px)}.filters-clear-btn{background:none;color:var(--indigo-700);border:2px solid var(--teal-300);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-button);font-weight:600;font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;height:44px;white-space:nowrap}.filters-clear-btn:hover{border-color:var(--teal-500);background:var(--teal-500-10)}.filters-close-btn{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);background:none;border:none;color:var(--indigo-700);font-size:24px;cursor:pointer;padding:var(--spacing-xs);line-height:1;display:none}@media (max-width: 768px){.filters-close-btn{display:block}.filters-actions{flex-direction:column}.filters-apply-btn,.filters-clear-btn{width:100%}}.filters-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--indigo-700-80);font-style:italic}.filters-error{padding:var(--spacing-lg);color:var(--indigo-700);text-align:center;background:var(--sand-200);border-radius:var(--radius-button);margin-bottom:var(--spacing-lg)}.filters-trigger.has-active-filters{background:var(--teal-500-dark);box-shadow:0 4px 12px #4ac0d480}.filters-trigger.has-active-filters:after{content:"●";margin-left:var(--spacing-xs);color:var(--yellow-500);font-size:8px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.filters-panel-content.open{animation:slideInLeft .2s ease}.category-item:focus-within{outline:2px solid var(--teal-500);outline-offset:2px;background:var(--teal-500-10)}.filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:min(340px,92vw) 1fr}.filters-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px;border-top-right-radius:16px;border-bottom-right-radius:16px;touch-action:pan-y}.filters-backdrop{background:#00000059;border:none;padding:0;margin:0;width:100%;height:100%;cursor:pointer;touch-action:none}@keyframes fadeIn{to{opacity:1}}@media (max-width: 480px){.filters-panel-content{width:280px;padding:var(--spacing-lg)}.price-filters{flex-direction:column}.filters-title{font-size:16px}}.filters-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99;opacity:0;animation:fadeIn .3s ease forwards;cursor:pointer;touch-action:none}#Separator{margin-top:6px;padding:6px 0;align-content:center;width:100%;background-color:var(--header-border);border-bottom:8px solid var(--header-bg)}.StoreD{width:100%}h1{margin:0;padding:0;font-family:Road Rage,sans-serif;font-size:60px;font-weight:400;font-style:normal;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff}.MainHome{display:flex;flex-direction:column;min-height:100vh;padding-bottom:100px}.ProfileMain .End{position:absolute;left:0;top:100%;width:100vw;border-block:10px;border-block-color:rgb(223,242,253);border-block-style:solid}.ProfileMain h1{margin-top:120px;top:360px;color:#5c4773}.ProfileMain{padding-block:30px;flex-direction:column;position:absolute;justify-content:center;display:flex;flex-wrap:wrap;top:0;left:0;width:100vw;height:auto;background-color:#dff2fd}.ProfileMain .ProfileData{display:flex;margin-top:20px;min-height:400px;justify-content:center;align-items:center;gap:200px}.ProfileMain .ChangeImg{margin-top:-30px;margin-bottom:10px;width:250px;height:40px;border-radius:50px;background-color:#5c4773;justify-items:center;align-content:center}.ProfileMain .ChangeImg:hover{filter:brightness(110%);transform:scale(1.1);cursor:pointer}.ProfileMain h6{margin:0;font-size:20px;padding:0}.ProfileMain .But1{background-color:#5c4773;width:150px;height:50px;border-radius:50px;align-content:center;font-size:18px;font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.ProfileMain .But1:hover,.ProfileMain .But2:hover{filter:brightness(110%);transform:scale(1.1);cursor:pointer}.ProfileMain .But2{background-color:#f1f1f1;width:150px;font-size:18px;height:50px;border-radius:50px;align-content:center;font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:#5c4773}.ProfileMain .SelectB{position:relative;top:10px;left:60px;gap:20px;display:flex;width:300px;max-height:100px}.ProfileMain .ImgProfile{background-color:#fff;margin-top:10px;width:300px;height:300px;border-radius:50%;align-content:center}.ProfileMain .ImgProfile img{object-fit:cover;max-height:85%}.ProfileMain .ContLeft{max-width:500px;height:auto;display:flex;flex-wrap:wrap;justify-content:center}.ProfileMain .ContLeft label{width:80%}.ProfileMain .ContLeft h3{width:100%;font-family:Montserrat,serif;color:#5c4773;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;width:80%;text-align:left}.ProfileMain .ContLeft h4{font-family:Montserrat,serif;color:#5c4773;font-optical-sizing:auto;font-weight:500;font-style:normal;margin:0 0 10px;width:80%;text-align:left;font-size:10px}.ProfileMain .InputName,.ProfileMain .InputEmail{width:400px;background-color:#fff0;margin:0;height:30px}.ProfileMain .ContRight{display:block;width:600px;justify-items:center;position:relative;flex-direction:column}.ProfileMain .ContAd{max-height:210px;overflow-y:auto;justify-items:center;display:grid;grid-template-columns:1fr;top:100px;left:300px;width:600px;margin-block:10px}.ProfileMain .tittlead{margin-top:10px;width:400px;height:60px;border-radius:15px;align-content:center;font-family:Road Rage,sans-serif;font-size:40px;color:#5c4773}.ProfileMain .ContAd .CardAd{margin-left:20px}.ProfileMain .CardAd{position:relative;margin-block:10px;padding-inline:10px;border:3px;border-radius:20px;text-align:left;width:390px;background-color:#fff;border-color:#73dbed;border-style:solid;border-width:5px}.ProfileMain .CardAd p{margin-left:20px}.ProfileMain .CardAd h3{margin-block:5px;color:#5c4773}.ProfileMain .Contdiv{position:relative;margin-block:10px;padding-inline:10px;border:3px;border-radius:20px;text-align:center;width:390px;background-color:#fff;border-color:#73dbed;border-style:solid;border-width:5px}.ProfileMain .Contdiv:hover{transform:scale(1.1);cursor:pointer;filter:brightness(110%)}.ProfileMain .CardAd h2,.ProfileMain .Contdiv h2{margin-block:0px;color:#5c4773}.ProfileMain .CardAd p{margin-bottom:5px;margin-top:5px;color:#5c4773}.ProfileMain .select-button{position:absolute;width:125px;height:38px;border-radius:20px;top:130px;left:270px;font-size:20px}.ProfileMain .select-button:hover{transform:scale(105%);cursor:pointer;filter:brightness(105%)}.ProfileMain .ContAd::-webkit-scrollbar{width:20px}.ProfileMain .ContAd::-webkit-scrollbar-track{background:#e9fcff;border-radius:10px}.ProfileMain .ContAd::-webkit-scrollbar-thumb{background-color:#8e78a3;border-radius:10px;border:3px solid #f1f1f1}.ProfileMain .ContAd::-webkit-scrollbar-thumb:hover{background-color:#806996}.MainCart{display:flex;min-width:700px;max-width:700px;min-height:100vh;height:auto;justify-content:center;background-color:#dff2fd;overflow:hidden}.MainCart .HeadingImg{z-index:5;position:absolute;top:140px;max-width:70%}.MainCart .SubCont{position:absolute;top:500px;left:55vw;min-width:600px;min-height:300px}.MainCart .SubCont .Tittle{color:#5c4773;position:relative;top:0;left:0;width:100%;border-radius:20px;height:100px;background-color:#73dbed}.MainCart .Tittle h1{font-size:70px}.MainCart .Data{position:relative;width:100%;height:200px;border:15px;align-content:center;border-radius:20px;border-style:solid;border-color:#73dbed;background-color:#fff;box-sizing:border-box}.MainCart .SlideBuy{display:block;top:450px;left:15vw;position:absolute;min-width:700px;max-width:700px;height:400px;overflow-y:scroll;overflow-x:hidden}.MainCart .BuyCard{display:flex}.MainCart .BuyToyCard{position:relative;display:flex;justify-content:center;align-content:center;top:0;left:20px;width:300px;height:400px;background-image:url(/Cards/StoreCard.png);background-size:cover;background-repeat:no-repeat;background-position:center}.MainCart .Buydata{flex-wrap:nowrap;justify-items:left;position:relative;width:350px;height:150px;left:30px;top:100px}.MainCart .End{position:absolute;left:0;top:100%;width:100vw;border-bottom:10px;border-bottom-color:#f0f0f0;border-bottom-style:solid}.MainCart .Cant{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.MainCart .Buydata h3{font-size:35px;color:#5c4773;font-family:Road Rage,sans-serif;margin:0}.MainCart .Count{color:#5c4773;width:25px;background-color:#e8def8}.MainCart #less,.MainCart #more{overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0;padding:0;height:30px;width:30px}#less:hover,#more:hover{cursor:pointer;scale:120%;filter:brightness(150%)}.MainCart .Toy{align-content:center;margin-top:83px;max-height:75%;max-width:80%}.MainCart .BuyToyCard img{position:relative;object-fit:contain;max-width:100%;max-height:100%}.MainCart .Data h2{display:flex;position:absolute;top:40px;left:60px;color:#4ac0d4;margin:0;font-family:Road Rage,sans-serif;font-size:60px}.MainCart .Continuar{background-color:#73dbed;position:absolute;min-width:220px;min-height:60px;z-index:5;top:50px;left:300px;border-radius:100px;align-content:center}.MainCart h3{color:#5c4773;font-family:Montserrat,sans-serif;font-size:25px;margin:0}.MainCart .Continuar:hover{scale:110%;filter:brightness(120%);cursor:pointer}.LoginCart .End{position:absolute;left:0;top:100%;width:100vw;border-bottom:10px;border-bottom-color:#f0f0f0;border-bottom-style:solid}.LoginCart .HeadingImg{z-index:5;position:absolute;top:140px;max-width:70%}.LoginCart{display:flex;min-width:700px;max-width:700px;min-height:100vh;height:auto;justify-content:center;overflow:hidden}.LoginCart section{display:flex;flex-direction:column;justify-items:left;align-items:self-start;position:absolute;top:450px;left:400px;width:400px}.LoginCart section h3{font-family:Montserrat,serif;color:#5c4773;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:30px;margin:10px 0 3px 5px}.LoginCart section h5{font-family:Montserrat,serif;color:#5c4773;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:12px;margin:0 0 3px 5px}.LoginCart .LoginText{height:45px;margin:0;width:100%;box-sizing:border-box;background-color:#fff;color:#12168c}.LoginCart .LogBut{justify-items:center;width:100%}.LoginCart .Login{margin-block:15px;align-content:center;background-color:#5c4773;width:300px;height:40px;border-radius:50px;color:#dff2fd;border-style:solid;border-color:#dff2fd;border-width:1px}.LoginCart .Singup{margin-block:15px;align-content:center;background-color:#dff2fd;width:300px;height:40px;border-radius:50px;border-style:solid;border-color:#5c4773;color:#5c4773;border-width:1px}#Welcome{width:300px;height:70px;position:absolute;margin:0;padding:0;align-items:center;font-family:Road Rage,sans-serif;color:#5c4773;top:510px;left:950px;font-size:60px;z-index:5}#WelcomeImg{position:absolute;top:450px;left:1040px;width:400px;height:450px}#WelcomeImg img{max-width:100%;max-height:100%;object-fit:contain;z-index:4}.LoginCart .Singup:hover,.LoginCart .Login:hover{filter:brightness(110%);transform:scale(105%);cursor:pointer}.MainCartAd .End{position:absolute;left:0;top:100%;width:100vw;border-block:10px;border-block-color:rgb(223,242,253);border-block-style:solid}.MainCartAd .HeadingImg{z-index:5;position:absolute;top:140px;max-width:70%}.MainCartAd{display:flex;min-width:700px;max-width:700px;justify-content:center;min-height:105vh;overflow:visible}.MainCartAd .ContAd{padding-top:120px;max-height:500px;overflow-y:auto;justify-items:center;position:absolute;display:grid;grid-template-columns:1fr 1fr;top:410px;left:0;width:1300px;max-height:390px;margin-inline:15%}.MainCartAd .tittlead{position:absolute;width:400px;height:60px;background-color:#73dbed;top:20px;left:450px;border-radius:15px;align-content:center;font-family:Road Rage,sans-serif;font-size:40px;color:#5c4773}.MainCartAd .CardAd{position:relative;margin-block:10px;padding-inline:10px;border:3px;border-radius:20px;text-align:left;width:450px;background-color:#fff;border-color:#73dbed;border-style:solid;border-width:5px}.MainCartAd .CardAd h3{margin-block:5px;color:#5c4773}.MainCartAd .CardAd .Contdiv{justify-items:center;align-content:center;width:100%;height:100%}.MainCartAd .CardAd .Contdiv:hover{transform:scale(1.1);cursor:pointer;filter:brightness(110%)}.MainCartAd .CardAd h2{margin-block:0px;color:#5c4773}.MainCartAd .CardAd p{margin-bottom:5px;margin-top:5px;color:#5c4773}.MainCartAd .select-button{position:absolute;width:125px;height:38px;border-radius:20px;top:90px;left:300px;font-size:20px}.MainCartAd .select-button:hover{transform:scale(105%);cursor:pointer;filter:brightness(105%)}.MainCartAd .ContAd::-webkit-scrollbar{width:20px}.MainCartAd .ContAd::-webkit-scrollbar-track{background:#e9fcff;border-radius:10px}.MainCartAd .ContAd::-webkit-scrollbar-thumb{background-color:#8e78a3;border-radius:10px;border:3px solid #f1f1f1}.MainCartAd .ContAd::-webkit-scrollbar-thumb:hover{background-color:#806996}.MainPreview{background-color:var(--page-bg);min-height:100vh;width:100%;display:flex;flex-direction:column}.headingbox{position:relative;margin-top:0;left:0;min-height:200px;width:100%;background-image:url(/Cards/heading.png);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.headingbox h1{font-family:Road Rage,sans-serif;color:#5c4773;font-size:98px;margin:0}.Preview{display:flex;position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#00000080}.CardToy{display:flex;background-color:#e8def8;width:70vw;height:80vh;border-radius:100px}.Preview .ToyCont{position:relative;left:30px;top:130px;width:450px;height:490px;display:flex;justify-content:center;align-items:center}.Preview .ToyCont img{object-fit:contain;max-width:100%;max-height:100%}.Preview .ToyCont .Cont{justify-content:center;align-content:center;width:390px;height:390px;border-radius:50px;background-color:#fff}.Preview .Tittle{position:relative;height:60px;width:750px;top:130px;left:60px;justify-content:center;align-content:center}.Preview .Tittle h2{font-family:Road Rage,sans-serif;margin:0;font-size:50px;color:#65558f}.Preview .About{position:absolute;height:300px;width:750px;top:300px;left:791px}.Preview .About p{text-align:justify;margin:20px;font-size:23px;font-family:Montserrat,sans-serif;color:#65558f}.Preview .Price{display:flex;position:absolute;justify-content:left;height:50px;width:280px;top:610px;left:791px}.Preview .Price h2{font-family:Road Rage,sans-serif;margin:0;font-size:45px;color:#65558f}.Preview .Add{justify-content:center;flex-wrap:nowrap;display:flex;align-items:center;border:2px;border-style:solid;border-radius:50px;border-color:#65558f;position:absolute;height:50px;width:200px;top:680px;left:791px}.Preview .Add:hover{filter:brightness(130%);cursor:pointer;scale:105%}.Preview .Add img{position:relative;object-fit:contain;max-height:100%}.Preview .Add h2{font-family:Montserrat,sans-serif;color:#65558f;font-size:20px;margin-block:0;margin-right:20px}.Preview .swiper{width:390px;height:390px;padding-inline:60px;padding-bottom:30px}.Preview .swiper-slide{justify-content:center;align-content:center;background-position:center;background-size:cover;width:390px;height:390px}.Preview .swiper-button-next{margin-left:30px;color:#65558f00;padding:5px;background-image:url(../../../Icons/Arrow.png);background-position:center;background-size:contain;background-repeat:no-repeat}.Preview .swiper-button-prev{color:#65558f00;padding:5px;background-image:url(../../../Icons/Arrow.png);background-position:center;background-size:contain;background-repeat:no-repeat;transform:scaleX(-1)}.Preview .swiper-pagination{display:flex;justify-content:center;margin-top:10px}.Preview .swiper-pagination-bullet{background:#5c4773;opacity:1}.Preview .swiper-pagination-bullet-active{background:#5c4773;opacity:.6}.HeaderAdm{position:fixed;top:0;left:0;min-width:100%;max-width:100vw;height:100px;display:flex;justify-content:space-between;background-color:#d9c1fa;border-bottom:13px;border-bottom-style:solid;border-bottom-color:#65558f;z-index:1000}.HeaderAdm #MiluLogo{margin-left:20px;height:100%;max-height:100%;width:auto;display:block;left:10px}.HeaderAdmheader.a{display:flex;justify-content:left;width:100%;height:100%}.currency-input-container{position:relative;display:flex;align-items:center;width:100%}.currency-input__symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:500;color:#4b5563;pointer-events:none;z-index:2}.currency-input__field{width:100%;padding:10px 12px 10px 28px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;background-color:#fff}.currency-input__field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.currency-input__field::placeholder{color:#9ca3af}.currency-input__field:disabled{background-color:#f3f4f6;cursor:not-allowed;color:#6b7280}.currency-input--error .currency-input__field{border-color:#ef4444}.currency-input--error .currency-input__field:focus{box-shadow:0 0 0 3px #ef444433}.currency-input--success .currency-input__field{border-color:#10b981}.currency-input--success .currency-input__field:focus{box-shadow:0 0 0 3px #10b98133}@media (max-width: 640px){.currency-input__field{font-size:16px}}:root{--color-primary: #6e5b9b;--color-primary-light: #e8def8;--color-primary-lighter: #f7f2fa;--color-primary-dark: #4b3c80;--color-text: #333;--color-text-light: #666;--color-text-muted: #999;--color-text-white: #fff;--color-bg-light: #f5f7fa;--color-bg-white: #fff;--color-border: #ddd;--color-error: #e53935;--color-success: #4caf50;--color-warning: #ff9800;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 16px rgba(110, 91, 155, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--sidebar-width: 250px;--sidebar-toggle-width: 34px;--header-height: 60px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg-light);color:var(--color-text);line-height:1.5}ul{list-style:none}button{cursor:pointer;font-family:inherit}input,textarea,button{font-family:inherit}.admin{display:flex;flex-direction:column;min-height:100vh;width:100%}.admin__content{display:flex;position:relative;width:100%;min-height:calc(100vh - var(--header-height));padding:0}.main{flex:1;margin-left:var(--sidebar-toggle-width);transition:margin-left var(--transition-normal);width:calc(100% - var(--sidebar-toggle-width));display:flex;flex-direction:column;padding:0}.main--with-sidebar{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.content{width:100%;max-width:1800px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.page-header{width:100%;background-color:var(--color-primary);padding:var(--space-lg) 0;margin-bottom:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.page-header__title{color:var(--color-text-white);font-size:var(--font-size-xl);font-weight:500;letter-spacing:1px;text-transform:uppercase}.sidebar{position:fixed;top:90px;left:0;height:100%;background-color:var(--color-primary-lighter);z-index:100;transition:width var(--transition-normal),transform var(--transition-normal);overflow-y:auto;box-shadow:var(--shadow-md)}.sidebar--open{width:var(--sidebar-width)}.sidebar--closed{width:0}.sidebar__header{padding:var(--space-lg);color:var(--color-primary);background-color:var(--color-primary-lighter);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;height:var(--header-height)}.sidebar__header h3{font-size:var(--font-size-lg);font-weight:600}.sidebar__menu{padding:var(--space-md) 0}.sidebar__item{padding:var(--space-md) var(--space-lg);cursor:pointer;display:flex;align-items:center;transition:background-color var(--transition-fast);border-radius:var(--radius-lg);margin:var(--space-xs) var(--space-md)}.sidebar__item--active{background-color:var(--color-primary-light);font-weight:600}.sidebar__item:hover{background-color:var(--color-primary-light)}.sidebar__icon{margin-right:var(--space-md);font-size:var(--font-size-lg)}.sidebar-toggle{position:fixed;left:0;top:120px;z-index:101;width:var(--sidebar-toggle-width);height:var(--sidebar-toggle-width);background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;align-items:center;justify-content:center;transition:left var(--transition-normal),background-color var(--transition-fast);box-shadow:var(--shadow-sm)}.sidebar-toggle:hover{background-color:var(--color-primary-dark)}.sidebar-toggle--open{left:var(--sidebar-width)}.form-container{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;margin:0 auto var(--space-lg);padding:var(--space-lg) var(--space-lg);transition:box-shadow var(--transition-fast)}.form-container--wide{max-width:none}.form-container:hover{box-shadow:var(--shadow-hover)}.form{width:100%}.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);width:100%}.form__column{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:100%}.form__group{margin-bottom:var(--space-md)}.form__label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-primary);font-size:var(--font-size-md)}.form__fieldset{border:none;padding:0;margin:0}.form__input,.form__textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form__input:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6e5b9b33}.form__textarea{min-height:120px;resize:vertical}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}.currency-input{position:relative;display:flex;align-items:center;width:100%}.currency-input__symbol{position:absolute;left:12px;font-weight:500;color:var(--color-text);z-index:1;pointer-events:none}.currency-input__field{padding-left:24px!important;width:100%}.form__radio-group{display:flex;gap:var(--space-xl);flex-wrap:wrap;margin-top:var(--space-sm)}.form__radio{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:28px}.form__radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.form__radio-text{position:relative}.form__radio-text:before{content:"";position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;transition:border-color var(--transition-fast)}.form__radio-input:checked~.form__radio-text:before{border-color:var(--color-primary)}.form__radio-input:checked~.form__radio-text:after{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.form__radio:hover .form__radio-text:before{border-color:var(--color-primary-dark)}.form__checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-md);max-height:300px;overflow-y:auto;padding-right:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm)}.form__checkbox-grid--small{max-height:none;padding:var(--space-sm) 0;border:none}.form__checkbox{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:28px}.form__checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.form__checkbox-text{position:relative}.form__checkbox-text:before{content:"";position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form__checkbox-input:checked~.form__checkbox-text:before{border-color:var(--color-primary);background-color:var(--color-primary)}.form__checkbox-input:checked~.form__checkbox-text:after{content:"✓";position:absolute;left:-22px;top:50%;transform:translateY(-50%);font-size:14px;color:#fff}.form__checkbox:hover .form__checkbox-text:before{border-color:var(--color-primary)}.form__checkbox--highlight{margin-top:12px;padding:8px 16px 8px 8px;background-color:#f0ebf7;border-radius:8px;display:inline-flex;width:auto;align-items:center;border:1px solid #e8def8;box-shadow:0 1px 3px #0000000d}.form__checkbox--highlight .form__checkbox-text{color:#6e5b9b;font-weight:500}.form__checkbox--highlight .form__checkbox-text:before{left:-24px}.form__checkbox--highlight .form__checkbox-input:checked~.form__checkbox-text:after{left:-20px}.form__checkbox--highlight:hover{background-color:#e8def8}.form__category-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form__category-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;line-height:1;transition:background-color var(--transition-fast)}.form__category-btn:hover{background-color:var(--color-primary-dark)}.release-checkbox-container{display:inline-block;margin-top:16px}.release-checkbox{position:relative;background-color:#f0ebf7;border-radius:8px;padding:8px 16px 8px 36px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #e8def8;color:#6e5b9b;font-weight:500;display:inline-block}.release-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:12px;transform:translateY(-50%);height:18px;width:18px;background-color:#fff;border:1px solid #ccc;border-radius:3px}.release-checkbox input:checked~.checkmark{background-color:#6e5b9b;border-color:#6e5b9b}.checkmark:after{content:"";position:absolute;display:none}.release-checkbox input:checked~.checkmark:after{display:block}.release-checkbox .checkmark:after{left:6px;top:2px;width:2px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.uploader-group{margin-bottom:var(--space-lg)}.uploader{display:flex;flex-direction:column;gap:var(--space-md)}.uploader__main{width:100%;margin-bottom:var(--space-md)}.uploader__main .uploader__container{height:240px}.uploader__thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.uploader__container{position:relative;display:block;cursor:pointer;border:2px dashed var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);background-color:#fafafa}.uploader__container:hover{border-color:var(--color-primary)}.uploader__container--thumb{aspect-ratio:1/1}.uploader__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--color-text-muted);padding:var(--space-md)}.uploader__placeholder--add{border:none}.uploader__icon{font-size:2rem;margin-bottom:var(--space-sm);color:var(--color-text-muted)}.uploader__text{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.uploader__text--small{font-size:var(--font-size-xs)}.uploader__add-btn{width:100%;height:100%;min-height:80px;background:none;border:2px dashed #ccc;border-radius:8px;cursor:pointer;aspect-ratio:1/1;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.uploader__add-btn:hover{border-color:var(--color-primary);transform:translateY(-2px)}.uploader__add-btn:focus{outline:none;border-color:var(--color-primary)}.uploader__image{width:100%;height:100%;object-fit:cover;display:block}.uploader__input{display:none}.uploader__remove-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background-color:#e53935cc;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;z-index:2;transition:background-color var(--transition-fast),transform var(--transition-fast)}.uploader__remove-btn:hover{background-color:var(--color-error);transform:scale(1.1)}.uploader__remove-btn--small{width:22px;height:22px;font-size:12px}.uploader__counter{text-align:right;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-xs);padding-right:var(--space-xs)}.uploader__badge{position:absolute;top:10px;left:10px;background-color:#1976d2d9;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500;z-index:2}.uploader__badge--small{font-size:10px;padding:1px 5px;top:5px;left:5px}.uploader__footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.uploader__tip{font-size:12px;color:#666;font-style:italic}.uploader__container:has(img){box-shadow:0 3px 10px #00000026;transition:transform .2s,box-shadow .2s}.uploader__container:has(img):hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.uploader__container:has(img):after{content:"Reemplazar";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s}.uploader__container:has(img):hover:after{opacity:1}.form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:24px}.btn{border-radius:8px;padding:10px 24px;font-weight:600;min-width:120px;font-size:14px;text-align:center;cursor:pointer;transition:all .2s ease;border:none;height:auto}.btn--primary{background-color:#6e5b9b;color:#fff;box-shadow:0 2px 4px #0000001a}.btn--primary:hover{background-color:#5d4c85}.btn--primary:focus{outline:none;box-shadow:0 0 0 3px #6e5b9b4d}.btn--secondary{background-color:transparent;color:#666;border:1px solid #ddd}.btn--secondary:hover{background-color:#f5f5f5;border-color:#ccc}.btn--secondary:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0 var(--space-md);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__container{background-color:#fff;border-radius:12px;width:100%;max-width:450px;padding:32px;box-shadow:0 8px 16px #0000001a}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__title{color:var(--color-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-xl);text-align:center}.modal__form{display:flex;flex-direction:column;gap:var(--space-lg)}.modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal__form .form__input{padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;width:100%}.modal__form .form__label{margin-bottom:12px;display:block}.toy-section{width:100%;max-width:100%}.toy-section__title{margin-bottom:var(--space-lg);font-size:1.5rem;color:var(--color-primary)}.toy-section__message{text-align:center;color:var(--color-text-light);margin-top:var(--space-xl);font-style:italic}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1rem;color:var(--color-text-light)}.error-message{background-color:#e539351a;color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}@media screen and (max-width: 1200px){.form__grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form__column{max-width:100%}.content{width:100%;padding:var(--space-md)}.form-container{padding:var(--space-lg) var(--space-md)}}@media screen and (max-width: 900px){.main--with-sidebar{margin-left:0;width:100%}.form__grid{grid-template-columns:1fr}.content{padding:var(--space-md) var(--space-sm)}.sidebar--open{width:280px}.sidebar-toggle--open{left:280px}.form__radio-group{gap:var(--space-lg)}.uploader__main .uploader__container{height:200px}.uploader__thumbnails{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media screen and (max-width: 768px){:root{--header-height: 50px}.page-header{padding:var(--space-md) 0}.page-header__title{font-size:var(--font-size-lg)}.sidebar--open{width:100%}.sidebar--open+.sidebar-toggle--open{left:calc(100% - var(--sidebar-toggle-width))}.sidebar-toggle{top:70px}.form__radio-group{flex-direction:column;gap:var(--space-md);align-items:flex-start}.form__checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal__container{padding:var(--space-lg);max-width:90%}.uploader__main .uploader__container{height:180px}.uploader__thumbnails{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.form-container{padding:var(--space-md);margin-bottom:var(--space-md)}.form__group{margin-bottom:var(--space-sm)}.form__actions{flex-direction:column-reverse;gap:var(--space-sm)}.btn{width:100%}.form__checkbox-grid{grid-template-columns:1fr;max-height:200px}.uploader__main .uploader__container{height:150px}.uploader__thumbnails{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.uploader__placeholder{padding:var(--space-sm)}.uploader__icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.uploader__text{font-size:var(--font-size-xs)}.form__label{font-size:var(--font-size-sm)}.form__input,.form__textarea{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.modal__container{padding:var(--space-md)}.modal__title{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}}@media screen and (max-width: 375px){.uploader__thumbnails{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.uploader__main .uploader__container{height:120px}}.search-container{margin-bottom:2rem;max-width:100%;width:100%}.search-input-wrapper{display:flex;align-items:stretch;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1));background-color:var(--color-bg-white, #fff);position:relative;overflow:hidden;border:1px solid var(--color-border, #e0e0e0)}.search-input{flex-grow:1;padding:12px 16px;font-size:var(--font-size-md, 1rem);border:none;outline:none;background-color:transparent;width:100%;border-radius:var(--radius-md, 8px) 0 0 var(--radius-md, 8px);transition:box-shadow var(--transition-fast, .2s ease)}.search-input:focus{box-shadow:0 0 0 2px #6e5b9b33 inset}.search-clear-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted, #999);width:40px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:color var(--transition-fast, .2s)}.search-clear-btn:hover{color:var(--color-text-light, #555)}.search-button{min-width:100px;min-height:3rem;padding:0 1.25rem;margin:0;background-color:var(--color-primary, #6e5b9b);color:var(--color-text-white, white);border:none;border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast, .2s),transform .1s;display:flex;align-items:center;justify-content:center}.search-button:hover:not(:disabled){background-color:var(--color-primary-dark, #4b3c80)}.search-button:active:not(:disabled){transform:scale(.98)}.search-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.8}.search-instruction{font-size:var(--font-size-xs, .85rem);color:var(--color-text-light, #666);margin-top:8px;padding-left:4px}.search-loading{display:inline-block;font-size:.9em;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.search-container{padding:0 10px}.search-input{font-size:var(--font-size-sm, .95rem)}.search-button{min-width:70px;padding:0 12px;font-size:var(--font-size-sm, .9rem)}}.search-result-item{padding:var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-primary-lighter)}.search-result-img{width:60px;height:60px;margin-right:var(--space-md);background-color:var(--color-bg-light);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.search-result-img img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:#f0f0f0}.search-result-info{flex:1}.search-result-title{font-weight:600;margin-bottom:4px}.search-result-price{font-size:var(--font-size-sm);color:var(--color-text-light)}.search-no-results{padding:var(--space-md);text-align:center;color:var(--color-text-muted);background-color:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.toy-section__no-selection{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);text-align:center;width:90%;max-width:800px;margin:0 auto}.metadata-container{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--color-border)}.metadata-item{display:flex;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.metadata-label{font-weight:600;margin-right:var(--space-xs)}.metadata-value{color:var(--color-text-light)}.btn--danger{background-color:#e53935;color:#fff;border:none}.btn--danger:hover{background-color:#c62828}.btn--danger:focus{outline:none;box-shadow:0 0 0 3px #e539354d}@media screen and (max-width: 768px){.search-container{max-width:100%}.search-result-img{width:50px;height:50px}}@media screen and (max-width: 480px){.metadata-item{flex-direction:column;margin-bottom:var(--space-sm)}}.primary-category-group{border:1px solid #e1e1e1;border-radius:8px;padding:16px;background-color:#f8f9fa;margin-top:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.primary-category-group:hover{border-color:#cfd8dc;box-shadow:0 4px 8px #0000001a}.primary-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.primary-category-badge{background-color:#2196f3;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase}.primary-category-container{position:relative;display:flex;align-items:center}.primary-category-select{flex:1;padding:10px 40px 10px 16px;font-size:16px;border:2px solid #90caf9;border-radius:6px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:border-color .3s ease}.primary-category-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f340}.primary-category-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2196f3;pointer-events:none}.primary-category-helper{margin-top:8px;color:#546e7a;font-style:italic}.primary-category-empty{color:#78909c;padding:12px;text-align:center;border:1px dashed #b0bec5;border-radius:6px;margin-top:8px}.acquisition-cost-group{border-left:3px solid #78909c;padding-left:16px;margin-top:20px;margin-bottom:20px;position:relative}.acquisition-cost-label-tag{background-color:#78909c;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px;text-transform:uppercase;vertical-align:middle}.acquisition-cost-container{position:relative;display:flex;align-items:center}.acquisition-cost-input{border-color:#b0bec5;background-color:#f5f5f5;transition:all .3s ease}.acquisition-cost-input:focus{background-color:#fff;border-color:#78909c;box-shadow:0 0 0 3px #78909c33}.acquisition-cost-icon{position:absolute;right:12px;color:#78909c;display:flex;align-items:center;pointer-events:none}.acquisition-cost-helper{color:#78909c;font-size:12px}.acquisition-cost-group:after{content:"";position:absolute;top:-10px;left:-3px;width:3px;height:10px;background-color:#78909c}.acquisition-cost-group:before{content:"";position:absolute;bottom:-10px;left:-3px;width:3px;height:10px;background-color:#78909c}#root{margin:0;text-align:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--header-bg: rgb(110, 206, 222);--header-border: rgb(74, 192, 212);--page-bg: rgb(223, 242, 253);--accent: #4A90E2;--purple: #65558F;--light-purple: #D9C1FA;--teal: #4ACDD4;--light-teal: #74DBED;--yellow: #FFD600;--light-gray: #EBDEF8;--blue: #DFF2FD;--cream: #FFE7A4;--brown: #A38E55;--white: #FFFFFF;color-scheme:light;color:#1b2a3a;background-color:var(--page-bg)}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:113px;padding-bottom:100px}html,body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}.App{flex-grow:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--light-gray);border-radius:10px;margin:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--teal),var(--light-teal));border-radius:10px;border:2px solid var(--light-gray);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--purple),var(--light-purple));transform:scale(1.1)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,var(--purple),var(--teal))}::-webkit-scrollbar-corner{background:var(--light-gray)}*,.scrollable-element,.marketplace-container,.filter-section,.product-list,.carousel-container{scrollbar-width:thin;scrollbar-color:var(--teal) var(--light-gray)}.scrollable-element::-webkit-scrollbar,.marketplace-container::-webkit-scrollbar,.filter-section::-webkit-scrollbar,.product-list::-webkit-scrollbar,.carousel-container::-webkit-scrollbar{width:8px;height:8px}.scrollable-element::-webkit-scrollbar-thumb,.marketplace-container::-webkit-scrollbar-thumb,.filter-section::-webkit-scrollbar-thumb,.product-list::-webkit-scrollbar-thumb,.carousel-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--teal),var(--light-teal));border-radius:6px;border:1px solid var(--light-gray)}
