.page-header{background:linear-gradient(135deg,#000,#1a1a1a 50%,#333);padding:150px 0 100px;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,0,0,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,hsla(0,0%,100%,.05) 0,transparent 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5' d='M8 0H0v8'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.4;animation:headerFloat 25s ease-in-out infinite}@keyframes headerFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.page-title{font-size:4rem;font-weight:900;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:3px;position:relative;z-index:2;text-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3),0 0 30px rgba(255,0,0,.1);animation:titlePulse 4s ease-in-out infinite alternate}@keyframes titlePulse{0%{text-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3),0 0 30px rgba(255,0,0,.1)}to{text-shadow:0 0 15px rgba(255,0,0,.7),0 0 25px rgba(255,0,0,.5),0 0 35px rgba(255,0,0,.3)}}.page-subtitle{font-size:1.3rem;color:#ccc;max-width:600px;margin:0 auto;position:relative;z-index:2;opacity:.9}.filter-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 0;position:relative}.filter-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,0,0,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,0,.02) 0,transparent 50%);z-index:0}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;position:relative;z-index:2;padding:0 15px}.filter-btn{background:#fff;border:2px solid #e9ecef;color:#6c757d;padding:12px 24px;border-radius:50px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;font-size:.85rem;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);display:inline-block;text-decoration:none;user-select:none;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;min-height:44px;white-space:nowrap}.filter-btn:before{display:none}.filter-btn.active,.filter-btn:hover{background:red;border-color:red;color:#fff;box-shadow:0 4px 8px rgba(255,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.filter-btn:active{background:#c00;border-color:#c00}.filter-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,0,.3)}.products-grid{background:linear-gradient(135deg,#fff,#f8f9fa);position:relative;min-height:60vh;padding:80px 0}.products-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 10%,rgba(255,0,0,.02) 0,transparent 50%),radial-gradient(circle at 90% 90%,rgba(255,0,0,.01) 0,transparent 50%);z-index:0}.product-item{position:relative;z-index:2;margin-bottom:30px}.products-grid .row{justify-content:center;align-items:stretch}.products-grid .row:has(.product-item:only-child){justify-content:center}.products-grid .row:has(.product-item:nth-child(2):last-child){justify-content:center}.product-item.hidden{display:none}.no-products-message{text-align:center;padding:60px 20px;color:#666;font-size:1.2rem;grid-column:1/-1}.no-products-message.show{display:block}.product-card{background:#fff;border-radius:15px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column;transition:all .3s ease;z-index:1}.products-grid .product-card{transform:scale(1);transition:transform .3s ease,box-shadow .3s ease!important;overflow:visible}.products-grid .product-card:hover{transform:scale(1.03)!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;z-index:2}.products-grid .product-image{position:relative;overflow:hidden;height:250px;border-radius:15px 15px 0 0}.products-grid .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease!important}.products-grid .product-card:hover .product-image img{transform:scale(1.1)!important}.products-grid .product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);pointer-events:none}.products-grid .product-card:hover .product-overlay{opacity:1;pointer-events:none}.products-grid .product-overlay .btn{pointer-events:auto;cursor:pointer;font-weight:700;padding:1rem 2rem;border-radius:0;transition:var(--transition);position:relative;overflow:hidden;z-index:1;text-transform:uppercase;letter-spacing:1px;font-size:.875rem;border:2px solid transparent;min-height:44px;-webkit-tap-highlight-color:rgba(255,0,0,.3);transform:none!important}.products-grid .product-overlay .btn:active,.products-grid .product-overlay .btn:focus,.products-grid .product-overlay .btn:hover{transform:none!important}.products-grid .btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--light-color)}.products-grid .btn-primary:focus,.products-grid .btn-primary:hover{background-color:var(--light-color);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md)}.products-grid .btn-outline-white{color:var(--light-color)!important;border:2px solid var(--light-color)!important;background-color:transparent!important}.products-grid .btn-outline-white:focus,.products-grid .btn-outline-white:hover{background-color:var(--light-color)!important;color:var(--primary-color)!important;border-color:var(--light-color)!important;box-shadow:var(--shadow-md)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,0,0,.02) 0,transparent 70%);opacity:0;z-index:1}.product-image{position:relative;overflow:hidden;height:250px;border-radius:15px 15px 0 0}.product-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,0,0,.1),transparent 50%);opacity:0;transition:opacity .4s ease;z-index:2}.product-card:hover .product-image:before{opacity:1}.product-image img{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:1}.product-card:hover .product-image img{transform:scale(1.1);transition:transform .5s ease}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(255,0,0,.2));display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .3s ease;padding:20px;z-index:3;backdrop-filter:blur(5px);gap:20px;opacity:1}.product-badge{position:absolute;top:15px;left:15px;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2}.product-badge.new{background:#28a745;color:#fff}.product-badge.sale{background:red;color:#fff}.product-badge.limited{background:#ffc107;color:#000}.product-info{padding:30px 20px;text-align:center}.product-name{font-size:1.5rem;margin-bottom:10px;color:var(--dark-color);font-weight:700}.product-description{color:var(--text-light);margin-bottom:15px;font-size:.95rem}.product-price{font-size:1.5rem;font-weight:900;color:var(--primary-color);font-family:var(--heading-font)}.original-price{text-decoration:line-through;color:#999;font-size:1rem;margin-right:8px}.sale-price{color:red;font-weight:700}.product-meta{flex-direction:column;gap:10px}.product-meta,.product-rating{display:flex;align-items:center}.product-rating{justify-content:center;gap:5px}.product-rating i{color:#ffc107;font-size:.9rem}.product-rating span{color:#666;font-size:.8rem;font-weight:600}.modal-content{border-radius:15px;border:none;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{border-bottom:1px solid #e9ecef;padding:10px 20px}.modal-title{font-weight:700;color:#333;text-transform:uppercase;letter-spacing:1px}.modal-body{padding:10px}.product-modal-image{border-radius:10px;overflow:hidden}.product-modal-image img{width:100%;height:80%;border-radius:10px}.product-modal-info h3{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.product-modal-rating{display:flex;align-items:center;gap:5px;margin-bottom:15px}.product-modal-rating i{color:#ffc107;font-size:1rem}.product-modal-rating span{color:#666;font-weight:600}.product-modal-price{font-size:2rem;font-weight:700;color:red}.product-modal-info p{color:#666}.product-modal-options{margin-bottom:25px}.quantity-selector,.size-selector{margin-bottom:15px}.quantity-selector label,.size-selector label{display:block;font-weight:600;color:#333;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.form-select{border-radius:8px;border:2px solid #e9ecef;padding:10px 15px;font-weight:500;transition:border-color .3s ease}.form-select:focus{border-color:red;box-shadow:0 0 0 .2rem rgba(255,0,0,.25)}.quantity-controls{display:flex;align-items:center;gap:10px}.quantity-controls .form-control{width:80px;text-align:center;border-radius:8px;border:2px solid #e9ecef;padding:10px;font-weight:600}.quantity-controls input[type=number]::-webkit-inner-spin-button,.quantity-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-controls input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none}.quantity-controls .btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500}.product-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.product-modal-actions .btn{flex:1;min-width:150px;padding:15px 25px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.filter-buttons{flex-wrap:wrap;gap:10px;padding:0 15px}.filter-btn{padding:10px 18px;font-size:.8rem;min-width:140px;flex:0 0 auto}.product-image{height:200px}.product-info{padding:15px}.product-name{font-size:1.1rem}.product-meta{flex-direction:column;align-items:flex-start;gap:10px}.modal-body{padding:20px}.product-modal-actions{flex-direction:column}.product-modal-actions .btn{width:100%}.product-overlay{opacity:1;background:rgba(0,0,0,.7);flex-direction:column;gap:10px;transition:all .3s ease}.add-to-cart-btn,.quick-view-btn{min-width:120px;padding:10px 20px;font-size:.8rem;min-height:44px;width:80%;max-width:200px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,0,0,.3);opacity:1;transform:translateY(0)}.product-card{margin-bottom:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 1px 4px rgba(0,0,0,.05)}.product-card:hover{transform:scale(1.03);box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.product-image{height:250px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block}}@media (max-width:576px){.filter-buttons{flex-direction:column;align-items:center;gap:10px;padding:0 15px}.filter-btn{padding:10px 20px;font-size:.8rem;min-width:200px;width:100%;max-width:280px}.product-image{height:180px}.products-grid{min-height:50vh;padding:40px 0}.product-item{margin-bottom:20px}.add-to-cart-btn,.quick-view-btn{min-width:100px;padding:8px 16px;font-size:.75rem;min-height:40px;width:90%;max-width:180px}.product-overlay{gap:8px}.product-image{height:200px}.product-card{margin-bottom:15px}.product-info{padding:15px 10px}.product-name{font-size:1rem}.product-price{font-size:1.2rem}}@media (min-width:577px) and (max-width:991px){.products-grid{min-height:55vh;padding:60px 0}.product-item{margin-bottom:25px}}.product-card.loading{opacity:.5;pointer-events:none}.product-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid #f3f3f3;border-top-color:red;border-radius:50%;animation:productSpin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes productSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.product-card:focus-within{outline:2px solid red;outline-offset:2px}.filter-btn:focus{outline:2px solid red;outline-offset:2px}.notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:15px 20px;z-index:9999;transform:translateX(100%);transition:transform .3s ease;border-left:4px solid red;max-width:300px}.notification.show{transform:translateX(0)}.notification-success{border-left-color:#28a745}.notification-info{border-left-color:#17a2b8}.notification-content{display:flex;align-items:center;gap:10px}.notification-content i{color:red;font-size:1.2rem}.notification-success .notification-content i{color:#28a745}.notification-info .notification-content i{color:#17a2b8}.notification-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;margin-left:auto;padding:0;line-height:1}.notification-close:hover{color:red}@media print{.filter-section,.modal,.notification,.product-overlay{display:none!important}.product-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}