@import"https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";:root{--lavender-50: #F1EFFB;--lavender-100: #DDD8F5;--lavender-200: #BFB3ED;--lavender-300: #A593E5;--lavender-400: #9781E0;--lavender-500: #8467D9;--lavender-600: #704ACE;--lavender-700: #4e16a8;--lavender-800: #291363;--white: #ffffff;--black: #1a1a1a;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-600: #525252;--gray-800: #262626;--font-family: "Bitter", serif;--font-title: "Bitter", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(132, 103, 217, .1);--shadow-md: 0 4px 8px rgba(132, 103, 217, .15);--shadow-lg: 0 8px 16px rgba(132, 103, 217, .2);--transition-fast: .2s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-weight:400;font-style:italic;line-height:1.6;color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--lavender-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--lavender-700)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}button:focus,button:focus-visible{outline:2px solid var(--lavender-400);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 640px){.container{padding:0 var(--spacing-md)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-lg)}}.header{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(139,92,246,.1)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-image{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--lavender-200);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.clickable-logo{cursor:pointer}.clickable-logo:hover{transform:scale(1.1);border-color:var(--lavender-400);box-shadow:var(--shadow-md)}.logo h1{font-family:var(--font-title);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--lavender-700);margin:0}.nav-desktop{display:none}.nav-list{display:flex;list-style:none;gap:var(--spacing-md);margin:0}.nav-item{background:none;color:var(--gray-600);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.nav-item:hover{color:var(--lavender-600);background:var(--lavender-50)}.nav-item.active{color:var(--lavender-700);background:var(--lavender-100)}.admin-section{display:none}.admin-login-btn{background:var(--lavender-600);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);font-weight:500;border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.admin-login-btn:hover{background:var(--lavender-700)}.mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;padding:var(--spacing-xs)}.mobile-menu-toggle span{width:24px;height:2px;background:var(--gray-600);transition:all var(--transition-fast)}.nav-mobile{position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-mobile.open{transform:translateY(0);opacity:1;visibility:visible}.nav-list-mobile{list-style:none;padding:var(--spacing-sm) 0;margin:0}.nav-item-mobile{display:block;width:100%;background:none;color:var(--gray-600);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast)}.nav-item-mobile:hover{color:var(--lavender-600);background:var(--lavender-50)}.nav-item-mobile.active{color:var(--lavender-700);background:var(--lavender-100)}.admin-mobile-btn{background:var(--lavender-600)!important;color:var(--white)!important;font-weight:600;margin-top:var(--spacing-sm);border-radius:var(--border-radius-sm)}.admin-mobile-btn:hover{background:var(--lavender-700)!important;color:var(--white)!important}@media (min-width: 768px){.nav-desktop,.admin-section{display:block}.mobile-menu-toggle,.nav-mobile{display:none}.logo h1{font-size:1.75rem}.logo-image{width:36px;height:36px}}@media (min-width: 1024px){.logo h1{font-size:2rem}.logo-image{width:40px;height:40px}}.logo-modal-backdrop{position:fixed!important;inset:0!important;background:#000000f2!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:var(--spacing-xl)!important;animation:fadeIn .3s ease!important;overflow:auto!important;width:100vw!important;height:100vh!important;isolation:isolate!important}.logo-modal-container{position:relative!important;animation:scaleIn .3s ease!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:100000!important}.logo-modal-close{position:absolute!important;top:-15px!important;right:-15px!important;background:#000000e6!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;z-index:100002!important;transition:all var(--transition-fast)!important;border:2px solid white!important;cursor:pointer!important}.logo-modal-close:hover{background:#000!important;transform:scale(1.1)!important}.logo-modal-close{pointer-events:auto!important;visibility:visible!important;opacity:1!important}.logo-modal-image{max-width:70vw!important;max-height:70vh!important;width:auto!important;height:auto!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 20px 40px #00000080!important;object-fit:contain!important;z-index:100000!important;position:relative!important}.logo-modal-backdrop *{z-index:inherit!important}body:has(.logo-modal-backdrop){overflow:hidden!important}.logo-modal-backdrop{transform:translateZ(0)!important;will-change:transform!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.product-card{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .4s ease;position:relative;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;width:100%;height:280px;overflow:hidden;background:var(--lavender-50)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{position:absolute;inset:0;background:#8467d9e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-overlay{opacity:1}.view-details-btn{background:var(--white);color:var(--lavender-700);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);transform:translateY(10px);opacity:0}.product-card:hover .view-details-btn{transform:translateY(0);opacity:1}.view-details-btn:hover{background:var(--lavender-50);transform:scale(1.05)}.product-info{padding:var(--spacing-md)}.product-name{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.product-category{font-size:.875rem;color:var(--gray-600);margin:0 0 var(--spacing-sm) 0;text-transform:capitalize}.product-price-container{display:flex;align-items:center;justify-content:space-between}.product-price{font-size:1.25rem;font-weight:700;color:var(--lavender-700)}@media (max-width: 640px){.product-image-container{height:240px}.product-info{padding:var(--spacing-sm)}.product-name{font-size:1rem}.product-price{font-size:1.1rem}}@media (min-width: 768px){.product-image-container{height:320px}}@media (min-width: 1024px){.product-image-container{height:300px}}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(5){animation-delay:.5s}.product-card:nth-child(6){animation-delay:.6s}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-sm);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--gray-200);color:var(--gray-600);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;z-index:10;transition:all var(--transition-fast)}.modal-close:hover{background:var(--lavender-200);color:var(--lavender-700);transform:scale(1.1)}.modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.modal-image-section{width:100%;height:300px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--lavender-50);display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-container{position:relative;flex:1;overflow:hidden;border-radius:var(--border-radius-md);background:var(--gray-100)}.modal-image{width:100%;height:100%;object-fit:cover}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-400);font-size:3rem}.no-image-placeholder p{margin:var(--spacing-sm) 0 0 0;font-size:1rem;color:var(--gray-500)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);z-index:10}.image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.prev-btn{left:var(--spacing-sm)}.next-btn{right:var(--spacing-sm)}.image-counter{position:absolute;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.image-thumbnails{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--gray-50);border-radius:var(--border-radius-md);overflow-x:auto;max-height:80px}.image-thumbnails::-webkit-scrollbar{height:4px}.image-thumbnails::-webkit-scrollbar-track{background:var(--gray-200);border-radius:2px}.image-thumbnails::-webkit-scrollbar-thumb{background:var(--lavender-300);border-radius:2px}.thumbnail{flex-shrink:0;width:60px;height:60px;border-radius:var(--border-radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.thumbnail:hover{border-color:var(--lavender-300);transform:scale(1.05)}.thumbnail.active{border-color:var(--lavender-600);box-shadow:0 0 0 2px #8467d933}.thumbnail img{width:100%;height:100%;object-fit:cover}.modal-info-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-title{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin:0;line-height:1.2}.modal-category{font-size:.875rem;color:var(--gray-600);text-transform:capitalize;background:var(--lavender-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);width:fit-content}.modal-price-section{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-200)}.modal-price{font-size:2rem;font-weight:700;color:var(--lavender-700)}.modal-description,.modal-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-description h3,.modal-details h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0}.modal-description p{color:var(--gray-600);line-height:1.6;margin:0}.details-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item strong{color:var(--gray-800);font-weight:600;font-size:.9rem}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-tag{background:var(--lavender-100);color:var(--lavender-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;border:1px solid var(--lavender-200)}.detail-value{color:var(--gray-600);font-size:.9rem}.detail-value.available{color:#059669;font-weight:600}.details-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.details-list li{color:var(--gray-600);padding:var(--spacing-xs) 0}.details-list strong{color:var(--gray-800);font-weight:600}.modal-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.contact-btn{flex:1;background:#25d366;color:var(--white);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:1rem}.contact-btn:hover{background:#128c7e;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.contact-btn:active{transform:translateY(0)}.close-btn{background:var(--gray-200);color:var(--gray-600);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.close-btn:hover{background:var(--gray-300);color:var(--gray-700)}@media (min-width: 768px){.modal-content{flex-direction:row;padding:var(--spacing-xl)}.modal-image-section{width:50%;height:450px;flex-shrink:0}.modal-info-section{width:50%;padding-left:var(--spacing-lg)}.modal-title{font-size:2rem}.modal-price{font-size:2.25rem}.image-thumbnails{max-height:100px}.thumbnail{width:80px;height:80px}}@media (min-width: 1024px){.modal-container{max-width:1000px}.modal-image-section{height:500px}.modal-title{font-size:2.25rem}.image-thumbnails{max-height:120px}.thumbnail{width:100px;height:100px}}.footer{background:linear-gradient(135deg,#381194,#6366f1,#1b51a8);color:var(--white);margin-top:var(--spacing-2xl);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#21016de6,#300f8be6,#3a1088e6);z-index:1}.footer>*{position:relative;z-index:2}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 0;animation:fadeInUp .8s ease-out}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title{font-family:var(--font-title);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--white);margin:0}.footer-subtitle{font-size:1.1rem;font-weight:600;color:var(--lavender-200);margin:0}.footer-description{color:var(--lavender-200);line-height:1.6;margin:0}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-label{font-weight:600;color:var(--lavender-300);font-size:.875rem}.contact-values{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-value{color:var(--white);font-size:.875rem}.social-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--lavender-200);transition:all .3s ease;font-size:.875rem;padding:var(--spacing-xs) 0;border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{color:var(--white);transform:translate(4px)}.social-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.social-link:hover .social-icon{transform:scale(1.1)}.social-link.facebook:hover{color:#1877f2}.social-link.instagram:hover{color:#e4405f}.social-link.whatsapp:hover{color:#25d366}.category-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-link{background:none;border:none;color:var(--lavender-200);transition:color var(--transition-fast);font-size:.875rem;cursor:pointer;font-family:inherit}.category-link:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--lavender-700);padding:var(--spacing-lg) 0}.footer-bottom-content{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;text-align:center}.copyright{color:var(--lavender-200);font-size:.875rem;margin:0}.footer-links{display:flex;gap:var(--spacing-md)}.footer-link{color:var(--lavender-200);font-size:.875rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--white)}@media (min-width: 640px){.footer-content{grid-template-columns:repeat(3,1fr)}.contact-item{flex-direction:row;align-items:flex-start;gap:var(--spacing-sm)}.contact-label{min-width:100px}.contact-values,.social-links,.category-links{flex-direction:row;gap:var(--spacing-md)}}@media (min-width: 768px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-categories{display:none}}@media (min-width: 1024px){.footer-title{font-size:1.75rem}.footer-subtitle{font-size:1.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-link{transition:all .3s ease;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.category-link:hover{background:#ffffff1a;transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer-section:nth-child(1){animation:fadeInUp .8s ease-out .1s both}.footer-section:nth-child(2){animation:fadeInUp .8s ease-out .2s both}.footer-section:nth-child(3){animation:fadeInUp .8s ease-out .3s both}.footer-section:nth-child(4){animation:fadeInUp .8s ease-out .4s both}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lavender-50) 0%,var(--lavender-100) 100%);padding:var(--spacing-lg)}.login-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:400px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-family:var(--font-title);font-size:2rem;font-weight:700;font-style:italic;color:var(--lavender-700);margin:0 0 var(--spacing-sm) 0}.login-subtitle{color:var(--gray-600);font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;transition:all var(--transition-fast);background:var(--white)}.form-input:focus{outline:none;border-color:var(--lavender-500);box-shadow:0 0 0 3px #8467d91a}.form-input:disabled{background:var(--gray-100);cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.875rem;border:1px solid #fecaca}.login-btn{background:var(--lavender-600);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.login-btn:hover:not(:disabled){background:var(--lavender-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:var(--spacing-xl);text-align:center}.demo-credentials{background:var(--lavender-100);color:var(--lavender-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.875rem;margin:0;border:1px solid var(--lavender-200)}@media (max-width: 640px){.admin-login{padding:var(--spacing-md)}.login-container{padding:var(--spacing-xl)}.login-title{font-size:1.75rem}}@media (min-width: 768px){.login-container{padding:var(--spacing-2xl) var(--spacing-xl)}.login-title{font-size:2.25rem}}.admin-layout{min-height:100vh;background:var(--lavender-50);display:flex;flex-direction:column}.admin-header{background:var(--white);box-shadow:var(--shadow-sm);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--lavender-200)}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.back-to-store-btn{background:var(--lavender-100);color:var(--lavender-700);border:1px solid var(--lavender-300);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.back-to-store-btn:hover{background:var(--lavender-200);border-color:var(--lavender-400)}.page-title{font-family:var(--font-title);font-size:1.25rem;font-weight:700;font-style:italic;color:var(--lavender-700);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categories-btn{background:#3b82f6;color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.categories-btn:hover{background:#2563eb}.add-product-btn{background:var(--lavender-600);color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.logout-btn{background:#ef4444;color:var(--white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.logout-btn:hover{background:#dc2626}.admin-content{flex:1;padding:var(--spacing-md);background:var(--lavender-50);overflow-x:auto}@media (max-width: 768px){.admin-header{padding:var(--spacing-sm);flex-direction:column;gap:var(--spacing-md)}.header-left{width:100%;justify-content:space-between;gap:var(--spacing-sm);order:1}.header-right{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm);order:2}.page-title{font-size:1.25rem;flex:1;text-align:center}.back-to-store-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;white-space:nowrap;justify-self:start}.categories-btn,.logout-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;justify-content:center;min-width:0;flex:1;max-width:none}.add-product-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;justify-content:center;min-width:0;flex:1;max-width:none}.add-product-btn .btn-text{display:none}.admin-content{padding:var(--spacing-sm)}}@media (max-width: 480px){.admin-header{padding:var(--spacing-sm);gap:var(--spacing-xs)}.header-right{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs)}.page-title{font-size:1.125rem}.back-to-store-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.categories-btn,.logout-btn{font-size:.7rem;padding:var(--spacing-xs);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:none}.add-product-btn{font-size:.65rem;padding:var(--spacing-xs);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:none}.admin-content{padding:var(--spacing-xs)}}@media (min-width: 769px) and (max-width: 1024px){.admin-header{padding:var(--spacing-sm) var(--spacing-lg)}.page-title{font-size:1.375rem}.add-product-btn .btn-text{display:inline}.admin-content{padding:var(--spacing-lg)}}@media (min-width: 1025px){.admin-header{padding:var(--spacing-md) var(--spacing-xl)}.page-title{font-size:1.5rem}.add-product-btn .btn-text{display:inline}.admin-content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}}.admin-dashboard{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:4px solid var(--lavender-200);border-top:4px solid var(--lavender-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.stat-card{background:var(--white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-md);transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--lavender-100);border-radius:var(--border-radius-md);color:var(--lavender-600)}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--lavender-700);margin:0 0 var(--spacing-xs) 0}.stat-label{color:var(--gray-600);font-size:.9rem;margin:0}.products-section{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.section-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0}.add-product-btn{background:var(--lavender-600);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.add-product-btn:hover{background:var(--lavender-700)}.products-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table{width:100%;border-collapse:collapse;min-width:800px}.products-table th{background:var(--lavender-50);color:var(--gray-700);font-weight:600;padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--gray-200);font-size:.875rem}.products-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-100);vertical-align:middle}.products-table tr:hover{background:var(--lavender-50)}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:var(--border-radius-sm)}.product-info{min-width:200px;position:relative}.product-name{font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-xs) 0;font-size:.9rem}.product-description{color:var(--gray-600);font-size:.8rem;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.4em;cursor:help;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.description-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--gray-800);color:var(--white);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;line-height:1.4;z-index:1000;box-shadow:var(--shadow-md);white-space:normal;word-wrap:break-word;word-break:break-word;max-width:300px;margin-bottom:var(--spacing-xs);text-align:left;-webkit-hyphens:auto;hyphens:auto}.description-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--gray-800)}.product-price{font-weight:600;color:var(--lavender-700);font-size:.9rem}.product-category{background:var(--lavender-100);color:var(--lavender-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500}.product-sizes,.product-colors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.size-tag,.color-tag{background:var(--gray-100);color:var(--gray-700);padding:2px var(--spacing-xs);border-radius:4px;font-size:.75rem;font-weight:500}.action-buttons{display:flex;gap:var(--spacing-xs)}.edit-btn,.delete-btn{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.edit-btn:hover{background:var(--lavender-100);color:var(--lavender-700);transform:scale(1.1)}.delete-btn:hover{background:#fee2e2;color:var(--red-600);transform:scale(1.1)}@media (max-width: 480px){.admin-dashboard{gap:var(--spacing-md)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.stat-icon{width:50px;height:50px}.stat-value{font-size:1.5rem}.section-header{padding:var(--spacing-sm)}.section-title{font-size:1.125rem}.products-table{min-width:700px}.products-table th,.products-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.product-thumbnail{width:35px;height:35px}.product-info{min-width:180px;max-width:250px}.description-tooltip{max-width:250px;font-size:.7rem;padding:var(--spacing-xs)}.product-name{font-size:.8rem}.product-description{font-size:.7rem;-webkit-line-clamp:5;max-height:5.5em;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.description-tooltip{max-width:250px;font-size:.65rem;padding:var(--spacing-xs);left:50%;transform:translate(-50%);right:auto;word-break:break-word;line-height:1.3}.product-price{font-size:.8rem}.product-category{font-size:.7rem;padding:2px var(--spacing-xs)}.size-tag,.color-tag{font-size:.65rem;padding:1px 4px}.action-buttons{gap:2px}.edit-btn,.delete-btn{padding:4px}}@media (min-width: 481px) and (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-icon{width:55px;height:55px}.section-header{padding:var(--spacing-sm) var(--spacing-md)}.products-table{min-width:750px}.products-table th,.products-table td{padding:var(--spacing-sm);font-size:.8rem}.product-thumbnail{width:45px;height:45px}.product-info{min-width:180px;max-width:280px}.description-tooltip{max-width:280px;font-size:.75rem}}@media (min-width: 769px){.stats-grid{grid-template-columns:repeat(3,1fr)}.admin-dashboard{gap:var(--spacing-xl)}.stat-card{padding:var(--spacing-lg)}.stat-icon{width:60px;height:60px}.stat-value{font-size:1.75rem}.section-header{padding:var(--spacing-md) var(--spacing-lg)}.section-title{font-size:1.25rem}.products-table th,.products-table td{padding:var(--spacing-md);font-size:.875rem}.product-thumbnail{width:50px;height:50px}.product-info{min-width:200px}}.product-form{max-width:1000px;margin:0 auto}.form-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.form-title{font-family:var(--font-title);font-size:1.75rem;font-weight:700;font-style:italic;color:var(--lavender-700);margin:0}.back-btn{background:var(--gray-200);color:var(--gray-700);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-family:inherit;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:var(--gray-300);transform:translate(-2px)}.product-form-content{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);animation:fadeInUp .6s ease-out}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeInUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both}.section-title{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--lavender-200)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:600;color:var(--gray-800);font-size:.9rem}.form-input,.form-select,.form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;transition:all var(--transition-fast);background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--lavender-500);box-shadow:0 0 0 3px #8467d91a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--gray-100);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--spacing-sm);max-height:300px;overflow-y:auto;padding:var(--spacing-sm);border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);background:var(--gray-50)}.checkbox-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb{background:var(--lavender-300);border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb:hover{background:var(--lavender-400)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all .3s ease;background:var(--white);border:1px solid transparent;position:relative;overflow:hidden}.checkbox-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(132,103,217,.1),transparent);transition:left .5s ease}.checkbox-label:hover:before{left:100%}.checkbox-label:hover{background:var(--lavender-50);border-color:var(--lavender-200);transform:translateY(-1px);box-shadow:0 2px 8px #8467d926}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--lavender-600);transition:all .3s ease}.checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}.checkbox-text{font-size:.85rem;color:var(--gray-700);-webkit-user-select:none;user-select:none;font-weight:500;transition:color .3s ease}.checkbox-label:hover .checkbox-text{color:var(--lavender-700)}.error-message{background:#fee2e2;color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.875rem;border:1px solid #fecaca;margin-bottom:var(--spacing-lg)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200);margin-top:var(--spacing-xl)}.cancel-btn{background:var(--gray-200);color:var(--gray-700);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.cancel-btn:hover:not(:disabled){background:var(--gray-300)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background:var(--lavender-600);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--lavender-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.image-preview{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.preview-image{max-width:200px;max-height:200px;object-fit:cover;border-radius:var(--border-radius-sm);border:2px solid var(--gray-200);box-shadow:var(--shadow-sm)}.images-preview{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--gray-200)}.images-preview h4{margin:0 0 var(--spacing-md) 0;color:var(--gray-700);font-size:.9rem;font-weight:600}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg);max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.images-grid::-webkit-scrollbar{width:6px}.images-grid::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.images-grid::-webkit-scrollbar-thumb{background:var(--lavender-300);border-radius:3px}.image-preview-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.image-preview-item .preview-image{max-width:120px;max-height:120px;width:100%;height:120px;object-fit:cover;border-radius:var(--border-radius-sm);border:2px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.image-preview-item:hover .preview-image{border-color:var(--lavender-400);transform:scale(1.05)}.remove-image-btn{position:absolute;top:-15px;right:-15px;width:32px;height:32px;border-radius:50%;background:#dc2626;color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:10}.remove-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.image-number{font-size:.75rem;color:var(--gray-600);background:var(--white);padding:2px 6px;border-radius:10px;border:1px solid var(--gray-200);font-weight:500}.form-help{font-size:.8rem;color:var(--gray-500);margin-top:var(--spacing-xs);font-style:italic}.image-upload-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--lavender-100);color:var(--lavender-700);border:2px dashed var(--lavender-300);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:500;text-align:center}.upload-btn:hover:not(:disabled){background:var(--lavender-200);border-color:var(--lavender-400);transform:translateY(-1px)}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-icon{font-size:1.2rem}.hidden-input{display:none}.or-divider{display:flex;align-items:center;justify-content:center;position:relative;margin:var(--spacing-sm) 0}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-300);z-index:1}.or-divider span{background:var(--white);color:var(--gray-500);padding:0 var(--spacing-sm);font-size:.9rem;z-index:2;position:relative}@media (min-width: 768px){.form-grid{grid-template-columns:2fr 1fr}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 640px){.form-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.back-btn{align-self:flex-start}.product-form-content{padding:var(--spacing-lg)}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.image-preview-item{margin:var(--spacing-sm)}.image-preview-item .preview-image{max-width:100px;max-height:100px;height:100px;width:100px}.remove-image-btn{top:-18px;right:-18px;width:36px;height:36px;font-size:20px;font-weight:700}.image-number{font-size:.7rem;padding:2px 6px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.form-input,.form-select,.form-textarea{transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{transform:translateY(-1px);box-shadow:0 4px 12px #8467d926}.category-manager{max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl)}.category-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-family:var(--font-title);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--lavender-700);margin:0}.back-btn{background:var(--lavender-100);color:var(--lavender-700);border:1px solid var(--lavender-300);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:var(--lavender-200);border-color:var(--lavender-400)}.add-category-section{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.section-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.category-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-weight:500;color:var(--gray-700);font-size:.9rem}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:.9rem;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--lavender-500);box-shadow:0 0 0 3px #8b5cf61a}.submit-btn{background:var(--lavender-600);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);align-self:flex-start}.submit-btn:hover:not(:disabled){background:var(--lavender-700)}.submit-btn:disabled{background:var(--gray-400);cursor:not-allowed}.categories-section{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.category-card{background:var(--lavender-50);border:1px solid var(--lavender-200);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--lavender-300)}.category-info{flex:1}.category-name{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 var(--spacing-xs) 0}.category-count{font-size:.85rem;color:var(--gray-600);margin:0}.category-actions{display:flex;gap:var(--spacing-xs)}.delete-category-btn{background:#dc2626;color:var(--white);border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #dc262633}.delete-category-btn:hover{background:#b91c1c;transform:scale(1.1);box-shadow:0 4px 8px #dc26264d}.delete-category-btn:active{transform:scale(.95)}@media (max-width: 768px){.category-manager{gap:var(--spacing-lg)}.category-header{flex-direction:column;align-items:stretch}.page-title{font-size:1.25rem;text-align:center}.back-btn{align-self:center}.add-category-section,.categories-section{padding:var(--spacing-lg)}.section-title{font-size:1.125rem}.categories-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.category-card{padding:var(--spacing-md)}.category-name{font-size:1rem}}@media (max-width: 480px){.category-manager{gap:var(--spacing-md)}.add-category-section,.categories-section{padding:var(--spacing-md)}.section-title{font-size:1rem}.category-form{gap:var(--spacing-md)}.submit-btn{align-self:stretch}.category-card{padding:var(--spacing-sm)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-xl) 0}.catalog-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.catalog-header{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeInUp .6s ease-out}.catalog-title{font-size:2rem;font-weight:700;color:var(--gray-800);margin:0}.catalog-subtitle{font-size:1.1rem;color:var(--gray-600);max-width:600px;margin:0 auto}.products-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);justify-items:center;animation:fadeInUp .6s ease-out .3s both}.no-products{text-align:center;padding:var(--spacing-2xl);color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:4px solid var(--lavender-200);border-top:4px solid var(--lavender-600);border-radius:50%;animation:spin 1s linear infinite;margin:var(--spacing-2xl) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-products p{font-size:1.1rem;margin:0}@media (min-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr)}.catalog-title{font-size:2.25rem}}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(3,1fr)}.catalog-title{font-size:2.5rem}.main-content{padding:var(--spacing-2xl) 0}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(4,1fr)}.catalog-title{font-size:2.75rem}}@media (min-width: 1280px){.products-grid{grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto}}