:root{--header-height:112px}@media (max-width:1024px){:root{--header-height:140px}}@media (max-width:768px){:root{--header-height:120px}}.shop-layout main{padding-top:var(--header-height)}.shop-layout.shop-layout--products main{padding-top:calc(var(--header-height) * .6)}.product-price{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.product-old-price{font-size:18px;font-weight:600;color:#94a3b8;text-decoration:line-through;margin-right:12px}.btn-shop-primary{position:relative;padding:16px 32px;border-radius:16px;font-weight:700;font-size:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px rgba(59,130,246,.3)}.btn-shop-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-shop-primary:hover:before{width:400px;height:400px}.btn-shop-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(59,130,246,.4)}.btn-shop-primary:active{transform:translateY(-1px)}.btn-shop-secondary{padding:16px 32px;border-radius:16px;font-weight:700;font-size:16px;background:white;color:#3b82f6;border:2px solid #3b82f6;cursor:pointer;transition:all .3s ease}.btn-shop-secondary:hover{background:#3b82f6;color:white;transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.btn-add-to-cart{width:100%;padding:16px;border-radius:16px;font-weight:700;font-size:16px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-to-cart:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(16,185,129,.4)}.hero-section{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:32px;overflow:hidden;padding:80px 60px;margin-bottom:60px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+");opacity:.3}.hero-title{font-size:56px;font-weight:900;color:white;margin-bottom:24px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:shop-fade-in 1s ease-out}.hero-subtitle{font-size:24px;color:rgba(255,255,255,.9);margin-bottom:32px;animation:shop-fade-in 1s ease-out .2s backwards}.category-card{position:relative;border-radius:24px;overflow:hidden;padding:40px 32px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .4s}.category-card:hover{transform:translateY(-8px) scale(1.03);border-color:#3b82f6;box-shadow:0 20px 50px rgba(59,130,246,.2)}.category-card:hover:before{opacity:.1}.category-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .4s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.search-box{position:relative;background:white;border-radius:20px;padding:20px 24px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:2px solid transparent;transition:all .3s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 15px 50px rgba(59,130,246,.15),0 0 0 4px rgba(59,130,246,.1)}.search-input{width:100%;border:none;outline:none;font-size:18px;color:#1e293b;background:transparent}.search-input::placeholder{color:#94a3b8}.filter-chip{padding:12px 24px;border-radius:100px;background:white;border:2px solid #e2e8f0;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease}.filter-chip:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.filter-chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-color:transparent;box-shadow:0 4px 12px rgba(59,130,246,.3)}.cart-drawer{background:white;box-shadow:-10px 0 50px rgba(0,0,0,.2);animation:shop-slide-in-left .4s ease-out}.cart-item{padding:20px;border-radius:16px;background:#f8fafc;margin-bottom:16px;transition:all .3s ease}.cart-item:hover{background:#f1f5f9;transform:translateX(-4px)}.cart-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(239,68,68,.4);animation:shop-pulse 1.5s ease-in-out infinite}.nav-link{position:relative;padding:12px 24px;font-weight:600;color:#475569;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .3s ease}.nav-link:hover{color:#3b82f6}.nav-link:hover:after{width:80%}.nav-link.active{color:#3b82f6}.nav-link.active:after{width:80%}.rating-stars{display:flex;gap:4px;align-items:center}.star{color:#fbbf24;font-size:20px;transition:transform .2s ease}.star:hover{transform:scale(1.2) rotate(15deg)}.review-card{background:white;border-radius:20px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #e2e8f0;transition:all .3s ease}.review-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-4px)}.skeleton-loader{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:shop-shimmer 1.5s infinite;border-radius:12px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:shop-rotate-badge 1s linear infinite}.toast-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 30px rgba(16,185,129,.3)}.toast-error,.toast-success{color:white;padding:16px 24px;border-radius:16px;animation:shop-slide-in-right .4s ease-out}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px rgba(239,68,68,.3)}.footer-section{background:linear-gradient(135deg,#1e293b,#0f172a);color:white;padding:60px 0 30px;margin-top:80px}.footer-link{color:#94a3b8;transition:all .3s ease;display:inline-block}.footer-link:hover{color:white;transform:translateX(4px)}@media (max-width:1024px){.product-card:hover{transform:translateY(-8px) scale(1.01)}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}}@media (max-width:768px){.product-card{border-radius:16px}.hero-section{padding:40px 24px;border-radius:20px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.btn-shop-primary,.btn-shop-secondary{padding:14px 24px;font-size:14px}}