.app-layout{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}@media(max-width:860px){.nav-categories{display:none!important}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--bg-base: #f5f3ff;--bg-surface: #ffffff;--bg-surface-glass: rgba(255, 255, 255, .7);--border-glass: rgba(109, 40, 217, .12);--primary: #7c3aed;--primary-glow: rgba(124, 58, 237, .25);--secondary: #db2777;--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);--text-main: #1e1b4b;--text-muted: #6d6a8a;--text-disabled: #c4b5fd;--success: #059669;--error: #dc2626;--warning: #d97706;--font-family: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow: 0 8px 32px 0 rgba(124, 58, 237, .12);--shadow-glow: 0 0 24px rgba(124, 58, 237, .18)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(ellipse at 0% 0%,rgba(167,139,250,.22) 0px,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(251,113,133,.16) 0px,transparent 55%),radial-gradient(ellipse at 50% 0%,rgba(196,181,253,.14) 0px,transparent 40%);background-attachment:fixed}.glass{background:var(--bg-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow)}header{position:sticky;top:0;z-index:100;background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:1rem 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-main);font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo-link img{height:36px;width:auto}.nav-actions{display:flex;align-items:center;gap:1.25rem}.cart-icon-btn{background:none;border:none;color:var(--text-main);cursor:pointer;position:relative;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.cart-icon-btn:hover{background:#7c3aed14;color:var(--primary)}.cart-badge{position:absolute;top:-2px;right:-2px;background:var(--accent-gradient);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-family:var(--font-family);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);text-decoration:none;border:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #7c3aed59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80;opacity:.95}.btn-primary:disabled{background:var(--text-disabled);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#7c3aed12;color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#7c3aed24;border-color:var(--primary);transform:translateY(-2px)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:.85rem 1rem;background:#fff;border:1.5px solid var(--border-glass);border-radius:12px;color:var(--text-main);font-family:var(--font-family);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.container{width:100%;padding:2rem 6rem}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.product-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition);position:relative;cursor:pointer}.product-card:hover{transform:translateY(-8px);border-color:#818cf866;box-shadow:var(--shadow-glow)}.product-card-image{width:100%;height:240px;object-fit:cover;border-bottom:1px solid var(--border-glass);background:#f3f0ff;transition:var(--transition)}.product-card:hover .product-card-image{transform:scale(1.03)}.product-card-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.product-card-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.product-card-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.product-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-card-price{font-size:1.25rem;font-weight:800;color:var(--secondary)}.filters-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-bar{max-width:400px;flex-grow:1}.category-tags{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.category-tag{padding:.5rem 1rem;border-radius:20px;background:#7c3aed0f;border:1px solid var(--border-glass);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.category-tag:hover,.category-tag.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 10px #7c3aed40}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;margin-top:1rem;align-items:start}@media(max-width:900px){.detail-layout{grid-template-columns:1fr;gap:2rem}}.gallery-container{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.main-image-wrapper{border-radius:16px;overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-surface);position:relative;width:100%;height:0;padding-bottom:100%}.main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnails-grid{display:flex;gap:.75rem;overflow-x:auto}.thumbnail-btn{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--bg-surface);cursor:pointer;transition:var(--transition);flex-shrink:0;padding:0}.thumbnail-btn.active{border-color:var(--primary)}.thumbnail-btn img{width:100%;height:100%;object-fit:cover}.detail-info{display:flex;flex-direction:column;gap:1.5rem}.detail-title{font-size:2.25rem;font-weight:800;line-height:1.2}.detail-price{font-size:2rem;font-weight:800;color:var(--secondary)}.detail-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.7}.option-group{margin-bottom:1.5rem}.option-label{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem}.option-chips{display:flex;flex-wrap:wrap;gap:.75rem}.chip-btn{background:#7c3aed0d;border:1.5px solid var(--border-glass);color:var(--text-main);padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-family:var(--font-family);font-weight:500;cursor:pointer;transition:var(--transition)}.chip-btn:hover{background:#7c3aed1a;border-color:var(--primary)}.chip-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.chip-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-glass)}.qty-selector{display:flex;align-items:center;gap:.5rem;border:1.5px solid var(--border-glass);border-radius:12px;padding:.25rem;width:fit-content;background:#fff}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-main);font-size:1.2rem;cursor:pointer;border-radius:8px;transition:var(--transition)}.qty-btn:hover{background:#7c3aed1a;color:var(--primary)}.qty-val{width:40px;text-align:center;font-weight:700;font-size:1.1rem}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media(max-width:900px){.cart-layout{grid-template-columns:1fr}}.cart-list{display:flex;flex-direction:column;gap:1.25rem}.cart-item-row{display:flex;align-items:center;gap:1.25rem;padding:1.25rem}.cart-item-img{width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--bg-surface)}.cart-item-info{flex-grow:1}.cart-item-name{font-size:1.15rem;font-weight:700}.cart-item-meta{font-size:.85rem;color:var(--text-muted)}.cart-item-actions{display:flex;align-items:center;gap:1.5rem}.cart-item-price{font-weight:700;font-size:1.1rem}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:.5rem}.remove-btn:hover{color:var(--error)}.summary-card{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;height:fit-content;position:sticky;top:90px}.summary-title{font-size:1.3rem;font-weight:700;border-bottom:1px solid var(--border-glass);padding-bottom:.75rem}.summary-row{display:flex;justify-content:space-between;font-size:1rem;color:var(--text-muted)}.summary-row.total{font-size:1.4rem;font-weight:800;color:var(--text-main);border-top:1px solid var(--border-glass);padding-top:1rem}.receipt-card{max-width:600px;margin:3rem auto;padding:3rem;text-align:center}.receipt-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.receipt-icon.success{background:#34d39926;color:var(--success)}.receipt-icon.error{background:#f8717126;color:var(--error)}.receipt-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.receipt-subtitle{color:var(--text-muted);margin-bottom:2rem}.receipt-details{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);padding:1.5rem 0;margin-bottom:2rem;text-align:left;display:flex;flex-direction:column;gap:.75rem}.receipt-row{display:flex;justify-content:space-between;font-size:.95rem}.receipt-row span:first-child{color:var(--text-muted)}.receipt-row span:last-child{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.spinner{border:3px solid rgba(124,58,237,.12);width:40px;height:40px;border-radius:50%;border-left-color:var(--primary);animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-option-card{transition:var(--transition);border:1px solid var(--border-glass)}.checkout-option-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-glow);background:#7c3aed0a}.announcement-bar{background:var(--accent-gradient);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.85rem;font-weight:600;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:110}.announcement-bar a{color:#fff;text-decoration:underline;text-underline-offset:2px}.announcement-close{position:absolute;right:1rem;background:none;border:none;color:#fffc;cursor:pointer;font-size:1.1rem;line-height:1;padding:.2rem .4rem;border-radius:4px;transition:var(--transition)}.announcement-close:hover{color:#fff;background:#ffffff26}.nav-categories{display:flex;gap:.25rem;align-items:center}.nav-cat-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:600;padding:.4rem .75rem;border-radius:8px;transition:var(--transition)}.nav-cat-link:hover{color:var(--primary);background:#7c3aed14}.hero-banner{position:relative;overflow:hidden;border-radius:24px;margin-bottom:3rem;min-height:320px;display:flex;align-items:center;background:linear-gradient(135deg,#4c1d95,#7c3aed 40%,#db2777);padding:3.5rem 4rem}@media(max-width:768px){.hero-banner{min-height:240px;padding:2.5rem 2rem;border-radius:16px}}.hero-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff14;pointer-events:none}.hero-banner:after{content:"";position:absolute;bottom:-80px;left:30%;width:240px;height:240px;border-radius:50%;background:#ffffff0f;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:560px}.hero-eyebrow{display:inline-block;background:#ffffff2e;color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.3rem .85rem;border-radius:20px;margin-bottom:1rem}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:.75rem}.hero-subtitle{font-size:1.05rem;color:#ffffffd1;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-hero-primary{background:#fff;color:#7c3aed;font-weight:700;padding:.85rem 2rem;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-family);font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:0 4px 14px #00000026}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-hero-secondary{background:#ffffff26;color:#fff;font-weight:600;padding:.85rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-family:var(--font-family);font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition)}.btn-hero-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.trust-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2.5rem}@media(max-width:600px){.trust-bar{grid-template-columns:1fr;gap:.75rem}}.trust-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:14px;background:var(--bg-surface-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.trust-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.trust-text strong{display:block;font-size:.9rem;font-weight:700;color:var(--text-main)}.trust-text span{font-size:.78rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.section-title{font-size:1.5rem;font-weight:800;color:var(--text-main)}.section-title span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.75rem;flex-wrap:wrap}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--text-disabled);font-size:.75rem}.breadcrumb-current{color:var(--text-main);font-weight:600}.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);padding:.85rem 1.25rem;display:none;align-items:center;gap:1rem;box-shadow:0 -4px 20px #7c3aed1a}@media(max-width:768px){.sticky-cta{display:flex}}.sticky-cta-info{flex-grow:1;min-width:0}.sticky-cta-name{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.sticky-cta-price{font-size:1.1rem;font-weight:800;color:var(--secondary)}.related-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-glass)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.site-footer{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);margin-top:5rem;padding:3rem 2rem 1.5rem}.footer-inner{width:100%}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand-desc{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-top:.75rem;max-width:280px}.footer-col-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-main);margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.88rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary)}.footer-divider{border:none;border-top:1px solid var(--border-glass);margin-bottom:1.25rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.footer-bottom a{color:var(--text-muted);text-decoration:none}.footer-bottom a:hover{color:var(--primary)}.cart-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cart-count-badge{background:var(--accent-gradient);color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;margin-left:.5rem}.free-shipping-bar{margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:12px;background:#05966914;border:1px solid rgba(5,150,105,.2);display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--success);font-weight:600}@media(max-width:768px){.container{padding:1rem}.detail-layout{margin-top:0}.hero-banner{padding:2rem 1.5rem}}