.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background-alt);border-color:var(--color-text-muted)}.btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-background-alt)}.btn-danger{background-color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#b54a4a;border-color:#b54a4a}.btn-accent{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover:not(:disabled){background-color:#96b08f;border-color:#96b08f}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#3d8f6a;border-color:#3d8f6a}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-icon{padding:var(--space-3)}.btn-icon.btn-sm{padding:var(--space-2)}.input,.select,.textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder,.textarea::placeholder{color:var(--color-text-light)}.input:disabled,.select:disabled,.textarea:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.7}.textarea{min-height:120px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A3F35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}.select optgroup{font-weight:var(--font-bold);color:var(--color-text);background-color:var(--color-background-alt);padding:var(--space-2) 0}.select optgroup option{font-weight:var(--font-normal);padding-left:var(--space-4);background-color:var(--color-surface)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px rgba(199,91,91,.2)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.form-hint{color:var(--color-text-muted)}.form-error,.form-hint{margin-top:var(--space-1);font-size:var(--text-sm)}.form-error{color:var(--color-error)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.checkbox-group,.radio-group{display:flex;align-items:center;gap:var(--space-2)}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-hoverable{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--color-border-light)}.card-body,.card-header{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background-color:var(--color-background-alt);border-top:1px solid var(--color-border-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-primary-light);color:var(--color-secondary)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.badge-gray{background-color:var(--color-border);color:var(--color-text-muted)}.badge-accent{background-color:var(--color-accent-light);color:#5a7a54}.modal-overlay{position:fixed;inset:0;background-color:rgba(74,63,53,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base)}.modal-content.shipping-modal{max-width:500px}.modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-content .modal-header h2{margin:0;font-size:var(--text-lg);font-weight:600}.modal-content .modal-close{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-content .modal-close:hover{background:var(--color-background-alt);color:var(--color-text)}.modal-content .modal-body{padding:var(--space-6);text-align:left}.modal-content .modal-footer{padding:var(--space-4) var(--space-6);background-color:var(--color-background-alt);display:flex;justify-content:flex-end;gap:var(--space-3);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.shipping-modal-info{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:1.5;background:var(--color-primary-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.modal-header{padding:var(--space-6)}.modal-header h2{font-size:var(--text-xl)}.modal-footer{padding:var(--space-4) var(--space-6);background-color:var(--color-background-alt);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal h2{font-size:var(--text-xl);margin-bottom:var(--space-4);padding:var(--space-6) var(--space-6) 0}.modal p{padding:0 var(--space-6);color:var(--color-text-muted)}.modal form{padding:0 var(--space-6) var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);margin-top:var(--space-4);background-color:var(--color-background-alt);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.table-container{overflow-x:auto;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}thead{background-color:var(--color-background-alt)}th{text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td,th{padding:var(--space-4)}td{border-top:1px solid var(--color-border-light);vertical-align:middle}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--color-background-alt)}.table-striped tbody tr:nth-child(2n){background-color:var(--color-background)}.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.alert{padding:var(--space-4);align-items:flex-start;gap:var(--space-3)}.alert-success{background-color:var(--color-success-bg);border:1px solid var(--color-success)}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error)}.alert-info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.error-message{background-color:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);border:1px solid var(--color-error)}.error-message,.success-message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm)}.success-message{background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);border:1px solid var(--color-success)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-header h1{margin:0}.page-header-info{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-background-alt);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.store-container{min-height:100vh;display:flex;flex-direction:column}.store-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.store-header-content{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);justify-content:space-between;gap:var(--space-8)}.store-header-content,.store-logo{display:flex;align-items:center}.store-logo img{height:48px;width:auto}.store-nav{display:flex;align-items:center;gap:var(--space-2)}.store-nav-link{padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.store-nav-link.active,.store-nav-link:hover{background-color:var(--color-primary-light);color:var(--color-secondary)}.store-nav-link.outlet-link{background-color:var(--color-error);color:#fff}.store-nav-link.outlet-link:hover{background-color:#b54a4a;color:#fff}.store-nav-more{position:relative}.store-nav-more-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer}.store-nav-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);min-width:160px;padding:var(--space-2);z-index:var(--z-dropdown)}.store-nav-dropdown-link{display:block;padding:var(--space-2) var(--space-3);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.store-nav-dropdown-link.active,.store-nav-dropdown-link:hover{background-color:var(--color-primary-light);color:var(--color-secondary)}.store-search{position:relative;min-width:200px}.store-search-form{display:flex;align-items:center;background-color:var(--color-background-alt);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);gap:var(--space-2)}.store-search input{border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--color-text);width:100%}.store-search input::placeholder{color:var(--color-text-light)}.search-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.search-results-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;min-width:320px}.search-no-results{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.search-results-list{max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-text);transition:background var(--transition-fast)}.search-result-image,.search-result-item:hover{background:var(--color-background-alt)}.search-result-image{width:50px;height:50px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.search-result-image img{width:100%;height:100%;object-fit:contain;padding:4px}.search-result-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-result-name{font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-category{font-size:var(--text-xs);color:var(--color-text-muted)}.search-result-price{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.search-result-price .price-sale{color:var(--color-error);margin-right:var(--space-2)}.search-result-price .price-original{font-weight:var(--font-normal);color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-xs)}.search-view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-background-alt);border-top:1px solid var(--color-border-light);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--transition-fast)}.search-view-all:hover{background:var(--color-primary-light)}.desktop-only{display:block}.mobile-only{display:none}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--space-2);color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:var(--color-background-alt)}.store-search-mobile{padding:var(--space-3) var(--space-4);background:linear-gradient(to bottom,var(--color-surface),var(--color-background))}.store-search-mobile .store-search-form{background:#fff;border-radius:var(--radius-full);padding:var(--space-3) var(--space-4);box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border:1px solid var(--color-border-light);transition:box-shadow .2s ease,border-color .2s ease}.store-search-mobile .store-search-form:focus-within{box-shadow:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);border-color:var(--color-primary)}.store-search-mobile .store-search-form svg{color:var(--color-text-muted);flex-shrink:0}.store-search-mobile .store-search-form:focus-within svg{color:var(--color-primary)}.store-search-mobile .store-search-form input{font-size:var(--text-base);color:var(--color-text);border:none;outline:none;background:transparent}.store-search-mobile .store-search-form input::placeholder{color:var(--color-text-light)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;animation:fadeIn .2s ease}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--color-surface);z-index:999;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:4px 0 20px rgba(0,0,0,.15)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-primary-light)}.mobile-menu-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.mobile-menu-close{background:none;border:none;padding:var(--space-2);color:var(--color-text);cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-close:hover{background:rgba(0,0,0,.05)}.mobile-menu-nav{flex:1 1;overflow-y:auto;padding:var(--space-3) 0}.mobile-menu-section{margin:var(--space-2) 0}.mobile-menu-section-title{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);text-decoration:none;transition:background var(--transition-fast)}.mobile-menu-link.active,.mobile-menu-link:hover{background:var(--color-primary-light);color:var(--color-secondary)}.mobile-menu-link svg{color:var(--color-text-muted);flex-shrink:0}.mobile-menu-link.active svg,.mobile-menu-link:hover svg{color:var(--color-primary)}.mobile-menu-outlet,.mobile-menu-outlet svg{color:var(--color-secondary)}.mobile-menu-divider{height:1px;background:var(--color-border-light);margin:var(--space-2) var(--space-4)}.mobile-menu-badge{margin-left:auto;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full)}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.store-header-content{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.store-logo img{height:32px}.store-cart-link{width:40px;height:40px;margin-left:var(--space-2)}}.hero-carousel{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .5s ease}.hero-with-image{min-height:550px}.hero-background-image{position:absolute;inset:0;z-index:0}.hero-background-image img{width:100%;height:100%;object-fit:cover}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.8) 40%,hsla(0,0%,100%,.4) 70%,hsla(0,0%,100%,.1))}.hero-with-image .hero-carousel-content{position:relative;z-index:1}.hero-with-image .hero-slide-content{text-align:left;max-width:600px;margin-left:0}.hero-with-image .hero-slide-content h1{text-shadow:0 2px 4px hsla(0,0%,100%,.5)}.hero-decorations{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-circle{position:absolute;border-radius:50%;background:var(--color-primary)}.hero-circle-1{width:400px;height:400px;top:-100px;right:-100px}.hero-circle-2{width:300px;height:300px;bottom:-50px;left:-50px}.hero-circle-3{width:200px;height:200px;top:50%;left:20%}.hero-waves{position:absolute;bottom:0;left:0;width:100%;height:200px}.hero-star{position:absolute;font-size:24px;color:var(--color-primary);opacity:.3}.hero-star-1{top:15%;left:10%;font-size:32px}.hero-star-2{top:25%;right:15%;font-size:20px}.hero-star-3{bottom:30%;left:20%;font-size:28px}.hero-star-4{top:40%;right:25%;font-size:18px}.hero-star-5{bottom:20%;right:10%;font-size:24px}.hero-carousel-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-6);text-align:center}.hero-slide-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-extrabold);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.1}.hero-slide-content p{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-dots{position:absolute;bottom:var(--space-6);left:50%;transform:translateX(-50%);display:flex;gap:var(--space-3);z-index:2}.hero-dot{position:relative;width:40px;height:4px;border:none;background:transparent;cursor:pointer;padding:8px 0}.hero-dot-inner{display:block;width:100%;height:4px;background:var(--color-text);opacity:.2;border-radius:var(--radius-full);transition:opacity var(--transition-base)}.hero-dot.active .hero-dot-inner,.hero-dot:hover .hero-dot-inner{opacity:.4}.hero-dot-progress{position:absolute;top:8px;left:0;height:4px;background:var(--color-primary);border-radius:var(--radius-full);transform-origin:left;width:100%}@media (max-width:768px){.hero-carousel{min-height:400px}.hero-carousel-content{padding:var(--space-8) var(--space-4)}.hero-circle-1{width:200px;height:200px}.hero-circle-2{width:150px;height:150px}.hero-circle-3{width:100px;height:100px}}.store-hero{background:linear-gradient(135deg,var(--color-background-alt) 0,var(--color-primary-light) 100%);padding:var(--space-16) var(--space-6);text-align:center}.store-hero-content{max-width:800px;margin:0 auto}.store-hero h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.1}.store-hero p{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.store-hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width:640px){.store-hero{padding:var(--space-10) var(--space-4)}.store-hero h1{font-size:var(--text-3xl)}.store-hero p{font-size:var(--text-lg)}}.store-section{padding:var(--space-12) 200px}@media (max-width:1024px){.store-section{padding:var(--space-10) 80px}}@media (max-width:768px){.store-section{padding:var(--space-10) var(--space-6)}}.store-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.store-section-header h2{font-size:var(--text-2xl);margin:0}.store-breadcrumb{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.store-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.store-breadcrumb a:hover{color:var(--color-primary)}.store-breadcrumb span{color:var(--color-text-light)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);width:100%}@media (min-width:640px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6)}}.category-card-wrapper{display:flex;flex-direction:column;align-items:center}.category-card{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.category-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.category-card-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-accent-light) 100%);overflow:hidden}.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-card-image img{transform:scale(1.08)}.category-card-emoji{font-size:3.5rem}.category-card-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-3);margin-bottom:0;line-height:1.3;text-align:center;width:100%}@media (max-width:639px){.category-card-emoji{font-size:2.5rem}.category-card-title{font-size:var(--text-sm);margin-top:var(--space-2)}}.subcategory-list{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.subcategory-link{background:var(--color-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);border:1px solid var(--color-border)}.subcategory-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-secondary)}.subcategory-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.subcategory-tab{background:var(--color-surface);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);border:2px solid var(--color-border);cursor:pointer}.subcategory-tab:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-secondary)}.subcategory-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.season-filter-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6)}.season-filter-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.season-filter-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.season-filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.season-chip{background:transparent;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);border:1px solid var(--color-border);cursor:pointer}.season-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.season-chip.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-secondary)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);width:100%;align-items:stretch}.product-grid>*{height:100%}@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-8)}}.product-card{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;text-decoration:none;color:inherit;background-color:#fff;border-radius:12px;overflow:hidden;border:1px solid #f0e8e3;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease}.product-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px rgba(0,0,0,.08)}.product-card-image{position:relative;width:100%;aspect-ratio:4/5;background-color:#fef5f0;overflow:hidden;flex-shrink:0}.product-card-image img{width:100%;height:100%;object-fit:contain;padding:8px}.product-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f5f2,#fce8e0);gap:8px}.product-card-placeholder span{font-size:11px;color:#9a8e83;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.product-card-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#c75b5b,#d65a5a);color:#fff;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;z-index:1}.product-card-info{padding:12px;min-height:88px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;flex:1 1}.product-card-category{display:block;font-size:10px;color:#9a8e83;text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-bottom:4px}.product-card-title{font-size:13px;font-weight:600;color:#4a3f35;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px}.product-card-price,.product-card-title{font-family:var(--font-heading),"Baloo 2",cursive}.product-card-price{font-weight:700;font-size:14px;color:#c47c56;margin-top:auto;padding-top:8px;line-height:1}.product-card-price-from{font-weight:400;font-size:10px;color:#7a6e63;margin-right:4px}.product-card-price-original{text-decoration:line-through;color:#7a6e63;font-weight:400;font-size:12px;margin-right:6px}.product-card-price-sale{color:#c75b5b}.no-products{text-align:center;color:var(--color-text-muted);padding:var(--space-12);font-size:var(--text-lg)}.section-view-more{display:flex;justify-content:center;margin-top:var(--space-8)}.section-view-more .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.section-wrapper--outlet{background:linear-gradient(135deg,var(--color-accent-light) 0,#f5ede4 100%)}.section-wrapper--outlet .store-section-header h2{color:var(--color-secondary-hover)}.product-detail{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}@media (max-width:900px){.product-detail{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4) var(--space-4)}}.product-detail-images{position:-webkit-sticky;position:sticky;top:calc(80px + var(--space-4));align-self:start}@media (max-width:900px){.product-detail-images{position:relative;top:0}}.product-main-image{position:relative;padding-top:100%;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.product-main-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:16px;cursor:zoom-in;transition:transform var(--transition-base)}.image-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-zoom-container{position:relative;max-width:90vw;max-height:90vh;overflow:hidden}.image-zoom-container img{max-width:90vw;max-height:90vh;object-fit:contain;transform-origin:center center;cursor:-webkit-grab;cursor:grab}.image-zoom-container img:active{cursor:-webkit-grabbing;cursor:grabbing}.image-zoom-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.9);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:calc(var(--z-modal) + 1);transition:all var(--transition-fast)}.image-zoom-close:hover{background:#fff;transform:scale(1.1)}.image-zoom-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:calc(var(--z-modal) + 1)}.image-zoom-controls button{background:hsla(0,0%,100%,.9);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.image-zoom-controls button:hover{background:#fff;transform:scale(1.1)}.image-zoom-controls button:disabled{opacity:.5;cursor:not-allowed}.product-no-image{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;color:var(--color-text-light);font-size:var(--text-lg)}.product-badge-sale-large{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--color-error);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase}.product-thumbnails{display:flex;gap:var(--space-3);margin-top:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.product-thumbnail{width:80px;height:80px;flex-shrink:0;border:3px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:0;background:var(--color-surface);transition:border-color var(--transition-fast)}.product-thumbnail.active,.product-thumbnail:hover{border-color:var(--color-primary)}.product-thumbnail img{width:100%;height:100%;object-fit:contain;padding:4px}.product-detail-info h1{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.product-detail-category{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6)}.product-detail-price{margin-bottom:var(--space-6);display:flex;align-items:baseline;gap:var(--space-3)}.original-price{text-decoration:line-through;color:var(--color-text-light);font-size:var(--text-lg)}.current-price{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}.current-price.sale{color:var(--color-error)}.product-colors{margin-bottom:var(--space-5)}.product-colors h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.product-colors .selected-color-name{font-weight:var(--font-normal);color:var(--color-text-muted)}.color-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-button{width:40px;height:40px;padding:3px;border:2px solid var(--color-border);background:var(--color-surface);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.color-button:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-button.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.color-swatch{width:100%;height:100%;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.1)}.color-swatch-text{display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);background:var(--color-surface-elevated)}.product-sizes{margin-bottom:var(--space-6)}.product-sizes h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.size-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.size-button{min-width:64px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-fast);color:var(--color-text)}.size-button.selected,.size-button:hover:not(:disabled){border-color:var(--color-primary)}.size-button.selected{background:var(--color-primary);color:#fff}.size-button.out-of-stock{opacity:.4;cursor:not-allowed;text-decoration:line-through}.stock-info{margin-bottom:var(--space-6);font-size:var(--text-sm)}.in-stock{color:var(--color-success)}.in-stock,.out-of-stock-text{font-weight:var(--font-medium)}.out-of-stock-text{color:var(--color-error)}.product-description{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.product-description h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.product-description p{color:var(--color-text-muted);line-height:1.8}.product-detail-info h1{margin-bottom:var(--space-4)}.product-detail-category{margin-bottom:var(--space-2)}.product-badges{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1}.product-badge-discount{background:linear-gradient(135deg,var(--color-error) 0,#d65a5a 100%);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:0 2px 8px rgba(199,91,91,.3)}.product-badge-outlet{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-hover) 100%);box-shadow:0 2px 8px hsla(34,31%,57%,.3)}.product-badge-outlet,.product-badge-soldout{color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase}.product-badge-soldout{background:var(--color-text-muted)}.product-no-image{display:flex;flex-direction:column;gap:var(--space-3)}.product-no-image svg{color:var(--color-border)}.product-no-image span{color:var(--color-text-light);font-size:var(--text-base)}.product-detail-price{flex-wrap:wrap;align-items:center}.product-detail-price .current-price{order:1}.product-detail-price .original-price{order:2}.discount-tag{order:3;background:var(--color-success-bg);color:var(--color-success);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.product-sizes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.product-sizes-header h3{margin:0}.size-guide-link{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.size-guide-link:hover{color:var(--color-secondary)}.size-button{position:relative;overflow:hidden}.size-slash{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--color-error);transform:rotate(-45deg);transform-origin:center}.stock-info{padding:var(--space-3) 0}.stock-info,.stock-info span{display:flex;align-items:center}.stock-info span{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.stock-info svg{flex-shrink:0}.stock-available{color:var(--color-success)}.stock-out{color:var(--color-error)}.product-cta{display:flex;gap:var(--space-3);align-items:stretch;margin-bottom:var(--space-6)}.btn-add-to-cart{flex:1 1;max-width:360px;padding:var(--space-5) var(--space-8);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px hsla(17,70%,70%,.4);position:relative;overflow:hidden}.btn-add-to-cart:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.btn-add-to-cart:hover:not(.disabled):before{left:100%}.btn-add-to-cart:hover:not(.disabled){box-shadow:0 6px 20px hsla(17,70%,70%,.5)}.btn-add-to-cart.disabled{background:var(--color-border);cursor:not-allowed;box-shadow:none}.btn-add-to-cart.added{background:linear-gradient(135deg,var(--color-success) 0,#4a8a4a 100%);box-shadow:0 4px 14px rgba(91,154,91,.4)}.btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.product-secondary-actions{display:flex;gap:var(--space-2)}.btn-share,.btn-wishlist{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.btn-share:hover,.btn-wishlist:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-wishlist:hover svg{fill:var(--color-primary)}.share-container{position:relative}.share-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:100}.share-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:101;min-width:200px;overflow:hidden}.share-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text);text-align:left;transition:background var(--transition-fast)}.share-option:hover{background:var(--color-background-alt)}.share-option svg{flex-shrink:0}.share-divider{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.product-features{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-background-alt);border-radius:var(--radius-lg);margin-top:var(--space-6)}.feature-item{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.feature-item svg{color:var(--color-accent);flex-shrink:0}.recommended-section{padding:var(--space-10) var(--space-6);background:var(--color-background-alt);margin-top:var(--space-10)}.recommended-header{text-align:center;margin-bottom:var(--space-8)}.recommended-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2)}.recommended-header p{color:var(--color-text-muted);font-size:var(--text-base)}.recommended-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:1200px;margin:0 auto}@media (min-width:640px){.recommended-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.recommended-grid{grid-template-columns:repeat(4,1fr)}}.recommended-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.recommended-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.recommended-card-image{position:relative;padding-top:100%;background:var(--color-background);overflow:hidden}.recommended-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:8px;background:var(--color-surface);transition:transform var(--transition-slow)}.recommended-card:hover .recommended-card-image img{transform:scale(1.05)}.recommended-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border)}.recommended-badge{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.recommended-card-info{padding:var(--space-3)}.recommended-card-info h4{color:var(--color-text);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.recommended-card-info h4,.recommended-price{font-family:var(--font-heading);font-size:var(--text-sm)}.recommended-price{color:var(--color-secondary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.recommended-price .price-original{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-xs)}.recommended-price .price-sale{color:var(--color-error)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recommendations-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-surface);z-index:1001;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.15)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,var(--color-success-bg) 0,var(--color-surface) 100%)}.drawer-header-content{display:flex;align-items:flex-start;gap:var(--space-3)}.drawer-success-icon{width:40px;height:40px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-header h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-success);margin-bottom:var(--space-1)}.drawer-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.drawer-close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.drawer-close:hover{background:var(--color-background-alt);color:var(--color-text)}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-5)}.drawer-section-title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.drawer-recommendations{display:flex;flex-direction:column;gap:var(--space-3)}.drawer-rec-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.drawer-rec-card:hover{background:var(--color-background-alt);border-color:var(--color-primary-light);transform:translateX(4px)}.drawer-rec-image{position:relative;width:70px;height:70px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-surface)}.drawer-rec-image img{width:100%;height:100%;object-fit:contain;padding:4px;background:var(--color-surface)}.drawer-rec-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border)}.drawer-rec-badge{position:absolute;top:4px;left:4px;background:var(--color-error);color:#fff;font-size:9px;font-weight:var(--font-semibold);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.drawer-rec-info{flex:1 1;min-width:0}.drawer-rec-info h5{color:var(--color-text);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.drawer-rec-info h5,.drawer-rec-price{font-family:var(--font-heading);font-size:var(--text-sm)}.drawer-rec-price{color:var(--color-secondary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.drawer-rec-price .price-original{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-xs)}.drawer-rec-price .price-sale{color:var(--color-error)}.drawer-rec-arrow{color:var(--color-text-muted);flex-shrink:0}.drawer-footer{padding:var(--space-5);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3)}.drawer-btn-cart{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.drawer-btn-continue{width:100%}@media (max-width:480px){.recommendations-drawer{max-width:100%}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recommendations-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--space-8));max-width:500px;max-height:calc(100vh - var(--space-16));background:var(--color-surface);border-radius:var(--radius-xl);z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.25);overflow:hidden}.recommendations-modal .modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-background);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.recommendations-modal .modal-close:hover{background:var(--color-background-alt);color:var(--color-text)}.recommendations-modal .modal-header{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;background:linear-gradient(135deg,var(--color-success-bg) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border-light)}.recommendations-modal .modal-success-icon{width:56px;height:56px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}.recommendations-modal .modal-header h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-success);margin-bottom:var(--space-1)}.recommendations-modal .modal-product-name{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.recommendations-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.recommendations-modal .modal-section-title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);text-align:center}.recommendations-modal .modal-recommendations{display:flex;flex-direction:column;gap:var(--space-2)}.recommendations-modal .modal-rec-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.recommendations-modal .modal-rec-item:hover{background:var(--color-background-alt);border-color:var(--color-primary-light)}.recommendations-modal .modal-rec-link{display:flex;align-items:center;gap:var(--space-3);flex:1 1;min-width:0;text-decoration:none}.recommendations-modal .modal-rec-image{position:relative;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-surface)}.recommendations-modal .modal-rec-image img{width:100%;height:100%;object-fit:contain;padding:4px;background:var(--color-surface)}.recommendations-modal .modal-rec-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border)}.recommendations-modal .modal-rec-badge{position:absolute;top:2px;left:2px;background:var(--color-error);color:#fff;font-size:8px;font-weight:var(--font-semibold);padding:1px 4px;border-radius:3px;text-transform:uppercase}.recommendations-modal .modal-rec-info{flex:1 1;min-width:0}.recommendations-modal .modal-rec-info h5{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.recommendations-modal .modal-rec-price{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-secondary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.recommendations-modal .modal-rec-price .price-original{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-xs)}.recommendations-modal .modal-rec-price .price-sale{color:var(--color-error)}.recommendations-modal .modal-rec-add{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.recommendations-modal .modal-rec-add:hover{background:var(--color-primary-hover)}.recommendations-modal .modal-rec-add.added{background:var(--color-success)}.recommendations-modal .modal-rec-add:disabled{cursor:default}.recommendations-modal .modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3)}.recommendations-modal .modal-btn-cart{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.recommendations-modal .modal-btn-continue{flex:1 1}@media (max-width:480px){.recommendations-modal{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.recommendations-modal .modal-header{padding:var(--space-5) var(--space-4) var(--space-3);flex-shrink:0}.recommendations-modal .modal-success-icon{width:48px;height:48px}.recommendations-modal .modal-body{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(85vh - 200px)}.recommendations-modal .modal-footer{flex-direction:column;padding:var(--space-3) var(--space-4);flex-shrink:0;border-top:1px solid var(--color-border-light)}}@media (max-width:640px){.product-cta{flex-direction:column}.btn-add-to-cart{max-width:100%}.product-secondary-actions{justify-content:center}.product-features{padding:var(--space-4)}}.benefits-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:stretch}.benefits-grid>*{height:100%}@media (min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (min-width:1024px){.benefits-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.benefit-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;border:1px solid var(--color-border-light);display:flex;flex-direction:column;align-items:center;min-height:180px;transition:all var(--transition-base)}.benefit-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-icon{width:56px;height:56px;margin-bottom:var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.benefit-card h3{font-family:var(--font-heading);font-size:var(--text-base);margin-bottom:var(--space-2);line-height:1.3}@media (min-width:640px){.benefit-card h3{font-size:var(--text-lg)}}.benefit-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.store-footer{margin-top:auto;background:var(--color-footer);padding:var(--space-12) var(--space-6)}.store-footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.footer-section h4{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--space-2)}.footer-section a{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-primary)}.footer-logo{display:flex;align-items:center;margin-bottom:var(--space-4)}.footer-logo img{height:40px;width:auto}.footer-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social a{width:40px;height:40px;background:var(--color-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary);color:#fff}.store-footer-bottom{max-width:1200px;margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.store-footer-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}.store-footer-bottom a{color:var(--color-primary);margin-left:var(--space-4)}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-background) 0,var(--color-primary-light) 100%)}.login-logo{margin-bottom:var(--space-8)}.login-logo img{height:64px;width:auto}.login-form{width:100%;max-width:400px;background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-form h1{text-align:center;margin-bottom:var(--space-6);font-size:var(--text-2xl)}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.admin-header{background:var(--color-surface);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.admin-header-left{gap:var(--space-4)}.admin-header-left,.admin-logo{display:flex;align-items:center}.admin-logo img{height:36px;width:auto}.admin-header h1{font-size:var(--text-xl);margin:0;color:var(--color-text)}.admin-header nav{display:flex;align-items:center;gap:var(--space-2)}.admin-nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-nav-link.active,.admin-nav-link:hover{background-color:var(--color-primary-light);color:var(--color-secondary)}.admin-user-info{display:flex;align-items:center;gap:var(--space-4);margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-border)}.admin-user-email{color:var(--color-text-muted)}.admin-content{flex:1 1;padding:var(--space-8);max-width:1400px;width:100%;margin:0 auto}@media (max-width:900px){.admin-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.admin-header nav{flex-wrap:wrap;justify-content:center}.admin-user-info{margin-left:0;padding-left:0;border-left:none;padding-top:var(--space-3);border-top:1px solid var(--color-border);width:100%;justify-content:center}.admin-content{padding:var(--space-4)}}.admin-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-background-alt)}.admin-card-header h2{font-size:var(--text-lg);margin:0}.admin-card-body{padding:var(--space-6)}.admin-filters{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end}.admin-filters .form-group{margin-bottom:0;min-width:180px}.admin-filters .input,.admin-filters .select{font-size:var(--text-sm)}.category-multi-select{position:relative}.category-multi-select-input{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.category-multi-select-input:hover{border-color:var(--color-primary)}.category-multi-select-placeholder{color:var(--color-text-muted);font-size:var(--text-sm)}.category-multi-select-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1 1}.category-chip{display:inline-flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.category-chip,.category-chip-remove{align-items:center;color:var(--color-primary-dark)}.category-chip-remove{display:flex;justify-content:center;padding:0;background:none;border:none;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.category-chip-remove:hover{opacity:1}.category-multi-select-arrow{flex-shrink:0;margin-left:var(--space-2);color:var(--color-text-muted);transition:transform var(--transition-fast)}.category-multi-select-arrow.open{transform:rotate(180deg)}.category-multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);max-height:300px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50}.category-multi-select-group{border-bottom:1px solid var(--color-border-light)}.category-multi-select-group:last-child{border-bottom:none}.category-multi-select-group-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;background:var(--color-background-alt)}.category-multi-select-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast)}.category-multi-select-option:hover{background:var(--color-background-alt)}.category-multi-select-option-child{padding-left:var(--space-4)}.category-multi-select-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.category-multi-select-option span{font-size:var(--text-sm);color:var(--color-text)}.admin-form-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}.admin-form-section-header{padding:var(--space-4) var(--space-6);background:var(--color-background-alt);border-bottom:1px solid var(--color-border-light)}.admin-form-section-header h3{font-size:var(--text-base);margin:0;color:var(--color-text)}.admin-form-section-body{padding:var(--space-6)}.admin-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.admin-image-item{position:relative;padding-top:100%;background:var(--color-background-alt);border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border-light)}.admin-image-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:4px;background:var(--color-surface)}.admin-image-item-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.admin-image-upload{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-background-alt)}.admin-image-upload:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.admin-image-upload input{display:none}.variants-table{width:100%}.variants-table input,.variants-table select{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.variants-table .input{min-width:80px}.product-thumb{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-background-alt);display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:contain;padding:2px}.product-thumb-placeholder{font-size:var(--text-xs);color:var(--color-text-light)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text)}.empty-state p{margin-bottom:var(--space-6)}.empty-state-inline{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted);background:var(--color-background-alt);border-radius:var(--radius-lg)}.empty-state-inline p{margin:0;font-size:var(--text-base)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card,.skeleton-product{background:linear-gradient(90deg,var(--color-background-alt) 25%,var(--color-border-light) 50%,var(--color-background-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl)}.category-grid-skeleton{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:640px){.category-grid-skeleton{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media (min-width:1024px){.category-grid-skeleton{grid-template-columns:repeat(5,1fr);gap:var(--space-6)}}.skeleton-card{height:140px}.product-grid-skeleton{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:640px){.product-grid-skeleton{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.product-grid-skeleton{grid-template-columns:repeat(4,1fr)}}.skeleton-product{padding-top:140%}.admin-layout-sidebar{display:flex;min-height:100vh;background-color:var(--color-background)}.admin-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-modal);opacity:0;animation:fadeIn .2s ease forwards}@keyframes fadeIn{to{opacity:1}}.admin-sidebar{width:260px;background:var(--color-surface);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:calc(var(--z-modal) + 1);transform:translateX(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translateX(0)}@media (min-width:900px){.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;transform:translateX(0)}.admin-sidebar-overlay{display:none}}.admin-sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-light);justify-content:space-between;gap:var(--space-3)}.admin-sidebar-header,.admin-sidebar-logo{display:flex;align-items:center}.admin-sidebar-logo img{height:36px;width:auto}.admin-sidebar-nav{flex:1 1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.admin-sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast)}.admin-sidebar-link:hover{background:var(--color-background-alt);color:var(--color-text)}.admin-sidebar-link.active{background:var(--color-primary-light);color:var(--color-secondary)}.admin-sidebar-link svg{flex-shrink:0;opacity:.7}.admin-sidebar-link.active svg{opacity:1}.admin-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-light)}.admin-sidebar-footer,.admin-sidebar-user{display:flex;align-items:center;gap:var(--space-3)}.admin-sidebar-user{flex:1 1;min-width:0}.admin-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.admin-user-details{display:flex;flex-direction:column;min-width:0}.admin-user-email{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-logout-btn{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.admin-logout-btn:hover{background:var(--color-error-light);color:var(--color-error)}.admin-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.admin-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}@media (min-width:900px){.admin-mobile-header{display:none}}.admin-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.admin-menu-btn:hover{background:var(--color-background-alt)}.admin-mobile-logo,.admin-store-link{display:flex;align-items:center}.admin-store-link{justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.admin-store-link:hover{background:var(--color-background-alt);color:var(--color-primary)}.admin-layout-sidebar .admin-content{flex:1 1;padding:var(--space-6);max-width:none;width:100%;margin:0;overflow-x:auto}@media (min-width:900px){.admin-layout-sidebar .admin-content{padding:var(--space-8)}}@media (max-width:899px){.admin-layout-sidebar .admin-content{padding:var(--space-4)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.page-header h1{font-size:var(--text-xl)}.page-header .btn{width:100%;justify-content:center}.admin-filters{flex-direction:column;gap:var(--space-3)}.admin-filters .form-group{min-width:100%;width:100%}.table-container{margin:0 calc(var(--space-4) * -1);border-radius:0;box-shadow:none;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}table{min-width:700px}td,th{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.actions{gap:var(--space-1)}.actions .btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.admin-form-section-header{padding:var(--space-3) var(--space-4)}.admin-form-section-body{padding:var(--space-4)}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important;gap:var(--space-3)}.variants-table{font-size:var(--text-sm)}.variants-table td,.variants-table th{padding:var(--space-2)}.variants-table .input{min-width:70px;padding:var(--space-2);font-size:var(--text-sm)}.modal{width:95vw;max-width:none;margin:var(--space-4);max-height:90vh}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.pagination{gap:var(--space-2)}.pagination,.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-pages{order:-1;width:100%}.pagination-btn{flex:1 1;min-width:100px;justify-content:center}.pagination-next,.pagination-prev{font-size:var(--text-sm)}.image-upload-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.product-thumb{width:40px;height:40px}.stock-indicator{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stock-details{font-size:var(--text-xs)}.order-item,.order-items-list{gap:var(--space-2)}.order-item{flex-direction:column;align-items:flex-start}.order-summary-grid{grid-template-columns:1fr}.empty-state{padding:var(--space-6)}.empty-state-icon{font-size:2rem}.badge{font-size:var(--text-xs);padding:2px 6px}}@media (max-width:480px){.admin-layout-sidebar .admin-content{padding:var(--space-3)}.page-header h1{font-size:var(--text-lg)}table{min-width:600px}.image-upload-grid{grid-template-columns:1fr}.table-hide-mobile{display:none}}.toast-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998}.toast-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;z-index:9999;min-width:320px;max-width:90vw;box-shadow:0 25px 50px rgba(0,0,0,.25)}.toast-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.toast-success .toast-icon{background:#dcfce7;color:#16a34a}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-warning .toast-icon{background:#fef3c7;color:#d97706}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}.toast-title{font-family:var(--font-heading);font-size:var(--text-xl);margin:0 0 var(--space-2);color:var(--color-text)}.toast-message{color:var(--color-text-muted);margin:0 0 var(--space-6);font-size:var(--text-base);line-height:1.5}.toast-close-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-3) var(--space-8);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast)}.toast-close-btn:hover{background:var(--color-primary-dark)}.category-tree{display:flex;flex-direction:column;gap:var(--space-4)}.category-tree-item{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.category-tree-parent{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface)}.category-tree-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-tree-icon-child{width:32px;height:32px;background:var(--color-background-alt);color:var(--color-text-muted)}.category-tree-info{flex:1 1;min-width:0}.category-tree-name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-1)}.category-tree-name span,.category-tree-name strong{font-size:var(--text-base);color:var(--color-text)}.category-tree-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.category-tree-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.category-tree-stat svg{opacity:.6}.category-tree-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.category-tree-actions .btn{padding:var(--space-2)}.category-tree-actions .btn svg{margin:0}.btn-danger-ghost{color:var(--color-text-muted)}.btn-danger-ghost:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.btn-danger-ghost:disabled{opacity:.4;cursor:not-allowed}.category-tree-children{border-top:1px solid var(--color-border-light);background:var(--color-background-alt)}.category-tree-child{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-light)}.category-tree-child:last-child{border-bottom:none}.category-tree-connector{color:var(--color-border);flex-shrink:0;margin-left:var(--space-3)}.page-subtitle{margin:0}.modal-subtitle,.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.modal-subtitle{margin:calc(var(--space-2) * -1) 0 var(--space-4) 0;padding:0 var(--space-6)}.badge-secondary{background-color:var(--color-background-alt);color:var(--color-text-muted)}@media (max-width:640px){.category-tree-parent{flex-wrap:wrap;gap:var(--space-3)}.category-tree-info{flex-basis:calc(100% - 56px)}.category-tree-actions{width:100%;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.category-tree-child{flex-wrap:wrap}.category-tree-child .category-tree-info{flex-basis:calc(100% - 80px)}.category-tree-child .category-tree-actions{padding-top:var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-background)}.error-boundary-content{max-width:400px;text-align:center;background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.error-boundary-icon{color:var(--color-error);margin-bottom:var(--space-4)}.error-boundary h1,.error-boundary h2{font-family:var(--font-heading);margin-bottom:var(--space-3);color:var(--color-text)}.error-boundary h1{font-size:var(--text-2xl)}.error-boundary h2{font-size:var(--text-xl)}.error-boundary p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.error-message-code{display:block;background:var(--color-background-alt);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-error);margin-bottom:var(--space-6);word-break:break-all}.error-boundary-actions{display:flex;gap:var(--space-3);justify-content:center}.admin-error{min-height:auto;padding:var(--space-12)}.admin-error .error-boundary-content{background:transparent;box-shadow:none}.admin-nav-group{margin-bottom:var(--space-4)}.admin-nav-group-title{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.admin-nav-group-items{display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar-link{position:relative}.admin-sidebar-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin-nav-badge{margin-left:auto;padding:2px 8px;font-size:var(--text-xs);background:var(--color-background-alt);border-radius:var(--radius-full);color:var(--color-text-muted)}.admin-nav-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.admin-sidebar-close{display:none;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);align-items:center;justify-content:center}.admin-sidebar-close:hover{background:var(--color-background-alt);color:var(--color-text)}@media (max-width:899px){.admin-sidebar-close{display:flex}}.admin-breadcrumb{display:flex;align-items:center;flex:1 1;gap:0;overflow:hidden}.admin-breadcrumb-item{display:flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.admin-breadcrumb-item a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.admin-breadcrumb-item a:hover{color:var(--color-primary)}.admin-breadcrumb-item .current{color:var(--color-text);font-weight:var(--font-medium)}.admin-breadcrumb-item svg{margin:0 var(--space-2);opacity:.5;flex-shrink:0}.admin-page-header{padding:0 var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);margin:calc(var(--space-4) * -1) calc(var(--space-6) * -1) var(--space-6);padding-top:var(--space-4)}@media (min-width:900px){.admin-page-header{padding:0 var(--space-8) var(--space-6);margin:calc(var(--space-4) * -1) calc(var(--space-8) * -1) var(--space-6);padding-top:var(--space-4)}}.admin-page-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-1);color:var(--color-text)}.admin-page-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-page-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.admin-page-actions .btn svg{margin-right:var(--space-2)}.category-tree-v2{display:flex;flex-direction:column;gap:var(--space-5)}.category-card-v2{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.category-card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.category-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card-info{flex:1 1;min-width:0}.category-card-v2-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.category-card-v2-title h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;color:var(--color-text)}.category-card-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.category-card-meta .meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.category-card-meta code{font-size:var(--text-xs);padding:2px 8px;background:var(--color-background-alt);border-radius:var(--radius-sm);color:var(--color-text-muted)}.category-card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.reorder-buttons{display:flex;flex-direction:column;gap:2px;margin-right:var(--space-2);padding-right:var(--space-2);border-right:1px solid var(--color-border-light)}.reorder-buttons .btn{padding:4px;opacity:.6;transition:opacity var(--transition-fast)}.reorder-buttons .btn:hover:not(:disabled){opacity:1}.reorder-buttons .btn:disabled{opacity:.25;cursor:not-allowed}.chip{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.chip-primary{background:var(--color-primary-light);color:var(--color-secondary)}.chip-secondary{background:var(--color-background-alt);color:var(--color-text-muted)}.category-card-children{border-top:1px solid var(--color-border-light);background:var(--color-background);padding:var(--space-2) var(--space-6) var(--space-4);padding-left:calc(var(--space-6) + 24px)}.subcategory-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.subcategory-row.last{border-bottom:none}.subcategory-guide{color:var(--color-border);flex-shrink:0;margin-left:calc(var(--space-2) * -1)}.subcategory-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-background-alt);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.subcategory-info{flex:1 1;min-width:0}.subcategory-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.subcategory-title span:first-child{font-weight:var(--font-medium);color:var(--color-text)}.subcategory-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.subcategory-meta code{padding:1px 6px;background:var(--color-background-alt);border-radius:var(--radius-sm)}.subcategory-meta span{display:flex;align-items:center;gap:var(--space-1)}.subcategory-actions{display:flex;gap:var(--space-1);flex-shrink:0}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-primary-soft{background:var(--color-primary-light);color:var(--color-secondary);border:none}.btn-primary-soft:hover{background:var(--color-primary);color:#fff}.empty-state-card{text-align:center;padding:var(--space-12) var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.empty-state-card .empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-background-alt);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.empty-state-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-state-card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.modal-v2{max-width:480px;max-height:90vh;padding:0;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.modal-v2 .modal-form{overflow-y:auto;flex:1 1}.modal-v2.modal-sm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-header h2{margin:0;font-size:var(--text-lg)}.modal-close{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-background-alt);color:var(--color-text)}.modal-context{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary-light);color:var(--color-secondary);font-size:var(--text-sm)}.modal-context svg{flex-shrink:0}.modal-alert{margin:var(--space-4) var(--space-6) 0}.modal-body,.modal-form{padding:var(--space-6)}.modal-body{text-align:center}.modal-body p{margin:0 0 var(--space-2)}.modal-body .text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}.confirm-delete-icon{width:72px;height:72px;margin:0 auto var(--space-4);background:var(--color-error-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-error)}.modal-v2 .modal-actions{padding:var(--space-4) var(--space-6);background:var(--color-background-alt);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.form-label .required{color:var(--color-error)}.input-with-prefix{display:flex;align-items:stretch}.input-prefix{display:flex;align-items:center;padding:0 var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted)}.input-with-prefix .input{border-radius:0 var(--radius-md) var(--radius-md) 0;flex:1 1}.btn-spinner{width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:var(--space-2)}@keyframes spin{to{transform:rotate(1turn)}}.alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert svg{flex-shrink:0}.alert-error{background:var(--color-error-light);color:var(--color-error)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#fff;color:var(--color-text);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.15);font-size:var(--text-sm);font-weight:var(--font-medium);animation:slideInUp .3s ease;z-index:calc(var(--z-modal) + 10);border-left:4px solid var(--color-text-muted)}.toast-success{background:#f0fdf4;border-left-color:#22c55e;color:#166534}.toast-error{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.category-card-header{flex-wrap:wrap;padding:var(--space-4)}.category-card-info{flex-basis:calc(100% - 64px)}.category-card-actions{width:100%;justify-content:flex-start;padding-top:var(--space-3);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.category-card-children{padding-left:var(--space-4)}.admin-page-actions{flex-direction:column}.admin-page-actions .btn{width:100%;justify-content:center}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.admin-page-with-save-bar .toast{bottom:90px}}.store-cart-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-text);transition:all var(--transition-base);flex-shrink:0}.store-cart-link:hover{background:var(--color-primary-light);color:var(--color-secondary)}.store-cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-bold);color:#fff;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.product-sizes.size-error{animation:shake .5s ease}.product-sizes.size-error .product-sizes-header h3,.size-error-text{color:var(--color-error)}.size-error-text{display:block;font-size:var(--text-sm);font-weight:var(--font-normal);margin-top:var(--space-1)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.shipping-promo-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);margin:var(--space-4) auto;max-width:1200px}.shipping-promo-banner svg{flex-shrink:0}.shipping-promo-banner.highlight{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,.4)}50%{box-shadow:0 0 20px 5px rgba(102,126,234,.6)}}.cart-page{padding:var(--space-8) 0 var(--space-16);max-width:1200px;margin:0 auto}.cart-page h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}.cart-messages,.cart-page h1{margin-bottom:var(--space-6)}.cart-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);margin-bottom:var(--space-2)}.cart-message svg{color:var(--color-warning);flex-shrink:0}.cart-empty{text-align:center;padding:var(--space-16) var(--space-4)}.cart-empty-icon{margin-bottom:var(--space-6);color:var(--color-text-light)}.cart-empty h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.cart-empty p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.cart-content{display:grid;grid-template-columns:1fr 380px;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto 40px;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.cart-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.cart-item-image{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-alt)}.cart-item-image img{width:100%;height:100%;object-fit:contain;padding:4px;background:var(--color-surface)}.cart-item-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.cart-item-details{display:flex;flex-direction:column;gap:var(--space-1)}.cart-item-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.cart-item-name:hover{color:var(--color-primary)}.cart-item-size{font-size:var(--text-sm);color:var(--color-text-muted)}.cart-item-price{display:flex;align-items:center;gap:var(--space-2)}.cart-item-price .current-price{font-weight:var(--font-semibold);color:var(--color-text)}.cart-item-price .current-price.sale{color:var(--color-error)}.cart-item-price .original-price{font-size:var(--text-sm);color:var(--color-text-light);text-decoration:line-through}.cart-item-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.qty-selector{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.qty-btn,.qty-selector{display:flex;align-items:center}.qty-btn{justify-content:center;width:36px;height:36px;background:var(--color-surface);border:none;cursor:pointer;color:var(--color-text);transition:all var(--transition-fast)}.qty-btn:hover:not(:disabled){background:var(--color-background-alt);color:var(--color-primary)}.qty-btn:disabled{color:var(--color-text-light);cursor:not-allowed}.qty-value{width:40px;text-align:center;font-weight:var(--font-semibold);color:var(--color-text)}.qty-max-notice{font-size:10px;color:var(--color-warning)}.cart-item-total{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);min-width:80px;text-align:right}.cart-item-remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.cart-item-remove:hover{background:var(--color-error-bg);color:var(--color-error)}.cart-actions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.cart-summary{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);position:-webkit-sticky;position:sticky;top:var(--space-4)}.cart-summary h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.cart-delivery-selector,.cart-summary h2{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.cart-delivery-selector h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.delivery-options{display:flex;flex-direction:column;gap:var(--space-2)}.delivery-option{display:block;cursor:pointer}.delivery-option input{position:absolute;opacity:0;pointer-events:none}.delivery-option-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-light);border-radius:var(--radius-md);transition:all .2s ease}.delivery-option:hover .delivery-option-content{border-color:var(--color-border);background:var(--color-bg)}.delivery-option.selected .delivery-option-content{border-color:var(--color-primary);background:var(--color-primary-bg)}.delivery-option-content svg{color:var(--color-text-muted);flex-shrink:0}.delivery-option.selected .delivery-option-content svg{color:var(--color-primary)}.delivery-option-text{flex:1 1;display:flex;justify-content:space-between;align-items:center}.delivery-option-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.delivery-option-price{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;color:var(--color-text-muted)}.cart-free-shipping-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin:var(--space-4) 0;background:var(--color-info-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text)}.cart-free-shipping-notice svg{color:var(--color-info);flex-shrink:0}.cart-promo-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin:var(--space-4) 0;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:#764ba2;font-weight:var(--font-medium)}.cart-promo-notice svg{color:#667eea;flex-shrink:0}.cart-summary-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-top:var(--space-2);border-top:2px solid var(--color-border);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.btn-checkout{width:100%;margin-top:var(--space-4);padding:var(--space-4);font-size:var(--text-lg)}.cart-security-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{grid-template-columns:80px 1fr;grid-template-rows:auto auto auto;gap:var(--space-3)}.cart-item-image{width:80px;height:80px;grid-row:span 2}.cart-item-details{grid-column:2}.cart-item-actions{grid-column:2;flex-direction:row;justify-content:space-between}.cart-item-total{grid-column:2;text-align:left}.cart-item-remove{position:absolute;top:var(--space-2);right:var(--space-2)}.cart-item{position:relative;padding-right:var(--space-12)}.cart-actions{flex-direction:column}.cart-actions .btn{width:100%;justify-content:center}}@media (max-width:480px){.store-cart-link{margin-left:var(--space-2)}.cart-page{padding:var(--space-4) 0 var(--space-8)}.cart-page h1{font-size:var(--text-2xl)}}.checkout-modal{max-width:480px;width:calc(100% - 32px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.checkout-modal .modal-header{flex-shrink:0;padding:var(--space-5);border-bottom:1px solid var(--color-border-light)}.checkout-modal .modal-body{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--space-5);-webkit-overflow-scrolling:touch}.checkout-modal .modal-footer{flex-shrink:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background:var(--color-surface)}.checkout-modal form{display:flex;flex-direction:column;height:100%;overflow:hidden}.checkout-modal-info{color:var(--color-text-muted);margin-bottom:var(--space-4)}.checkout-modal-summary{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.checkout-modal-summary .summary-row{display:flex;justify-content:space-between;align-items:center}.checkout-modal-summary .summary-total{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.loading-spinner-small{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:var(--space-2)}.payment-method-selector{margin-top:var(--space-4)}.payment-method-selector .form-label{display:block;font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2);font-size:var(--text-sm)}.payment-options{display:flex;flex-direction:column;gap:var(--space-2)}.payment-option{position:relative;cursor:pointer}.payment-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.payment-option-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.payment-option:hover .payment-option-content{border-color:var(--color-primary-light);background:var(--color-background-alt)}.payment-option.selected .payment-option-content{border-color:var(--color-primary);background:var(--color-primary-light)}.payment-option-content svg{color:var(--color-text-muted);flex-shrink:0}.payment-option.selected .payment-option-content svg{color:var(--color-secondary)}.payment-option-text{display:flex;flex-direction:column}.payment-option-title{font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-sm)}.payment-option-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.bizum-shipping-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.bizum-shipping-form .form-label{display:block;font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);font-size:var(--text-sm)}.bizum-shipping-form .form-group{margin-bottom:var(--space-3)}.bizum-shipping-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:400px){.bizum-shipping-form .form-row{grid-template-columns:1fr}}.bizum-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#e3f2fd;border:1px solid #90caf9;border-radius:var(--radius-sm);margin-top:var(--space-4);font-size:var(--text-sm);color:#1565c0}.bizum-notice svg{flex-shrink:0;margin-top:2px}@media (max-width:768px){.checkout-modal{max-width:calc(100% - 48px)}}@media (max-width:480px){.modal-overlay .checkout-modal{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;width:100%;max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0}.checkout-modal .modal-header{padding:var(--space-4)}.checkout-modal .modal-body{padding:var(--space-4);max-height:calc(90vh - 140px)}.checkout-modal .modal-footer{flex-direction:column;gap:var(--space-2)}.checkout-modal .modal-footer .btn{width:100%}}.checkout-result{max-width:600px;margin:var(--space-16) auto;padding:var(--space-8);text-align:center}.checkout-result-icon{margin-bottom:var(--space-6)}.checkout-result-icon.success{color:var(--color-success)}.checkout-result-icon.warning{color:var(--color-warning)}.checkout-result-icon.error{color:var(--color-error)}.checkout-result h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.checkout-result p{color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.checkout-result-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.bizum-instructions-card{background:var(--color-surface);border:2px solid #90caf9;border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;margin-bottom:var(--space-6);max-width:450px;margin-left:auto;margin-right:auto}.bizum-instructions-card h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:#1565c0;margin-bottom:var(--space-4);text-align:center}.bizum-step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.bizum-step:last-of-type{border-bottom:none}.bizum-step-number{width:28px;height:28px;background:#1565c0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.bizum-step-content{display:flex;flex-direction:column;gap:var(--space-1)}.bizum-step-content strong{color:var(--color-text);font-size:var(--text-sm)}.bizum-step-content span{color:var(--color-text-muted);font-size:var(--text-sm)}.bizum-phone{font-family:monospace;font-size:var(--text-lg)!important;color:#1565c0!important;background:#e3f2fd;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);display:inline-block;margin-top:var(--space-1)}.bizum-amount,.bizum-phone{font-weight:var(--font-bold)}.bizum-amount{font-family:var(--font-heading);font-size:var(--text-xl)!important;color:var(--color-success)!important}.bizum-concept{font-family:monospace;font-weight:var(--font-semibold);color:var(--color-text)!important;background:var(--color-background-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.bizum-notice-card{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius-sm);margin-top:var(--space-4);font-size:var(--text-sm);color:#f57c00}.bizum-notice-card svg{flex-shrink:0;margin-top:2px;color:#f57c00}.order-summary-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;margin-bottom:var(--space-6)}.order-summary-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-4)}.order-number{font-weight:var(--font-semibold)}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-success{background:var(--color-success-bg);color:var(--color-success)}.status-warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-info{background:var(--color-info-bg);color:var(--color-info)}.status-error{background:var(--color-error-bg);color:var(--color-error)}.order-summary-items{margin-bottom:var(--space-4)}.order-summary-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm)}.order-summary-item .item-name{flex:1 1;color:var(--color-text)}.order-summary-item .item-qty,.order-summary-item .item-size{color:var(--color-text-muted)}.order-summary-item .item-price{font-weight:var(--font-medium);color:var(--color-text)}.order-summary-totals{padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.order-summary-totals .summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;color:var(--color-text-muted)}.order-summary-totals .summary-row.total{padding-top:var(--space-3);margin-top:var(--space-2);border-top:2px solid var(--color-border);font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-text);font-size:var(--text-lg)}.order-summary-email{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-muted)}.admin-orders-page{padding:var(--space-4)}.admin-filters{display:flex;gap:var(--space-3)}.form-select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-primary)}.admin-table-container{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.admin-table th{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted)}.admin-table tbody tr:hover,.admin-table th{background:var(--color-background-alt)}.admin-table tbody tr:last-child td{border-bottom:none}.order-id{font-family:var(--font-heading);font-weight:var(--font-semibold)}.order-email,.order-id{color:var(--color-text)}.order-items{color:var(--color-text-muted);font-size:var(--text-sm)}.order-total{font-weight:var(--font-semibold)}.order-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-paid{background:var(--color-success-bg);color:var(--color-success)}.status-ready{background:#fff3e0;color:#ff9800}.status-delivered{background:#e8f5e9;color:#2e7d32}.status-shipped{background:var(--color-info-bg);color:var(--color-info)}.status-cancelled{background:var(--color-error-bg);color:var(--color-error)}.stock-indicator{gap:var(--space-1)}.stock-details,.stock-indicator{display:flex;flex-direction:column}.stock-details{gap:2px}.stock-warning{font-size:var(--text-xs);color:var(--color-error)}.stock-low{font-size:var(--text-xs);color:var(--color-warning)}.row-out-of-stock{background-color:rgba(220,38,38,.05)}.row-out-of-stock:hover{background-color:rgba(220,38,38,.08)!important}.category-path{display:flex;flex-direction:column;gap:var(--space-1)}.category-parent{font-size:var(--text-xs);color:var(--color-text-muted)}.settings-grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.settings-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-section h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--space-2)}.settings-section h2 svg{color:var(--color-primary)}.settings-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-of-type{padding-top:0}.settings-label{display:flex;flex-direction:column;gap:var(--space-1)}.settings-label strong{font-weight:var(--font-medium);color:var(--color-text)}.settings-label span,.settings-value{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-value{font-family:var(--font-mono);background:var(--color-background-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.settings-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.settings-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.settings-info-item label{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-info-item span{font-weight:var(--font-medium);color:var(--color-text)}.settings-links{flex-direction:column}.settings-link,.settings-links{display:flex;gap:var(--space-3)}.settings-link{align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-background-alt);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.settings-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.settings-link svg{color:var(--color-text-muted);flex-shrink:0}.settings-link:hover svg{color:var(--color-primary)}.settings-link span{flex:1 1}.settings-link-arrow{color:var(--color-text-muted)}.settings-tabs{margin-bottom:var(--space-6);padding:var(--space-2);background:var(--color-background-alt);border-radius:var(--radius-lg);overflow-x:auto}.settings-tab,.settings-tabs{display:flex;gap:var(--space-2)}.settings-tab{align-items:center;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.settings-tab:hover{background:var(--color-surface);color:var(--color-text)}.settings-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.settings-tab svg{flex-shrink:0}.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.settings-section-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.settings-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.settings-form .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.settings-form .form-group input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);transition:all var(--transition-fast)}.settings-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.settings-form .form-group input::placeholder{color:var(--color-text-light)}.settings-form .social-input label{display:flex;align-items:center;gap:var(--space-2)}.settings-form .social-input label svg{color:var(--color-text-muted)}.settings-form.password-form{max-width:400px}.form-divider{border-top:1px solid var(--color-border-light);margin:var(--space-4) 0}.input-with-suffix{display:flex;align-items:center;gap:0}.input-with-suffix input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1 1}.input-with-suffix .input-suffix{padding:var(--space-3) var(--space-3);background:var(--color-background-alt);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.settings-form textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);resize:vertical;font-family:inherit}.settings-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.shipping-summary{background:var(--color-background-alt);border-radius:var(--radius-lg);padding:var(--space-5)}.shipping-summary h3{margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold)}.shipping-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.shipping-summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.shipping-summary-item .label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.shipping-summary-item .value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.promotions-list{display:flex;flex-direction:column;gap:var(--space-4)}.promotion-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.promotion-card.active{border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success)}.promotion-card.disabled{opacity:.6}.promotion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);gap:var(--space-4)}.promotion-info{display:flex;align-items:center;gap:var(--space-3);flex:1 1;min-width:0}.promotion-info h4{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold)}.promotion-type-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.promotion-type-badge.free-shipping{background:#dcfce7;color:#166534}.promotion-type-badge.fixed-price{background:#dbeafe;color:#1e40af}.promotion-type-badge.reduced-threshold{background:#fef3c7;color:#92400e}.promotion-active-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-success);color:#fff}.promotion-actions{display:flex;align-items:center;gap:var(--space-2)}.promotion-details{padding:0 var(--space-4) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)}.promotion-detail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.promotion-detail svg{flex-shrink:0}.promotion-detail.banner{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-background-alt);border-radius:var(--radius-sm);font-style:italic}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);text-align:center}.empty-state-small svg{margin-bottom:var(--space-3);opacity:.5}.empty-state-small p{margin:0;font-size:var(--text-sm)}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{width:14px;height:14px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translateX(16px)}.modal.modal-lg{max-width:600px}.settings-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.payment-method-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.payment-method-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.payment-method-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-method-icon.stripe{background:#635bff;color:#fff}.payment-method-icon.bizum{background:#00b4e6;color:#fff}.payment-method-info{flex:1 1;min-width:0}.payment-method-info h3{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.payment-method-info p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.payment-method-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.payment-method-status.enabled{background:var(--color-success-light);color:var(--color-success)}.payment-method-config{padding:var(--space-4);padding-top:0;border-top:1px solid var(--color-border-light);margin-top:0}.payment-method-config .form-group{max-width:400px;margin-bottom:var(--space-4)}.payment-method-config .form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.bizum-info-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-background-alt);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.bizum-info-box svg{flex-shrink:0;color:var(--color-primary)}.bizum-info-box strong{display:block;margin-bottom:var(--space-2);color:var(--color-text)}.bizum-info-box ol{margin:0;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.bizum-info-box ol li{margin-bottom:var(--space-1)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:26px}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.users-list{display:flex;flex-direction:column;gap:var(--space-3)}.user-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-background-alt);border-radius:var(--radius-md)}.user-avatar,.user-card{display:flex;align-items:center}.user-avatar{width:48px;height:48px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);flex-shrink:0}.user-info{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-info strong{font-weight:var(--font-semibold);color:var(--color-text)}.user-info span,.user-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{font-size:var(--text-sm);color:var(--color-text-muted)}.user-actions{display:flex;gap:var(--space-2)}.user-actions .btn-sm{padding:var(--space-2)}.user-actions .btn-danger:hover{color:var(--color-error)}.settings-info-item code{font-family:monospace;font-size:var(--text-sm);color:var(--color-text);background:var(--color-background-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);word-break:break-all}@media (max-width:768px){.settings-tabs{padding:var(--space-1);gap:var(--space-1)}.settings-tab{flex:1 1;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.settings-tab span{display:none}.settings-section{padding:var(--space-4)}.settings-form .form-row{grid-template-columns:1fr}.settings-section-header{flex-direction:column;gap:var(--space-3)}.settings-section-header .btn{width:100%}.user-card{padding:var(--space-3)}.user-avatar{width:40px;height:40px;font-size:var(--text-base)}.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}}.admin-save-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-md)}@media (min-width:900px){.admin-save-bar{left:260px}}.admin-page-with-save-bar{padding-top:70px}.admin-save-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.admin-save-bar-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}.admin-save-bar-dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-save-bar-actions{display:flex;gap:var(--space-3)}.admin-save-bar .btn-primary{display:flex;align-items:center}.admin-save-bar .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.admin-save-bar{position:fixed;bottom:0;top:auto;left:0;right:0;margin:0;padding:var(--space-3) var(--space-4);border-bottom:none;border-top:1px solid var(--color-border-light);box-shadow:0 -4px 6px rgba(0,0,0,.1)}.admin-save-bar-info{display:none}.admin-save-bar-actions{width:100%;justify-content:stretch}.admin-save-bar-actions .btn{flex:1 1}.admin-page-with-save-bar{padding-top:0;padding-bottom:80px}}.hero-form-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.hero-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.hero-form-header h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.hero-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:600px){.hero-form .form-row{grid-template-columns:1fr}}.hero-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-alt);cursor:pointer;transition:all var(--transition-fast)}.hero-upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.hero-upload-zone svg{color:var(--color-text-muted)}.hero-upload-zone p{margin:0;font-weight:var(--font-medium);color:var(--color-text)}.hero-upload-zone span{font-size:var(--text-sm);color:var(--color-text-muted)}.hero-file-selected{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md)}.hero-file-selected svg{color:var(--color-success);flex-shrink:0}.hero-file-selected span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-preview{margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden;max-height:200px}.hero-preview img{width:100%;height:200px;object-fit:cover}.hero-slides-list{display:flex;flex-direction:column;gap:var(--space-4)}.hero-slide-card{display:grid;grid-template-columns:auto 120px 1fr auto auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.hero-slide-card.inactive{opacity:.6;background:var(--color-background-alt)}.hero-slide-order{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.order-number{color:var(--color-text-muted)}.hero-slide-image{width:120px;height:70px;border-radius:var(--radius-md);overflow:hidden}.hero-slide-image img{width:100%;height:100%;object-fit:cover}.hero-slide-content{min-width:0}.hero-slide-content h3{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--font-semibold)}.hero-slide-content .subtitle,.hero-slide-content h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-slide-content .subtitle{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.hero-slide-buttons-preview{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button-preview{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-background-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.hero-slide-status{display:flex;align-items:center}.status-toggle{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);background:var(--color-background-alt);color:var(--color-text-muted)}.status-toggle.active{background:var(--color-success-bg);color:var(--color-success)}.status-toggle:hover{opacity:.8}.hero-slide-actions{display:flex;gap:var(--space-2)}@media (max-width:900px){.hero-slide-card{grid-template-columns:1fr;gap:var(--space-3)}.hero-slide-order{flex-direction:row;justify-content:center}.hero-slide-image{width:100%;height:150px}.hero-slide-actions{justify-content:center}}.hero-info-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);margin-bottom:var(--space-6);color:var(--color-text)}.hero-info-banner svg{flex-shrink:0;color:var(--color-info);margin-top:2px}.hero-info-banner strong{display:block;margin-bottom:var(--space-1);font-weight:var(--font-semibold)}.hero-info-banner p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.hero-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.hero-image-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.hero-image-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.hero-image-card.inactive{opacity:.6;background:var(--color-background-alt)}.hero-image-card-order{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-background-alt);border-bottom:1px solid var(--color-border-light)}.hero-image-card-order .order-badge{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text-muted);min-width:24px;text-align:center}.hero-image-card-preview{position:relative;aspect-ratio:16/9;overflow:hidden}.hero-image-card-preview img{width:100%;height:100%;object-fit:cover}.hero-image-card-inactive-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.hero-image-card-inactive-overlay span{background:var(--color-warning);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.hero-image-card-actions{display:flex;justify-content:space-between;padding:var(--space-3);gap:var(--space-2)}.hero-image-card-actions .btn{flex:1 1}.hero-image-card-actions .btn-danger{flex:0 0 auto}.hero-image-card-info{padding:var(--space-3);border-top:1px solid var(--color-border-light);background:var(--color-background-alt)}.hero-image-card-info h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0;line-height:1.3}.hero-image-card-info p{font-size:var(--text-xs);color:var(--color-text-light);margin:0;line-height:1.4}.hero-slide-buttons-info{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.hero-slide-buttons-info .chip{font-size:10px;padding:2px 6px}.hero-preview-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.form-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.form-section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0}.orders-page{max-width:1200px}.orders-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.orders-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.orders-stats{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.stat-card.active{border-color:var(--color-primary);background:var(--color-primary-light)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.stat-icon.total{background:var(--color-background-alt);color:var(--color-text-muted)}.stat-icon.pending{background:var(--color-warning-bg);color:var(--color-warning)}.stat-icon.paid{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.ready{background:#fff3e0;color:#ff9800}.stat-icon.delivered{background:#e8f5e9;color:#2e7d32}.stat-icon.shipped{background:var(--color-info-bg);color:var(--color-info)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.orders-list{display:flex;flex-direction:column;gap:var(--space-3)}.order-card{display:block;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.order-card-id{display:flex;flex-direction:column;gap:var(--space-1)}.order-number{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text)}.order-date{font-size:var(--text-sm);color:var(--color-text-muted)}.order-status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.order-status-pill.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.order-status-pill.status-paid{background:var(--color-success-bg);color:var(--color-success)}.order-status-pill.status-shipped{background:var(--color-info-bg);color:var(--color-info)}.order-status-pill.status-cancelled{background:var(--color-error-bg);color:var(--color-error)}.order-card-body{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.order-customer{gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm)}.order-customer svg{color:var(--color-text-muted);flex-shrink:0}.order-items-count{font-size:var(--text-sm);color:var(--color-text-muted)}.order-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.order-total{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.order-action{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium)}.stat-card.highlight{border-color:var(--color-success);position:relative}.stat-badge{position:absolute;top:-8px;right:-8px;background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full)}.stat-badge.orange{background:#ff9800}.orders-toolbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.search-box{flex:1 1;min-width:280px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-input::placeholder{color:var(--color-text-muted)}.search-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.search-clear:hover{background:var(--color-background-alt);color:var(--color-text)}.toolbar-actions{display:flex;gap:var(--space-2);align-items:center}.toolbar-actions .btn{position:relative}.filter-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.filters-panel,.sort-select{background:var(--color-surface)}.filters-panel{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.active-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm)}.filter-tag button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:var(--text-lg);line-height:1;border-radius:50%}.filter-tag button:hover{background:rgba(0,0,0,.1)}.results-info{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.order-card.needs-action{border-left:3px solid var(--color-success)}.order-card.needs-action .order-action{color:var(--color-success);font-weight:var(--font-semibold)}.customer-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.customer-info{display:flex;flex-direction:column;min-width:0}.customer-name{font-weight:var(--font-medium);color:var(--color-text)}.customer-email,.customer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-email{font-size:var(--text-sm);color:var(--color-text-muted)}.order-customer{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1}.order-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.delivery-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:11px;font-weight:var(--font-medium);border-radius:var(--radius-full)}.delivery-type-badge.shipping{background:var(--color-info-bg);color:var(--color-info)}.delivery-type-badge.pickup{background:#f3e8ff;color:#7c3aed}@media (max-width:600px){.orders-toolbar{flex-direction:column}.search-box{min-width:100%}.toolbar-actions{justify-content:space-between;width:100%}.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination{justify-content:center;margin-top:var(--space-6);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination,.pagination-btn{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-secondary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-page{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover:not(.active){background:var(--color-primary-light);border-color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-ellipsis{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:640px){.pagination{flex-wrap:wrap;gap:var(--space-3)}.pagination-btn{padding:var(--space-2) var(--space-3)}.pagination-btn span{display:none}.pagination-prev{order:1}.pagination-pages{order:3;width:100%;justify-content:center}.pagination-next{order:2}}.admin-order-detail{padding:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.order-detail-header{gap:var(--space-3)}.order-detail-title{display:flex;align-items:center;gap:var(--space-3)}.order-detail-title h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0}.delivery-type-badge-lg{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full)}.delivery-type-badge-lg.shipping{background:var(--color-info-bg);color:var(--color-info)}.delivery-type-badge-lg.pickup{background:#f3e8ff;color:#7c3aed}.order-detail-date{color:var(--color-text-muted);font-size:var(--text-sm)}.order-detail-content{display:flex;flex-direction:column;gap:var(--space-6)}.order-detail-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.order-detail-section h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.order-items-list{display:flex;flex-direction:column;gap:var(--space-2)}.order-item-row{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.order-item-row.with-image{grid-template-columns:80px 1fr auto auto auto}.order-item-row:last-child{border-bottom:none}.order-item-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);flex-shrink:0;cursor:zoom-in;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--color-border-light)}.order-item-image:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.order-item-image img{width:100%;height:100%;object-fit:contain;padding:6px;background:var(--color-surface)}.order-item-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.order-item-info{display:flex;flex-direction:column;gap:var(--space-1)}.order-item-name{font-weight:var(--font-medium);color:var(--color-text)}.order-item-link{text-decoration:none;transition:color .2s ease}.order-item-link:hover{color:var(--color-primary);text-decoration:underline}.order-item-size{font-size:var(--text-sm)}.order-item-qty,.order-item-size{color:var(--color-text-muted)}.order-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.order-item-price .original-price{font-size:var(--text-xs);color:var(--color-text-light);text-decoration:line-through}.order-item-price .sale-price{color:var(--color-error)}.order-item-total{font-weight:var(--font-semibold);color:var(--color-text)}.order-totals{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.order-total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;color:var(--color-text-muted)}.order-total-row.total{padding-top:var(--space-3);margin-top:var(--space-2);border-top:2px solid var(--color-border);font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text)}.order-customer-info,.order-payment-info,.order-shipping-info{display:flex;flex-direction:column;gap:var(--space-2)}.info-row{display:flex;gap:var(--space-4)}.info-label{min-width:120px;color:var(--color-text-muted);font-size:var(--text-sm)}.info-value{color:var(--color-text)}.info-value code{font-family:monospace;font-size:var(--text-xs);background:var(--color-background-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.shipping-name{font-weight:var(--font-medium);margin:0}.order-shipping-info p{margin:0;color:var(--color-text)}.order-shipping-info.pickup-info{padding:var(--space-4);background:#f3e8ff;border-radius:var(--radius-lg)}.pickup-notice{display:flex;align-items:center;gap:var(--space-4);color:#7c3aed}.pickup-notice svg{flex-shrink:0}.pickup-title{font-weight:var(--font-semibold);margin:0;color:#7c3aed}.pickup-subtitle{font-size:var(--text-sm);margin:0;color:#7c3aed;opacity:.8}.order-detail-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;position:relative}.actions-loading-overlay{position:absolute;inset:-10px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius-lg);z-index:10;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.actions-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b54c4c}@media (max-width:768px){.order-item-row{grid-template-columns:1fr;gap:var(--space-2)}.order-item-price,.order-item-total{align-items:flex-start}.info-row{flex-direction:column;gap:var(--space-1)}.info-label{min-width:auto}}.legal-page{min-height:100vh;display:flex;flex-direction:column}.legal-page main{flex:1 1}.legal-breadcrumb{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--space-4) 0}.legal-breadcrumb .container{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.legal-breadcrumb a{color:var(--color-text-muted);transition:color var(--transition-fast)}.legal-breadcrumb a:hover{color:var(--color-primary)}.legal-breadcrumb span{color:var(--color-text)}.legal-content{padding:var(--space-12) 0}.legal-content .container{max-width:800px}.legal-article{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-sm)}.legal-header{text-align:center;margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light)}.legal-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--color-text)}.legal-last-updated{font-size:var(--text-sm);color:var(--color-text-muted)}.legal-body section{margin-bottom:var(--space-8)}.legal-body section:last-child{margin-bottom:0}.legal-body h2{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-text);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-light)}.legal-body h3{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-text)}.legal-body p{margin-bottom:var(--space-4);line-height:1.7;color:var(--color-text)}.legal-body ol,.legal-body ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-body li{margin-bottom:var(--space-2);line-height:1.6}.legal-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.legal-body a:hover{color:var(--color-secondary)}.legal-data-list{list-style:none;background:var(--color-background-alt);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-4)}.legal-data-list li{margin-bottom:var(--space-2);display:flex;gap:var(--space-2)}.legal-data-list li:last-child{margin-bottom:0}.legal-placeholder{background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium)}.legal-note{background:var(--color-info-bg);color:var(--color-info);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-4);border-left:3px solid var(--color-info)}.cookie-table-wrapper,.shipping-table-wrapper{overflow-x:auto;margin:var(--space-4) 0;border-radius:var(--radius-md);border:1px solid var(--color-border)}.cookie-table,.shipping-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cookie-table td,.cookie-table th,.shipping-table td,.shipping-table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.cookie-table th,.shipping-table th{background:var(--color-background-alt);font-weight:var(--font-semibold);color:var(--color-text)}.cookie-table tr:last-child td,.shipping-table tr:last-child td{border-bottom:none}.cookie-table td,.shipping-table td{color:var(--color-text)}.footer-link-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.footer-link-button:hover{color:var(--color-primary)}.footer-email-link{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;transition:color var(--transition-fast)}.footer-email-link:hover{color:var(--color-primary)}.footer-email-link svg{flex-shrink:0}@media (max-width:768px){.legal-article{padding:var(--space-6);border-radius:0}.legal-header h1{font-size:var(--text-2xl)}.legal-body h2{font-size:var(--text-lg)}.legal-body h3{font-size:var(--text-base)}.legal-data-list li{flex-direction:column;gap:var(--space-1)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);box-shadow:0 -4px 20px rgba(74,63,53,.15);z-index:var(--z-modal);border-top:1px solid var(--color-border)}.cookie-banner-content{max-width:1200px;margin:0 auto;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.cookie-banner-text{display:flex;align-items:flex-start;gap:var(--space-4);flex:1 1}.cookie-banner-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary)}.cookie-banner-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.cookie-banner-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.cookie-banner-description a{color:var(--color-primary);text-decoration:underline}.cookie-banner-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media (max-width:768px){.cookie-banner-content{flex-direction:column;align-items:stretch;padding:var(--space-4)}.cookie-banner-text{flex-direction:column;align-items:center;text-align:center}.cookie-banner-actions{flex-direction:column;width:100%}.cookie-banner-actions .btn{width:100%}}.cookie-config-modal{max-width:600px;width:90%}.cookie-config-intro{color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.cookie-config-options{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.cookie-option{background:var(--color-background-alt);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border-light)}.cookie-option-disabled{opacity:.6}.cookie-option-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.cookie-option-info h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--color-text)}.cookie-option-info p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.cookie-option-toggle{flex-shrink:0}.toggle-label{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-success-bg);color:var(--color-success)}.toggle-label.disabled{background:var(--color-border-light);color:var(--color-text-muted)}.cookie-config-note{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-3);background:var(--color-info-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-info)}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.order-detail-header-actions{display:flex;align-items:center;gap:var(--space-4)}.btn-print{display:flex;align-items:center;gap:var(--space-2)}.order-shipping-info.no-data{background:var(--color-warning-bg);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.no-shipping-data{display:flex;align-items:center;gap:var(--space-2);color:var(--color-warning);font-size:var(--text-sm);margin:0}.no-shipping-data svg{flex-shrink:0}.order-shipping-info.no-data{display:flex;flex-direction:column;gap:var(--space-3)}.sync-shipping-btn{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:var(--space-2)}@media print{.admin-mobile-header,.admin-sidebar,.back-link,.btn-print,.cookie-banner,.order-detail-actions,.order-detail-header-actions button,footer,nav{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt!important;line-height:1.5!important}.admin-layout{display:block!important}.admin-main{margin-left:0!important;padding:0!important;background:#fff!important}.admin-order-detail{max-width:100%!important;margin:0!important;padding:0!important}.order-detail-header{border-bottom:2px solid #333!important;padding-bottom:var(--space-4)!important;margin-bottom:var(--space-4)!important}.order-detail-title h1{font-size:18pt!important;margin-bottom:var(--space-2)!important}.order-status-badge{border:1px solid!important;background:transparent!important}.order-detail-date{font-size:10pt!important}.order-detail-section{page-break-inside:avoid!important;border:1px solid #ddd!important;padding:var(--space-4)!important;margin-bottom:var(--space-4)!important;background:#fff!important}.order-detail-section h2{font-size:12pt!important;border-bottom:1px solid #ddd!important;padding-bottom:var(--space-2)!important;margin-bottom:var(--space-3)!important}.order-items-list{border:1px solid #ddd!important}.order-item-row{border-bottom:1px solid #eee!important;padding:var(--space-2)!important;page-break-inside:avoid!important}.order-item-name{font-weight:700!important}.order-totals{background:#f5f5f5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #ddd!important;padding:var(--space-3)!important;margin-top:var(--space-3)!important}.order-total-row.total{font-size:14pt!important;font-weight:700!important;border-top:2px solid #333!important;padding-top:var(--space-2)!important;margin-top:var(--space-2)!important}.order-customer-info,.order-shipping-info{line-height:1.6!important}.shipping-name{font-weight:700!important;font-size:11pt!important}.info-row{display:flex!important;margin-bottom:var(--space-1)!important}.info-label{font-weight:700!important;min-width:120px!important}.order-payment-info code{font-family:monospace!important;font-size:8pt!important;word-break:break-all!important}.order-shipping-info.no-data{background:#fffbe6!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.admin-order-detail:before{content:"LEONCETES - Detalle de Pedido";display:block!important;font-size:14pt!important;font-weight:700!important;text-align:center!important;margin-bottom:var(--space-4)!important;padding-bottom:var(--space-2)!important;border-bottom:2px solid #333!important}@page{size:A4;margin:15mm}}.admin-sidebar-actions{display:flex;align-items:center;gap:var(--space-2)}.notification-bell-container{position:relative}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-bell-btn:hover{background:var(--color-border-light);color:var(--color-text)}.notification-bell-btn.has-unread{color:var(--color-primary)}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);padding:0 4px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;bottom:100%;left:0;width:320px;max-height:400px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);overflow:hidden;z-index:var(--z-dropdown);margin-bottom:var(--space-2)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-background-alt)}.notification-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0;color:var(--color-text)}.mark-all-read-btn{background:none;border:none;font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mark-all-read-btn:hover{background:var(--color-primary-light)}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:320px;overflow-y:auto}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.notification-empty svg{margin-bottom:var(--space-2);opacity:.5}.notification-empty p{margin:0;font-size:var(--text-sm)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:1px solid var(--color-border-light);text-align:left;cursor:pointer;transition:background var(--transition-fast);position:relative}.notification-item:hover{background:var(--color-background-alt)}.notification-item.unread{background:var(--color-primary-light)}.notification-item.unread:hover{background:#f0d4c8}.notification-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.notification-icon,.notification-icon-new_order{background:var(--color-success-bg);color:var(--color-success)}.notification-icon-low_stock{background:var(--color-warning-bg);color:var(--color-warning)}.notification-icon-order_cancelled{background:var(--color-error-bg);color:var(--color-error)}.notification-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.notification-message{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:var(--text-xs);color:var(--color-text-light)}.notification-dot{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full)}@media (max-width:899px){.notification-dropdown{position:fixed;bottom:auto;top:60px;left:var(--space-4);right:var(--space-4);width:auto;max-height:calc(100vh - 100px)}}.whatsapp-float{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3)}.whatsapp-float-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#25d366;border-radius:var(--radius-full);color:#fff;box-shadow:0 4px 12px rgba(37,211,102,.4);transition:all var(--transition-base);cursor:pointer}.whatsapp-float-button:hover{background:#20ba5c;transform:scale(1.05);box-shadow:0 6px 16px rgba(37,211,102,.5)}.whatsapp-float-button:active{transform:scale(.98)}.whatsapp-float-button svg{width:28px;height:28px}.whatsapp-float-tooltip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;box-shadow:var(--shadow-lg);pointer-events:none}.whatsapp-float-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent var(--color-surface)}@media (max-width:599px){.whatsapp-float{bottom:var(--space-4);right:var(--space-4)}.whatsapp-float-button{width:50px;height:50px}.whatsapp-float-button svg{width:24px;height:24px}.whatsapp-float-tooltip{right:60px;font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}