.header{z-index:1000;background:#fff;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.header-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px;display:block}.logo-wordmark{color:#020617;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:900}.logo-wordmark span{color:#ff7a59}@media (max-width:1024px){.logo-img{width:36px;height:36px}}@media (max-width:768px){.logo-img{width:32px;height:32px}.logo-wordmark{font-size:1.1rem}}.desktop-nav{gap:2rem;display:flex}.desktop-nav a{color:#333;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex}.desktop-nav a:hover{color:#3498db}.header-icons{align-items:center;gap:1.5rem;display:flex}.cart-icon,.wishlist-icon,.user-icon{color:#333;font-size:1.2rem;text-decoration:none;position:relative}.cart-badge{color:#fff;background:#e74c3c;border-radius:50%;padding:2px 6px;font-size:.7rem;position:absolute;top:-8px;right:-12px}.login-btn{color:#fff;background:#3498db;border-radius:5px;padding:.5rem 1rem;text-decoration:none}.admin-btn{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;display:flex}.logout-btn{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:.3rem .8rem}.hamburger{cursor:pointer;color:#333;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu{z-index:999;background:#fff;width:80%;max-width:300px;height:calc(100vh - 70px);transition:left .3s;position:fixed;top:70px;left:-100%;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.mobile-menu.open{left:0}.mobile-nav{flex-direction:column;padding:1rem;display:flex}.mobile-nav a{color:#333;border-bottom:1px solid #f0f0f0;padding:1rem;text-decoration:none;transition:background .3s}.mobile-nav a:hover{background:#f5f5f5}@media (max-width:768px){.desktop-nav{display:none}.hamburger{display:block}.header-container{padding:.8rem 1rem}.login-btn,.admin-btn{padding:.3rem .8rem;font-size:.9rem}.user-menu{align-items:center;gap:.5rem;display:flex}}@media (max-width:480px){.logo{font-size:1.2rem}.header-icons{gap:.8rem}.admin-btn span{display:none}}.footer{color:#fff;background:#2c3e50;margin-top:4rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:3rem 2rem;display:grid}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-logo{border-radius:50%;width:150px;height:auto;margin-bottom:1rem;display:block}@media (max-width:1024px){.footer-logo{width:120px}}@media (max-width:768px){.footer-logo{width:100px;margin:0 auto 1rem}}.footer-section p{opacity:.8;line-height:1.6}.footer-section a{color:#fff;opacity:.8;margin-bottom:.5rem;text-decoration:none;transition:opacity .3s;display:block}.footer-section a:hover{opacity:1}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{font-size:1.2rem;display:inline-flex}.footer-bottom{text-align:center;opacity:.7;border-top:1px solid #ffffff1a;padding:1.5rem;font-size:.9rem}@media (max-width:768px){.footer-container{text-align:center;grid-template-columns:1fr}.social-links{justify-content:center}}.cookie-banner{color:#fff;z-index:1000;background:#2c3e50;padding:1rem;animation:.5s slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.cookie-content a{color:#3498db;text-decoration:none}.cookie-content a:hover{text-decoration:underline}.cookie-buttons{gap:1rem;display:flex}.cookie-accept{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;padding:.5rem 1rem}.cookie-reject{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:.5rem 1rem}@media (max-width:768px){.cookie-content{text-align:center;flex-direction:column}}.chatbot-wrapper{z-index:1000;font-family:Inter,sans-serif;position:fixed;bottom:30px;right:30px}.chatbot-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2c3e50);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0003}.chatbot-toggle:hover{transform:scale(1.1)}.chatbot-window{background:#fff;border-radius:16px;flex-direction:column;width:350px;height:500px;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 5px 25px #00000026}.chatbot-header{color:#fff;background:linear-gradient(135deg,#3498db,#2c3e50);justify-content:space-between;align-items:center;padding:1rem;display:flex}.chatbot-title{align-items:center;gap:.5rem;font-weight:600;display:flex}.close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.close-btn:hover{opacity:1}.chatbot-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.message-bubble{border-radius:15px;max-width:80%;padding:.8rem 1rem;font-size:.95rem;line-height:1.4}.message-bubble.bot{color:#2c3e50;background:#fff;border-bottom-left-radius:5px;align-self:flex-start;box-shadow:0 2px 5px #0000000d}.message-bubble.user{color:#fff;background:#3498db;border-bottom-right-radius:5px;align-self:flex-end}.message-bubble.typing span{margin:0 1px;animation:1.4s infinite typing;display:inline-block}.message-bubble.typing span:nth-child(2){animation-delay:.2s}.message-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.chatbot-input-area{background:#fff;border-top:1px solid #eee;padding:1rem;display:flex}.chatbot-input-area input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:.8rem}.chatbot-input-area button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:.5rem;transition:background .3s;display:flex}.chatbot-input-area button:disabled{cursor:not-allowed;background:#bdc3c7}.chatbot-input-area button:hover:not(:disabled){background:#2980b9}@media (max-width:480px){.chatbot-wrapper{bottom:20px;right:20px}.chatbot-window{width:calc(100vw - 40px);height:calc(100vh - 100px);max-height:500px}}.carousel-container{width:100%;height:500px;position:relative;overflow:hidden}.carousel-slide{width:100%;height:100%;transition:transform .5s ease-in-out;display:flex}.carousel-item{min-width:100%;height:100%;position:relative}.carousel-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.carousel-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.carousel-content{text-align:center;color:#fff;padding:2rem}.carousel-content h1{text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-size:3rem}.carousel-content p{margin-bottom:2rem;font-size:1.2rem}.carousel-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;transition:all .3s;display:inline-flex}.carousel-btn:hover{background:#2980b9;transform:scale(1.05)}.carousel-btn-prev,.carousel-btn-next{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;padding:1rem;font-size:1.2rem;transition:background .3s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.carousel-btn-prev:hover,.carousel-btn-next:hover{background:#000c}.carousel-dots{gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel-dot.active{background:#fff;border-radius:10px;width:30px}@media (max-width:768px){.carousel-container{height:350px}.carousel-content h1{font-size:1.8rem}.carousel-content p{font-size:1rem}.carousel-btn{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.carousel-container{height:280px}.carousel-content h1{font-size:1.3rem}}.home-page{min-height:100vh}.trust-section{border-bottom:1px solid var(--color-border);background:#fff;padding:1.5rem 0}.trust-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.trust-badge{border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;transition:background .2s;display:flex}.trust-badge:hover{background:var(--color-bg)}.trust-icon{color:var(--color-primary);flex-shrink:0;font-size:1.8rem}.trust-badge strong{color:var(--color-text);font-size:.95rem;font-weight:700;display:block}.trust-badge p{color:var(--color-text-muted);margin:0;font-size:.85rem}.section-title{text-align:center;margin-bottom:2.5rem}.section-title h2{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:800}.section-title p{color:var(--color-text-muted);font-size:1.05rem}.categories-section{background:var(--color-bg);padding:4rem 0}.categories-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.category-card{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .25s;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.cat-icon{font-size:2rem}.cat-name{color:var(--color-text);font-size:.9rem;font-weight:600}.featured-section{background:#fff;padding:4rem 0}.featured-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.featured-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:all .3s;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.featured-image{background-position:50%;background-size:cover;height:220px;position:relative}.wishlist-btn:hover,.wishlist-btn.active{color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.badge-low-stock,.badge-sold-out{border-radius:20px;padding:.3rem .75rem;font-size:.78rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem}.badge-low-stock{color:#856404;background:#fff3cd}.badge-sold-out{color:#721c24;background:#f8d7da}.card-body{padding:1.25rem}.card-body h3{color:var(--color-text);cursor:pointer;margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.3;transition:color .2s}.card-body h3:hover{color:var(--color-primary)}.product-price{color:var(--color-primary);margin-bottom:1rem;font-size:1.3rem;font-weight:800}.featured-actions{flex-wrap:wrap;gap:.5rem;display:flex}.featured-actions .btn-primary,.featured-actions .btn-secondary{flex:1;justify-content:center;padding:.6rem .75rem;font-size:.85rem}.see-all{text-align:center}.products-skeleton{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.skeleton-card{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-products{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.cta-banner{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);padding:4rem 0}.cta-content{justify-content:space-between;align-items:center;gap:2rem;display:flex}.cta-content h2{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.cta-content p{color:#ffffffbf}.btn-cta{color:var(--color-text);border-radius:var(--radius-sm);white-space:nowrap;background:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .25s}.btn-cta:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1024px){.featured-grid,.products-skeleton{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.featured-grid,.products-skeleton{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.cta-content{text-align:center;flex-direction:column}.section-title h2{font-size:1.5rem}}.products-page{background:var(--color-bg);min-height:80vh;padding:90px 0 4rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:var(--color-text);margin-bottom:.4rem;font-size:2.2rem;font-weight:800}.page-header p{color:var(--color-text-muted);font-size:.95rem}.toolbar{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.search-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:30px;flex:1;align-items:center;gap:.6rem;min-width:220px;max-width:400px;padding:.6rem 1rem;display:flex}.search-icon{color:var(--color-text-muted);flex-shrink:0}.search-box input{font-size:.95rem;font-family:var(--font-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.clear-search{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:.85rem;transition:color .2s;display:flex}.clear-search:hover{color:var(--color-primary)}.toolbar-right{align-items:center;gap:1rem;display:flex}.sort-select{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.sort-select select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-base);color:var(--color-text);cursor:pointer;background:#fff;outline:none;padding:.5rem .8rem}.view-toggle{gap:.3rem;display:flex}.view-toggle button{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;align-items:center;padding:.45rem .7rem;font-size:.95rem;transition:all .2s;display:flex}.view-toggle button.active,.view-toggle button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-toggle-btn{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);border:none;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s;display:none}.filter-toggle-btn:hover{background:#2c3e50}.products-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.filters-sidebar{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem;position:sticky;top:90px}.filter-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.filter-header h3{color:var(--color-text);font-size:1.1rem;font-weight:700}.close-filters{color:var(--color-text-muted);background:0 0;border:none;font-size:1rem;display:none}.filter-group{margin-bottom:1.5rem}.filter-group h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.category-filter-list{flex-direction:column;gap:.4rem;display:flex}.cat-filter-btn{text-align:left;border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;font-family:var(--font-base);background:0 0;border:1px solid #0000;padding:.55rem .85rem;transition:all .2s}.cat-filter-btn:hover{background:var(--color-bg);border-color:var(--color-border)}.cat-filter-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#fff1f2;font-weight:700}.price-range{flex-direction:column;gap:.5rem;display:flex}.price-labels{color:var(--color-text-muted);justify-content:space-between;font-size:.9rem;display:flex}.price-value{color:var(--color-primary);font-weight:700}.price-range input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.clear-filters-btn{width:100%;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font-base);background:#fff1f2;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:all .2s;display:flex}.clear-filters-btn:hover{background:var(--color-primary);color:#fff}.products-main{min-height:400px}.products-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.products-grid.list-mode{grid-template-columns:1fr}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.product-card.list-view{grid-template-columns:180px 1fr;display:grid}.product-card.list-view .product-image{height:100%;min-height:160px}.product-image{cursor:pointer;background-position:50%;background-size:cover;height:240px;position:relative;overflow:hidden}.image-overlay{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.product-card:hover .image-overlay{opacity:1}.quick-view-btn{color:var(--color-text);font-size:.85rem;font-weight:700;font-family:var(--font-base);background:#fff;border:none;border-radius:20px;padding:.6rem 1.2rem;transition:all .2s}.quick-view-btn:hover{background:var(--color-primary);color:#fff}.wishlist-btn{color:#bbb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.wishlist-btn:hover,.wishlist-btn.active{color:var(--color-primary)}.badge{border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.75rem;left:.75rem}.badge.low{color:#856404;background:#fff3cd}.badge.out{color:#721c24;background:#f8d7da}.product-info{flex-direction:column;gap:.4rem;padding:1.1rem;display:flex}.product-info h3{color:var(--color-text);cursor:pointer;font-size:.97rem;font-weight:700;line-height:1.3;transition:color .2s}.product-info h3:hover{color:var(--color-primary)}.product-desc{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.price-stock-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.product-price{color:var(--color-primary);font-size:1.2rem;font-weight:800}.product-price small{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.stock-label{color:#27ae60;font-size:.78rem;font-weight:600}.stock-label.out-stock{color:#e74c3c}.add-to-cart{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);width:100%;font-size:.9rem;font-weight:700;font-family:var(--font-base);border:none;margin-top:.25rem;padding:.65rem;transition:background .25s}.add-to-cart:hover:not(:disabled){background:var(--color-primary-dark)}.add-to-cart:disabled{cursor:not-allowed;background:#d1d5db}.skeleton-card{pointer-events:none}.skeleton-img{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;height:240px;animation:1.4s infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;margin:.4rem 0;animation:1.4s infinite shimmer}.skeleton-line.short{width:60%}.empty-products{text-align:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;padding:5rem 2rem}.empty-icon{margin-bottom:1rem;font-size:3.5rem;display:block}.empty-products h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.3rem}.empty-products p{color:var(--color-text-muted);margin-bottom:1.5rem}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.products-layout{grid-template-columns:1fr}.filter-toggle-btn{display:flex}.filters-sidebar{z-index:500;width:80%;max-width:320px;height:100vh;box-shadow:var(--shadow-lg);border-radius:0;display:none;position:fixed;top:0;left:0;overflow-y:auto}.filters-sidebar.open{display:block}.close-filters{display:flex}.sort-select select{font-size:.85rem}.view-toggle{display:none}.search-box{min-width:100%;max-width:100%}.toolbar{flex-direction:column}.toolbar-right{justify-content:space-between;width:100%}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.pago-modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.pago-modal-content{background:#fff;border-radius:20px;width:100%;max-width:550px;max-height:90vh;padding:1.5rem;animation:.3s slideIn;position:relative;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-modal{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.pago-modal-content h2{text-align:center;color:#2c3e50;margin-bottom:.5rem}.modal-subtitle{text-align:center;color:#666;margin-bottom:1.5rem}.payment-info{background:#f8f9fa;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.info-row{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.info-icon{color:#3498db;width:20px}.qr-section{text-align:center;margin-bottom:1.5rem}.qr-section p{color:#999;margin-top:.5rem;font-size:.8rem}.amount-section{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.amount-card{color:#fff;text-align:center;background:#2c3e50;border-radius:10px;flex:1;padding:.8rem}.amount-card span{opacity:.8;font-size:.7rem;display:block}.amount-card strong{font-size:1.2rem}.reference-card{background:#e8f4fd;border-radius:10px;width:100%;padding:.8rem}.reference-value{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.reference-value code{background:#fff;border-radius:5px;padding:.3rem .6rem;font-size:.9rem}.copy-btn{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;padding:.3rem .8rem}.instructions{background:#fff3cd;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.instructions h4{color:#856404;margin-bottom:.5rem}.instructions ol{margin:0;padding-left:1.5rem}.instructions li{margin-bottom:.3rem;font-size:.85rem}.proof-section{margin-bottom:1rem}.upload-label{color:#fff;cursor:pointer;background:#6c5ce7;border-radius:5px;padding:.5rem 1rem;font-size:.9rem;display:inline-block}.preview{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.preview img{object-fit:cover;border-radius:5px;width:80px;height:80px}.preview button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:3px;padding:.2rem .5rem;font-size:.7rem}.reference-input{margin-bottom:1rem}.reference-input input{border:1px solid #ddd;border-radius:10px;width:100%;padding:.8rem;font-size:1rem}.action-buttons{gap:1rem;display:flex}.whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:1rem;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;flex:1;padding:.8rem;font-size:1rem}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.pago-modal-content{padding:1rem}.amount-section,.action-buttons{flex-direction:column}}.cart-page{background:var(--color-bg);min-height:80vh;padding:90px 0 4rem}.cart-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cart-page-header h1{color:var(--color-text);align-items:center;gap:.6rem;font-size:1.8rem;font-weight:800;display:flex}.back-btn{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-base);background:0 0;align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{border-color:var(--color-text);color:var(--color-text)}.cart-empty{text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;max-width:480px;margin:90px auto 2rem;padding:5rem 2rem}.empty-cart-icon{color:var(--color-border);margin-bottom:1rem;font-size:4rem}.cart-empty h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem}.cart-empty p{color:var(--color-text-muted);margin-bottom:1.5rem}.cart-container{grid-template-columns:1fr 360px;align-items:start;gap:1.5rem;display:grid}.cart-items{flex-direction:column;gap:.75rem;display:flex}.cart-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;grid-template-columns:90px 1fr auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .2s;display:grid}.cart-item:hover{box-shadow:var(--shadow-md)}.item-image{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:90px;height:90px;transition:opacity .2s}.item-image:hover{opacity:.85}.item-details h3{color:var(--color-text);cursor:pointer;margin-bottom:.3rem;font-size:1rem;font-weight:700;transition:color .2s}.item-details h3:hover{color:var(--color-primary)}.item-price{color:var(--color-primary);margin-bottom:.2rem;font-size:1rem;font-weight:700}.item-quantity{color:var(--color-text-muted);font-size:.85rem}.item-subtotal{color:var(--color-text);text-align:right;white-space:nowrap;font-size:1.05rem;font-weight:800}.remove-btn{color:#ccc;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.5rem;font-size:1rem;transition:all .2s;display:flex}.remove-btn:hover{color:var(--color-primary);background:#fff1f2}.cart-summary{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;padding:1.5rem;position:sticky;top:90px}.cart-summary h2{color:var(--color-text);border-bottom:2px solid var(--color-bg);margin-bottom:1.25rem;padding-bottom:1rem;font-size:1.2rem;font-weight:800}.summary-row{color:var(--color-text-muted);border-bottom:1px solid var(--color-bg);justify-content:space-between;align-items:center;padding:.65rem 0;font-size:.95rem;display:flex}.summary-row.total{color:var(--color-text);border-bottom:none;margin-top:.25rem;padding-top:1rem;font-size:1.2rem;font-weight:800}.summary-row.discount-row{color:#27ae60}.summary-row.ves{color:#e67e22;border-bottom:none;font-size:.9rem;font-weight:600}.free-shipping-hint{color:#92400e;border-radius:var(--radius-sm);text-align:center;background:#fffbeb;border:1px solid #fde68a;margin:.75rem 0;padding:.75rem 1rem;font-size:.85rem}.coupon-section{border-bottom:1px solid var(--color-bg);margin-bottom:.5rem;padding:1rem 0}.coupon-input-group{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.3rem .3rem .3rem .8rem;display:flex}.coupon-icon{color:var(--color-text-muted);flex-shrink:0}.coupon-input-group input{font-size:.9rem;font-family:var(--font-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.coupon-input-group .btn-secondary{width:auto;margin:0;padding:.5rem 1rem;font-size:.85rem}.applied-coupon{border-radius:var(--radius-sm);color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.applied-coupon button{color:#e74c3c;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.85rem;font-weight:700}.coupon-message{color:#e74c3c;margin-top:.5rem;font-size:.85rem}.checkout-btn{justify-content:center;width:100%;margin-top:1rem;padding:1rem;font-size:1rem}.clear-btn{border:1px solid var(--color-border);width:auto;color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.clear-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:900px){.cart-container{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:600px){.cart-page{padding:80px 0 3rem}.cart-item{grid-template-rows:auto auto;grid-template-columns:70px 1fr auto}.item-subtotal{grid-column:2}.remove-btn{grid-area:1/3/3}.item-image{grid-row:1/3;width:70px;height:70px}}.auth-page{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;min-height:80vh;padding:100px 1rem 2rem;display:flex}.auth-container{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;animation:.4s fadeIn;box-shadow:0 10px 40px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;color:#2c3e50;letter-spacing:-1px;margin-bottom:.5rem;font-size:1.8rem;font-weight:900}.auth-logo span{color:#3498db}.auth-container h2{text-align:center;color:#2c3e50;margin:0 0 .25rem;font-size:1.6rem}.auth-subtitle{text-align:center;color:#888;margin:0 0 1.5rem;font-size:.95rem}.auth-error{color:#c0392b;background:#fdf0f0;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:1.2rem;padding:.9rem 1rem;font-size:.9rem}.auth-form{flex-direction:column;gap:0;display:flex}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:#555;margin-bottom:.4rem;font-size:.85rem;font-weight:600}.form-group input{color:#2c3e50;box-sizing:border-box;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.btn-auth{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#3498db,#2c3e50);border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s,transform .2s;display:block}.btn-auth:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-auth:disabled{cursor:not-allowed;background:#adb5bd;transform:none}.auth-switch{text-align:center;color:#666;font-size:.9rem;margin-top:1.5rem!important}.auth-switch a{color:#3498db;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.success-container{text-align:center}.success-icon{margin-bottom:1rem;font-size:3.5rem}.success-container h2{color:#27ae60}.success-container p{color:#666;margin-bottom:.75rem}.success-container .btn-auth{width:auto;margin-top:1.5rem;padding:.9rem 2rem;display:inline-block}@media (max-width:480px){.auth-container{padding:1.5rem}}.forgot-link{text-align:right;margin:-.4rem 0 1rem}.forgot-link a{color:#3498db;font-size:.82rem;font-weight:500;text-decoration:none}.forgot-link a:hover{text-decoration:underline}.auth-hint{color:#999;margin-top:-.25rem;margin-bottom:.75rem;font-size:.85rem}.product-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.product-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}.product-modal-content h2{color:#2c3e50;border-bottom:2px solid #f0f0f0;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.close-modal{color:#95a5a6;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.close-modal:hover{color:#e74c3c}.modal-error{color:#e74c3c;text-align:center;background:#fdeaea;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.product-form{flex-direction:column;gap:1.2rem;display:flex}.form-group-row{gap:1rem;display:flex}.form-group-row .form-group{flex:1}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:.8rem;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db}.image-upload-container{text-align:center;background:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:1.5rem}.upload-placeholder{flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-placeholder input[type=file]{display:none}.upload-label{color:#2c3e50;cursor:pointer;background:#ecf0f1;border-radius:5px;padding:.8rem 1.5rem;font-weight:700;transition:background .3s}.upload-label:hover{background:#bdc3c7}.image-preview{flex-direction:column;align-items:center;gap:1rem;display:flex}.image-preview img{object-fit:cover;border-radius:8px;max-width:150px;max-height:150px;box-shadow:0 4px 10px #0000001a}.image-preview button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:.5rem 1rem;font-size:.9rem}.form-actions{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}@media (max-width:600px){.form-group-row{flex-direction:column;gap:1.2rem}}.admin-container{max-width:1400px;margin:120px auto 0;padding:2rem}.admin-container h1{color:#2c3e50;margin-bottom:.5rem}.admin-welcome{color:#666;border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.admin-access-denied{text-align:center;margin-top:120px;padding:4rem}.admin-access-denied h2{color:#e74c3c;margin-bottom:1rem}.admin-access-denied .btn-primary{width:auto;min-width:250px;margin-top:1.5rem;display:inline-block}.admin-loading{text-align:center;color:#666;margin-top:120px;padding:4rem;font-size:1.2rem}.admin-tabs{border-bottom:2px solid #eee;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.admin-tabs button{cursor:pointer;color:#666;background:0 0;border:none;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s}.admin-tabs button:hover{color:#3498db}.admin-tabs button.active{color:#3498db;border-bottom:2px solid #3498db;margin-bottom:-2px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.stat-card h3{color:#666;margin-bottom:.5rem;font-size:.9rem}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700}.products-admin,.orders-admin{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.btn-add-product,.btn-add-category{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;margin-bottom:1.5rem;padding:.8rem 1.5rem;font-size:1rem}.btn-add-product:hover,.btn-add-category:hover{background:#219a52}.products-table table,.orders-table table{border-collapse:collapse;width:100%}.products-table th,.orders-table th,.products-table td,.orders-table td{text-align:left;border-bottom:1px solid #eee;padding:.8rem}.products-table th,.orders-table th{color:#2c3e50;background:#f8f9fa;font-weight:600}.btn-edit,.btn-delete,.btn-edit-small{cursor:pointer;background:0 0;border:none;margin:0 .2rem;padding:.3rem .5rem;font-size:1rem}.order-status{border-radius:3px;padding:.2rem .5rem;font-size:.8rem;display:inline-block}.categories-list{flex-direction:column;gap:.5rem;display:flex}.category-item{background:#f8f9fa;border-radius:5px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.category-slug{color:#999;font-size:.8rem}@media (max-width:768px){.admin-container{margin-top:60px;padding:1rem}.admin-tabs button{padding:.5rem 1rem;font-size:.9rem}.products-table th,.products-table td,.orders-table th,.orders-table td{padding:.5rem;font-size:.8rem}.dashboard-stats{grid-template-columns:1fr}}.admin-header-actions{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.btn-add-product{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;display:flex}.btn-add-product:hover{background:#219a52}.products-table-container,.orders-table-container{overflow-x:auto}.products-table,.orders-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.products-table th,.orders-table th{text-align:left;color:#2c3e50;background:#f8f9fa;padding:.8rem;font-weight:600}.products-table td,.orders-table td{border-bottom:1px solid #eee;padding:.8rem}.product-thumb{object-fit:cover;border-radius:5px;width:50px;height:50px}.low-stock{color:#e74c3c;font-weight:700}.toggle-btn{cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:1.2rem}.toggle-btn.active{background:#e8f4fd;border-radius:5px}.btn-edit,.btn-delete,.btn-view{cursor:pointer;background:0 0;border:none;margin:0 .2rem;padding:.3rem .5rem;font-size:1.1rem}.btn-edit:hover{color:#3498db}.btn-delete:hover{color:#e74c3c}.btn-view:hover{color:#27ae60}.order-status{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.order-status.pending{color:#fff;background:#f39c12}.order-status.processing{color:#fff;background:#3498db}.order-status.paid{color:#fff;background:#27ae60}.order-status.shipped{color:#fff;background:#2c3e50}.order-status.delivered{color:#fff;background:#1abc9c}.order-status.cancelled{color:#fff;background:#e74c3c}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{text-align:center;background:#fff;border-radius:12px;max-width:400px;padding:2rem}.modal-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:.5rem 1rem}.stat-card.warning .stat-value{color:#f39c12}.stat-card.danger .stat-value{color:#e74c3c}@media (max-width:768px){.products-table th,.products-table td,.orders-table th,.orders-table td{padding:.5rem;font-size:.8rem}.product-thumb{width:40px;height:40px}.btn-add-product{padding:.5rem 1rem;font-size:.9rem}}.dashboard-charts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.chart-container{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.chart-container h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.1rem}.chart-wrapper{width:100%;height:300px}@media (max-width:768px){.dashboard-charts{grid-template-columns:1fr}}.contact-page{min-height:80vh;margin-top:70px;padding:2rem 0}.contact-page h1{text-align:center;color:#2c3e50;margin-bottom:2rem}.contact-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.contact-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.info-card{text-align:center;background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.info-icon{color:#3498db;margin-bottom:1rem;font-size:2rem}.info-card h3{color:#2c3e50;margin-bottom:.5rem}.info-card p{color:#666;margin:.2rem 0}.contact-form{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 10px #0000001a}.contact-form h2{color:#2c3e50;margin-bottom:1rem}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:5px;width:100%;margin-bottom:1rem;padding:.8rem}.contact-form button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;width:100%;padding:.8rem}.success-message{color:#155724;text-align:center;background:#d4edda;border-radius:5px;margin-bottom:1rem;padding:10px}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.wishlist-page{background-color:#f8f9fa;min-height:80vh;padding:100px 0 60px}.wishlist-page h1{text-align:center;color:#2c3e50;margin-bottom:2rem}.empty-wishlist{text-align:center;background:#fff;border-radius:12px;padding:4rem 2rem;box-shadow:0 4px 6px #0000000d}.empty-icon{color:#e74c3c;opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-wishlist h2{color:#2c3e50;margin-bottom:.5rem}.empty-wishlist p{color:#666;margin-bottom:1.5rem}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.wishlist-card{background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d}.wishlist-card:hover{transform:translateY(-5px)}.wishlist-image{cursor:pointer;background-position:50%;background-size:cover;height:200px}.wishlist-info{padding:1.5rem}.wishlist-info h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.wishlist-info .price{color:#27ae60;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.wishlist-info .stock{margin-bottom:1rem;font-size:.9rem}.stock.in-stock{color:#2c3e50}.stock.out-of-stock{color:#e74c3c}.wishlist-actions{gap:.5rem;display:flex}.btn-add-cart{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-weight:500;transition:background .3s;display:flex}.btn-add-cart:hover:not(:disabled){background:#2980b9}.btn-add-cart:disabled{cursor:not-allowed;background:#bdc3c7}.btn-remove{color:#e74c3c;cursor:pointer;background:#fdf2f2;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;transition:background .3s;display:flex}.btn-remove:hover{background:#fadbd8}.profile-page{background:#f8f9fa;min-height:80vh;padding:100px 0 60px}.profile-gate{justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.profile-gate-content{text-align:center;background:#fff;border-radius:16px;max-width:400px;padding:3rem;box-shadow:0 4px 20px #00000014}.gate-icon{color:#3498db;opacity:.7;margin-bottom:1rem;font-size:3.5rem}.profile-layout{grid-template-columns:350px 1fr;gap:2rem;display:grid}.profile-sidebar{flex-direction:column;gap:1.5rem;display:flex}.profile-header{background:#fff;border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 20px #0000000f}.avatar-circle{color:#fff;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.8rem;font-weight:700;display:flex}.profile-header-info h1{color:#2c3e50;margin:0 0 .25rem;font-size:1.3rem}.profile-email{color:#666;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.profile-since{color:#999;margin:.25rem 0 0;font-size:.8rem}.profile-actions-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profile-card{cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000f}.profile-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.card-icon{margin-bottom:.5rem;font-size:2rem}.wishlist-icon{color:#e74c3c}.cart-icon{color:#3498db}.profile-card h3{color:#2c3e50;margin:0;font-size:1rem}.btn-signout{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:auto;min-width:200px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:background .3s;display:inline-flex}.btn-signout:hover{background:#c0392b}.profile-main-content{flex-direction:column;gap:2rem;display:flex}.profile-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000f}.section-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-header h2{color:#2c3e50;align-items:center;gap:.5rem;margin:0;font-size:1.4rem;display:flex}.btn-edit-profile{color:#3498db;cursor:pointer;background:0 0;border:1px solid #3498db;border-radius:5px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.btn-edit-profile:hover{color:#fff;background:#3498db}.edit-actions{gap:.5rem;display:flex}.btn-cancel-profile{color:#747d8c;cursor:pointer;background:#f1f2f6;border:none;border-radius:5px;padding:.5rem 1rem;transition:background .3s}.btn-cancel-profile:hover{color:#2f3542;background:#dfe4ea}.btn-save-profile{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:background .3s;display:flex}.btn-save-profile:hover{background:#219a52}.btn-save-profile:disabled{cursor:not-allowed;background:#95a5a6}.profile-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{color:#7f8c8d;font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{color:#2c3e50;background:#fdfdfd;border:1px solid #ddd;border-radius:8px;outline:none;padding:.8rem;font-size:1rem;transition:border-color .3s,background .3s}.form-group input:disabled,.form-group textarea:disabled{color:#7f8c8d;background:#f5f6fa;border-color:#ecf0f1}.form-group input:focus:not(:disabled),.form-group textarea:focus:not(:disabled){background:#fff;border-color:#3498db}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:1.5rem;transition:border-color .3s}.order-card:hover{border-color:#3498db}.order-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.order-date{color:#95a5a6;margin-top:.2rem;font-size:.85rem;display:block}.status-badge{border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.status-pending{color:#856404;background:#fff3cd}.status-paid{color:#155724;background:#d4edda}.status-processing{color:#004085;background:#cce5ff}.status-shipped{color:#0c5460;background:#d1ecf1}.status-delivered{color:#155724;background:#d4edda}.order-details p{color:#2c3e50;margin:.3rem 0;font-size:.95rem}.tracking-code{color:#e67e22!important}.empty-orders{text-align:center;color:#7f8c8d;padding:3rem 1rem}.empty-icon{color:#bdc3c7;margin-bottom:1rem;font-size:3rem}@media (max-width:900px){.profile-layout{grid-template-columns:1fr}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}}.static-page{background:#f8f9fa;min-height:80vh;padding:100px 0 60px}.static-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:16px;margin-bottom:2rem;padding:3rem 2rem}.static-hero h1{margin-bottom:.75rem;font-size:2.5rem}.static-hero p{opacity:.85;margin:0;font-size:1.1rem}.static-content{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0000000f}.static-content section{border-bottom:1px solid #f0f0f0;margin-bottom:2.5rem;padding-bottom:2.5rem}.static-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.static-content h2{color:#2c3e50;margin-bottom:1rem;font-size:1.4rem}.static-content p,.static-content li{color:#555;line-height:1.8}.static-content ul,.static-content ol{padding-left:1.5rem}.static-content li{margin-bottom:.5rem}.info-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.info-card{text-align:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:1.5rem}.info-card h3{color:#2c3e50;margin-bottom:.5rem;font-size:1rem}.info-card p{color:#666;margin:0;font-size:.95rem}.policy-table{border:1px solid #eee;border-radius:10px;margin-top:1rem;overflow:hidden}.policy-row{border-bottom:1px solid #eee;justify-content:space-between;padding:1rem 1.5rem;display:flex}.policy-row:last-child{border-bottom:none}.policy-row.header-row{color:#fff;background:#2c3e50;font-weight:600}.policy-row.highlight{color:#27ae60;background:#e8f8f5;font-weight:600}.steps-list{counter-reset:steps;padding-left:1.5rem}.steps-list li{padding:.5rem 0;font-size:1rem}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{cursor:pointer;border:1px solid #eee;border-radius:10px;transition:border-color .3s;overflow:hidden}.faq-item.open{border-color:#3498db}.faq-question{color:#2c3e50;background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-weight:600;transition:background .3s;display:flex}.faq-item.open .faq-question{background:#f0f8ff}.faq-arrow{color:#3498db;font-size:.8rem}.faq-answer{background:#fff;padding:0 1.5rem 1.25rem;animation:.2s fadeIn}.faq-answer p{color:#666;margin:0;line-height:1.7}.faq-cta{text-align:center;background:#f8f9fa;border-radius:12px;margin-top:3rem;padding:2rem}.faq-cta h3{color:#2c3e50;margin-bottom:.5rem}.faq-cta p{color:#666;margin-bottom:1rem}.btn-primary-link{color:#fff;background:#3498db;border-radius:8px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.btn-primary-link:hover{background:#2980b9}.developer-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.dev-avatar{color:#fff;background:linear-gradient(135deg,#3498db,#27ae60);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 1.5rem;font-size:2rem;font-weight:700;display:flex}.dev-role{opacity:.8;font-size:1rem}.dev-about p{font-size:1.05rem}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.tech-card{text-align:center;background:#f8f9fa;border-radius:12px;padding:1.5rem 1rem;transition:transform .3s}.tech-card:hover{transform:translateY(-3px)}.tech-icon{margin-bottom:.5rem;font-size:2rem;display:block}.tech-card h3{color:#2c3e50;margin-bottom:.25rem;font-size:1rem}.tech-card p{color:#888;margin:0;font-size:.85rem}.dev-contact{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.contact-item{background:#f8f9fa;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.contact-item a{color:#3498db;font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}.dev-footer-note{text-align:center;color:#999;border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.static-hero h1{font-size:1.8rem}.static-content{padding:1.5rem}.tech-grid{grid-template-columns:repeat(2,1fr)}.policy-row{flex-direction:column;gap:.25rem}}.tracking-page{background-color:#f8f9fa;min-height:80vh;padding-top:80px;font-family:Inter,sans-serif}.tracking-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#2c3e50,#3498db);margin-bottom:-50px;padding:4rem 2rem}.tracking-hero h1{margin-bottom:.5rem;font-size:2.5rem}.tracking-container{z-index:10;max-width:800px;margin:0 auto;padding-bottom:4rem;position:relative}.tracking-form{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #00000014}.search-bar{background:#f1f3f5;border-radius:50px;align-items:center;padding:.5rem .5rem .5rem 1.5rem;display:flex}.search-icon{color:#868e96;font-size:1.2rem}.search-bar input{color:#2c3e50;background:0 0;border:none;outline:none;flex:1;padding:1rem;font-size:1rem}.search-bar button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;transition:background .3s}.search-bar button:hover:not(:disabled){background:#2980b9}.search-bar button:disabled{cursor:not-allowed;background:#adb5bd}.error-message{color:#e74c3c;text-align:center;margin-top:1rem;font-weight:500}.tracking-results{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 10px 30px #00000014}.order-summary{text-align:center;border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem}.order-summary h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem}.timeline-container{max-width:500px;margin:0 auto;position:relative}.timeline-container:before{content:"";z-index:1;background:#eee;width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-step{z-index:2;opacity:.5;gap:1.5rem;margin-bottom:2rem;transition:opacity .3s;display:flex;position:relative}.timeline-step.active{opacity:1}.step-icon{color:#adb5bd;background:#fff;border:2px solid #eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}.timeline-step.active .step-icon{color:#3498db;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a}.step-text h4{color:#2c3e50;margin:0 0 .25rem;font-size:1.1rem}.step-text p{color:#666;margin:0;font-size:.9rem}@media (max-width:768px){.search-bar{border-radius:12px;flex-direction:column;padding:1rem}.search-bar input{text-align:center;width:100%}.search-bar button{border-radius:8px;width:100%}.tracking-results{padding:2rem 1.5rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#e63946;--color-primary-dark:#c1121f;--color-accent:#457b9d;--color-text:#1d3557;--color-text-muted:#6b7280;--color-bg:#f8fafc;--color-white:#fff;--color-border:#e2e8f0;--font-base:"Outfit", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 30px #00000024}html{scroll-behavior:smooth}body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-base);cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .25s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:var(--color-primary);color:#fff}@media (max-width:768px){.desktop-nav{display:none}.hamburger{display:block}.mobile-menu{z-index:1000;background:#fff;width:80%;height:calc(100vh - 60px);transition:left .3s;position:fixed;top:60px;left:-100%}.mobile-menu.open{left:0}}@media (min-width:769px) and (max-width:1024px){.desktop-nav{gap:1.5rem;display:flex}.hamburger{display:none}}@media (min-width:1025px){.desktop-nav{gap:2rem;display:flex}.hamburger{display:none}}.product-detail-page{margin-top:80px;padding:2rem 0}.product-detail-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.product-gallery{flex-direction:column;gap:1rem;display:flex}.main-image img{border-radius:10px;width:100%;box-shadow:0 2px 10px #0000001a}.thumbnail-list{flex-wrap:wrap;gap:.5rem;display:flex}.thumbnail-list img{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:5px;width:80px;height:80px}.thumbnail-list img.active{border-color:#3498db}.product-info h1{margin-bottom:.5rem;font-size:2rem}.stars{gap:2px;display:inline-flex}.star-filled,.star-half{color:#f1c40f}.star-empty{color:#ddd}.product-price{color:#e74c3c;margin:1rem 0;font-size:1.5rem;font-weight:700}.product-description{margin-bottom:1.5rem;line-height:1.6}.product-meta p{margin-bottom:.5rem;font-size:.9rem}.product-quantity{align-items:center;gap:1rem;margin:1rem 0;display:flex}.product-quantity input{width:80px;padding:.5rem}.product-actions{gap:1rem;margin-top:1rem;display:flex}.btn-add-to-cart,.btn-buy-now{cursor:pointer;border:none;border-radius:5px;flex:1;padding:.8rem;font-size:1rem}.btn-add-to-cart{color:#fff;background:#3498db}.btn-buy-now{color:#fff;background:#e67e22}.social-share{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.social-share a{color:#2c3e50;font-size:1.5rem}.ratings-section{margin-top:3rem}.rate-product{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.review-card{border:1px solid #eee;border-radius:10px;margin-bottom:1rem;padding:1rem}.review-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.review-header img{border-radius:50%;width:40px;height:40px}.review-card p{color:#666;margin-bottom:.5rem;line-height:1.6}.review-card small{color:#999}.review-form{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 10px #0000000d}.review-form textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:1rem;font-family:inherit}.review-form textarea:focus{border-color:#3498db}.file-input-wrapper{color:#666;flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.review-form-actions{justify-content:flex-end;gap:1rem;display:flex}.review-attached-photo{object-fit:cover;border:1px solid #eee;border-radius:8px;max-width:150px;max-height:150px;margin:.5rem 0;display:block}@media (max-width:768px){.product-detail-grid{grid-template-columns:1fr;gap:1.5rem}.product-quantity,.product-actions{flex-wrap:wrap}}
