@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}*,body{padding:0;margin:0}*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);color:#1a1a1a;min-height:100vh}.nav-tabs,.top-nav{display:flex;align-items:center}.top-nav{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,0,0,.1);padding:18px 50px;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,.05)}.nav-logo a,h1{background:linear-gradient(135deg,red 0,#c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.nav-logo a{font-size:1.6em;letter-spacing:-.5px}.nav-logo a:hover{transform:scale(1.05);filter:brightness(1.2)}.nav-tabs{gap:8px;flex-wrap:wrap}.nav-logo a,.nav-tab{text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab{padding:10px 18px;color:#2d3748;font-size:.9em;font-weight:600;border-radius:12px;white-space:nowrap;position:relative;overflow:hidden;min-height:44px;display:inline-flex;align-items:center}.nav-tab::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.1),transparent);transition:left .5s}.nav-tab:hover::before{left:100%}.nav-tab:hover{background:linear-gradient(135deg,#fff0f0 0,#ffe0e0 100%);color:red;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,0,0,.15)}header{text-align:center;margin-bottom:40px;padding:50px 20px 0}h1{font-size:3em;margin-bottom:15px;text-transform:capitalize;letter-spacing:-1px;animation:fadeInDown .6s ease-out}.subtitle{color:#4a5568;font-size:1.15em;margin-bottom:30px;font-weight:400}.search-container{max-width:650px;margin:0 auto 50px;position:relative;padding:0 20px;animation:fadeIn .8s ease-out}.search-box{width:100%;padding:18px 25px;font-size:16px;border:2px solid rgba(255,0,0,.2);border-radius:50px;outline:0;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);font-weight:500}.search-box:focus{border-color:red;box-shadow:0 8px 30px rgba(255,0,0,.15);transform:translateY(-2px)}.search-results-dropdown{position:absolute;top:70px;left:20px;right:20px;background:#fff;border:1px solid rgba(255,0,0,.1);border-radius:20px;max-height:450px;overflow-y:auto;display:none;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,.1)}.search-results-dropdown.show{display:block;animation:slideDown .3s ease-out}.search-result-item{padding:18px 25px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:linear-gradient(90deg,#fff0f0 0,#ffe5e5 100%);transform:translateX(5px)}.search-result-name{color:#2d3748;font-weight:600}.search-result-category{color:red;font-size:.8em;font-weight:700;text-transform:uppercase;padding:4px 12px;background:rgba(255,0,0,.1);border-radius:12px;letter-spacing:.5px}.category-tabs{max-width:1400px;margin:0 auto 50px;display:flex;gap:15px;overflow-x:auto;padding:10px 20px;justify-content:center;flex-wrap:wrap}.category-tab{background:#fff;color:#2d3748;border:2px solid #e2e8f0;padding:14px 28px;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.04)}.category-tab:hover{border-color:red;color:red;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,0,0,.15)}.category-tab.active{background:linear-gradient(135deg,red 0,#c00 100%);color:#fff;border-color:transparent;box-shadow:0 6px 25px rgba(255,0,0,.3)}.products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;max-width:1600px;margin:0 auto;padding:20px}.product-card,.product-image{overflow:hidden;position:relative}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.06)}.product-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,0,0,.05)0,rgba(255,0,0,.1) 100%);opacity:0;transition:opacity .4s;z-index:0}.product-card:hover::before{opacity:1}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px rgba(255,0,0,.2);border-color:rgba(255,0,0,.3)}.product-card.hidden{display:none}.product-image{width:100%;height:200px;background:linear-gradient(135deg,#f7fafc 0,#edf2f7 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:13px;margin-bottom:15px;z-index:1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.footer-logo a:hover,.product-card:hover .product-image img{transform:scale(1.08)}.product-name{color:#2d3748;font-size:.95em;font-weight:600;margin-bottom:10px;line-height:1.4;position:relative;z-index:1;min-height:40px}.product-price{background:linear-gradient(135deg,red 0,#c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3em;font-weight:800;margin-bottom:12px;position:relative;z-index:1}.footer-logo a,.product-link{display:inline-block;text-decoration:none}.product-link{background:linear-gradient(135deg,red 0,#c00 100%);color:#fff;border:0;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;box-shadow:0 4px 15px rgba(255,0,0,.3);position:relative;z-index:1;letter-spacing:.3px;min-height:44px;min-width:120px}.product-link:hover{transform:scale(1.05);box-shadow:0 6px 25px rgba(255,0,0,.4)}.no-results{text-align:center;padding:100px 20px;color:#4a5568;font-size:1.3em;font-weight:500;background:#fff;border-radius:20px;margin:40px auto;max-width:600px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.no-results::before{content:"🔍";display:block;font-size:80px;margin-bottom:20px;animation:pulse 2s infinite}.no-results.hidden{display:none}footer{background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);border-top:1px solid rgba(255,0,0,.1);margin-top:80px;padding:50px 20px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px}.footer-logo{flex:1;min-width:200px}.footer-logo a{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo-text{font-size:2em;font-weight:800;background:linear-gradient(135deg,red 0,#c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.logo-subtitle{color:#4a5568;font-size:.95em;margin-top:8px;font-weight:500}.social-link,.social-links{display:flex;justify-content:center}.social-links{flex:1;gap:20px;min-width:200px}.social-link{align-items:center;width:56px;height:56px;min-width:44px;min-height:44px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.05)}.social-link:hover{border-color:red;transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,0,0,.2);background:linear-gradient(135deg,#fff0f0 0,#ffe5e5 100%)}.social-link svg{width:26px;height:26px;transition:transform .3s}.social-link:hover svg{transform:scale(1.1)}.footer-info{flex:1;text-align:right;min-width:200px;color:#4a5568}.footer-info p{margin:5px 0;font-size:.9em}.copyright,.footer-wrapper{border-top:1px solid rgba(0,0,0,.08)}.footer-wrapper{max-width:1000px;margin:40px auto 0;padding-top:40px}.footer-wrapper p{color:#4a5568;line-height:1.8;font-size:.88em;margin-bottom:15px;font-weight:400}.copyright{margin-top:25px;padding-top:20px;font-size:.85em;color:#718096}.copyright a{color:red;text-decoration:none;font-weight:700;transition:all .3s}.copyright a:hover{text-decoration:underline;color:#c00}@media (max-width:1599px){.products-grid{grid-template-columns:repeat(5,1fr);gap:23px}}@media (max-width:1399px){.products-grid{grid-template-columns:repeat(4,1fr);gap:22px}}@media (max-width:1023px){.top-nav{padding:16px 30px}.nav-logo a{font-size:1.4em}.nav-tab{padding:9px 15px;font-size:.85em}.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}h1{font-size:2.5em}.product-image{height:180px}.search-container{max-width:700px;padding:0 30px}}@media (max-width:767px){.top-nav{padding:15px 20px;flex-direction:column;gap:15px}.nav-logo a{font-size:1.3em}.nav-tabs{justify-content:center;gap:5px;max-width:100%}.nav-tab{padding:8px 12px;font-size:.78em}.products-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding:15px}h1{font-size:2.2em}.product-image{height:170px}.search-container{padding:0 20px}.search-box{font-size:.95em;padding:16px 22px}.footer-content{flex-direction:column;gap:30px}.footer-content,.footer-info{text-align:center}.social-links{justify-content:center}}@media (max-width:599px){h1{font-size:2em}.products-grid{gap:15px}.product-image{height:150px}.product-name{font-size:.85em}.product-price{font-size:.95em}}@media (max-width:479px){.top-nav{padding:12px 15px}.nav-logo a{font-size:1.15em}.nav-tab{padding:7px 10px;font-size:.7em}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px}h1{font-size:1.8em;letter-spacing:-.5px}header{padding:40px 15px 0;margin-bottom:30px}.product-card{padding:12px;border-radius:15px}.product-image{height:130px}.footer-wrapper p,.product-name{font-size:.8em}.product-price{font-size:.9em}.search-container{padding:0 15px;margin-bottom:25px}.search-box{font-size:.9em;padding:14px 18px}.social-link{width:48px;height:48px}.social-link svg{width:22px;height:22px}}