.kids-filter-section{width:100%;margin:0;padding:0}.filter-container{position:relative;width:100%;min-height:400px;overflow:hidden}.filter-background{background:linear-gradient(135deg,#87ceeb,plum,#ffb6c1,#98fb98,khaki);min-height:400px;position:relative;padding:40px 20px;box-sizing:border-box}.sun-decoration{position:absolute;top:20px;left:20px;width:60px;height:60px;background:radial-gradient(circle,gold 40%,orange);border-radius:50%;box-shadow:0 0 20px #ffd70080}.sun-decoration:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(0deg,transparent 47%,#FFD700 49%,#FFD700 51%,transparent 53%),linear-gradient(45deg,transparent 47%,#FFD700 49%,#FFD700 51%,transparent 53%),linear-gradient(90deg,transparent 47%,#FFD700 49%,#FFD700 51%,transparent 53%),linear-gradient(135deg,transparent 47%,#FFD700 49%,#FFD700 51%,transparent 53%);border-radius:50%;animation:sunRotate 10s linear infinite}@keyframes sunRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clouds{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cloud{position:absolute;background:#fffc;border-radius:25px;animation:cloudFloat 15s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;border-radius:50%}.cloud-1{width:80px;height:40px;top:10%;right:10%;animation-delay:0s}.cloud-1:before{width:30px;height:30px;top:-15px;left:15px}.cloud-1:after{width:40px;height:40px;top:-20px;right:15px}.cloud-2{width:60px;height:30px;top:20%;right:50%;animation-delay:-5s}.cloud-2:before{width:25px;height:25px;top:-12px;left:10px}.cloud-2:after{width:35px;height:35px;top:-18px;right:10px}.cloud-3{width:70px;height:35px;top:5%;left:60%;animation-delay:-10s}.cloud-3:before{width:28px;height:28px;top:-14px;left:12px}.cloud-3:after{width:38px;height:38px;top:-19px;right:12px}@keyframes cloudFloat{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(-5px) translateY(-10px)}75%{transform:translate(-10px) translateY(-5px)}}.filter-content{position:relative;z-index:10;max-width:1200px;margin:0 auto}.brand-logo{text-align:right;margin-bottom:60px}.brand-logo h1{font-size:4rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0;background:linear-gradient(45deg,#ff69b4,plum);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding:20px 40px;background-color:#fff3;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shoes-display{position:absolute;top:-20px;left:10%;width:300px;height:200px;pointer-events:none}.shoe-decoration{width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><ellipse cx="100" cy="100" rx="80" ry="40" fill="%23FF6B6B" opacity="0.3"/><ellipse cx="200" cy="80" rx="80" ry="40" fill="%23FF8E8E" opacity="0.3"/></svg>') no-repeat center;background-size:contain;animation:shoeBounce 3s ease-in-out infinite}@keyframes shoeBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.filter-form{margin-top:100px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:25px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:1rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.filter-select{padding:14px 16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffe6;font-size:1rem;color:#2c3e50;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-select:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b433;background:#fff}.filter-select:hover{border-color:#ff69b480;background:#fff}.search-button{padding:14px 24px;background:linear-gradient(135deg,gold,orange);color:#2c3e50;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 4px 15px #ffa50066;text-transform:uppercase;letter-spacing:.5px}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa50099;background:linear-gradient(135deg,#ffe135,#ffb84d)}.search-button:active{transform:translateY(0)}.search-icon{transition:transform .3s ease}.search-button:hover .search-icon{transform:scale(1.1)}@media (max-width: 768px){.filter-background{padding:20px 15px;min-height:500px}.brand-logo h1{font-size:2.5rem;padding:15px 25px}.filter-row{grid-template-columns:1fr;gap:15px;padding:20px}.shoes-display{display:none}.filter-form{margin-top:40px}.sun-decoration{width:40px;height:40px;top:15px;left:15px}.cloud{display:none}}@media (max-width: 480px){.brand-logo h1{font-size:2rem;padding:10px 20px}.filter-row{padding:15px}.filter-select,.search-button{padding:12px 16px;font-size:.9rem}}@media (prefers-color-scheme: dark){.filter-select{background:#fffffff2;color:#2c3e50}.filter-group label{color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.9)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/kids-shoes-filter.css.map */