:root{--primary-color:#230344;--secondary-color:#f7e8d3;--accent-color:#f5793b;--text-color:#223651;--font-family:"Roboto",sans-serif;--transition-duration:0.3s}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:var(--font-family);flex-direction:column;min-height:100vh;background-color:var(--secondary-color);color:var(--text-color)}#app,header{display:flex}header{background-color:var(--primary-color);color:var(--secondary-color);padding:20px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;background-image:url(https://www.transparenttextures.com/patterns/skulls.png);animation:slideInDown var(--transition-duration) ease-in-out;justify-content:space-between;align-items:center}header h1{font-size:2.5rem;margin:0 auto;transition:color var(--transition-duration)}header h1:hover{color:var(--accent-color)}header .sale-button{animation:blink 1s infinite}header .back-button,header .sale-button{padding:10px 20px;background-color:var(--accent-color);color:var(--secondary-color);border:none;border-radius:5px;font-size:1.2rem;cursor:pointer}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}main{flex:1;padding:40px 20px;display:grid;place-items:center;animation:fadeIn var(--transition-duration) ease-in-out}footer{background-color:var(--primary-color);color:var(--secondary-color);padding:15px 20px;text-align:center;box-shadow:0 -4px 6px rgba(0,0,0,.1);animation:slideInUp var(--transition-duration) ease-in-out;background-image:url(https://www.transparenttextures.com/patterns/skulls.png)}.footer-content{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.about-us,.contact-us,.newsletter,.social-media{flex:1;max-width:25%;margin:10px;text-align:left}.about-us h2,.contact-us h2,.newsletter h2,.social-media h2{font-size:1.5rem;margin-bottom:10px}.about-us p,.contact-us p,.newsletter p{max-width:600px}.social-icons{display:flex;flex-direction:column;gap:10px}.social-icon{color:var(--secondary-color);font-size:1.2rem;text-decoration:none;transition:color var(--transition-duration)}.social-icon:hover{color:var(--accent-color)}.contact-link{background-color:var(--primary-color);color:var(--secondary-color);text-decoration:none;transition:color var(--transition-duration)}.contact-link:hover{color:var(--accent-color)}.contact-link:active{color:#f79e3b}footer p{margin:0;font-size:1rem}.footer-links{margin:20px 0}.footer-links a{margin:0 10px;color:var(--secondary-color);text-decoration:none;transition:color var(--transition-duration)}.footer-links a:hover{color:var(--accent-color)}.newsletter form{display:flex;flex-direction:column;gap:10px}.newsletter button,.newsletter input{padding:10px;border:none;border-radius:5px}.newsletter button{background-color:var(--accent-color);color:var(--secondary-color);cursor:pointer;transition:background-color var(--transition-duration)}.newsletter button:hover{background-color:darken(var(--accent-color),10%)}.scroll-to-top-btn{position:fixed;bottom:20px;right:20px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--transition-duration);opacity:.7}.scroll-to-top-btn:hover{background-color:var(--accent-color);opacity:1}@media (max-width:768px){.footer-content{flex-direction:column;align-items:center}.about-us,.contact-us,.newsletter,.social-media{max-width:100%;text-align:center}.newsletter form{align-items:center}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.instagram-text{background-image:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);animation:rainbow-animation 10s infinite}.facebook-text,.instagram-text{font-family:Arial Black,sans-serif;font-size:1.5em;background-size:600% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;border-radius:10px}.facebook-text{background-image:linear-gradient(90deg,#3b5998,#8b9dc3);animation:facebook-animation 10s infinite}.twitter-text{background-image:linear-gradient(90deg,#00aced,#1da1f2);animation:twitter-animation 10s infinite}.twitter-text,.youtube-text{font-family:Arial Black,sans-serif;font-size:1.5em;background-size:600% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;border-radius:10px}.youtube-text{background-image:linear-gradient(90deg,red,#ff5e5e);animation:youtube-animation 10s infinite}@keyframes rainbow-animation{0%{background-position:0 0}to{background-position:100% 0}}@keyframes facebook-animation{0%{background-position:0 0}to{background-position:100% 0}}@keyframes twitter-animation{0%{background-position:0 0}to{background-position:100% 0}}@keyframes youtube-animation{0%{background-position:0 0}to{background-position:100% 0}}.sort-by-section{background-color:var(--accent-color);color:var(--secondary-color);padding:10px;border-radius:5px;margin-bottom:20px}.sort-by-section label{font-weight:700}.sort-by-section select{padding:5px;border:none;border-radius:5px;margin-left:10px}[data-v-6b187e7a]:root{--primary-color:#230344;--secondary-color:#f7e8d3;--accent-color:#f5793b;--text-color:#223651;--font-family:"Roboto",sans-serif;--transition-duration:0.3s}.product-list-container[data-v-6b187e7a]{max-width:1200px;margin:0 auto;padding:20px;background-color:var(--secondary-color);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;animation:fadeIn-6b187e7a var(--transition-duration) ease-in-out}.search-container[data-v-6b187e7a]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.search-input[data-v-6b187e7a]{flex:20;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border-color var(--transition-duration),box-shadow var(--transition-duration);background-image:linear-gradient(90deg,#b0e0e6,orange);margin-bottom:10px}.search-input[data-v-6b187e7a]:focus{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(35,3,68,.5)}.custom-placeholder[data-v-6b187e7a]::-moz-placeholder{color:#230344;opacity:1}.custom-placeholder[data-v-6b187e7a]::placeholder{color:#230344;opacity:1}.filter-container[data-v-6b187e7a]{display:flex;align-items:center;margin-left:20px;flex:6;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border-color var(--transition-duration),box-shadow var(--transition-duration);background-image:linear-gradient(90deg,orange,#b0e0e6);margin-bottom:10px}.filter-container label[data-v-6b187e7a]{margin-right:10px;color:var(--text-color)}.filter-by-category-select[data-v-6b187e7a]{width:180px;padding:5px;border:1px solid #ccc;border-radius:4px;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.filter-by-category-select[data-v-6b187e7a]:focus{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(35,3,68,.5)}.sorting-container[data-v-6b187e7a]{display:flex;align-items:center;margin-left:20px;flex:2;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border-color var(--transition-duration),box-shadow var(--transition-duration);background-image:linear-gradient(90deg,#b0e0e6,orange);margin-bottom:10px}.sorting-container label[data-v-6b187e7a]{margin-right:10px;color:var(--text-color)}.sorting-container select[data-v-6b187e7a]{padding:5px;border:1px solid #ccc;border-radius:4px;transition:border-color var(--transition-duration),box-shadow var(--transition-duration)}.sorting-container select[data-v-6b187e7a]:focus{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(35,3,68,.5)}@media screen and (max-width:480px){.filter-container[data-v-6b187e7a],.sorting-container[data-v-6b187e7a]{margin-left:0}}.product-list[data-v-6b187e7a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.product-card[data-v-6b187e7a]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform var(--transition-duration),box-shadow var(--transition-duration)}.product-card[data-v-6b187e7a]:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.image-container[data-v-6b187e7a]{position:relative}.product-image[data-v-6b187e7a]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-duration)}.zoom-button[data-v-6b187e7a]{position:absolute;top:10px;left:10px;background-color:var(--primary-color);color:var(--secondary-color);padding:5px 10px;border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-duration),transform var(--transition-duration)}.zoom-button[data-v-6b187e7a]:hover{background-color:var(--accent-color);transform:scale(1.05)}.product-details[data-v-6b187e7a]{padding:16px}.product-details h2[data-v-6b187e7a]{font-size:18px;margin-bottom:5px;color:var(--primary-color);transition:color var(--transition-duration)}.product-details h2[data-v-6b187e7a]:hover{color:var(--accent-color)}.category[data-v-6b187e7a]{color:#666;padding-bottom:10px;font-size:14px}.price[data-v-6b187e7a]{font-weight:700;margin-bottom:10px;color:var(--text-color)}.view-product[data-v-6b187e7a]{display:inline-block;background-color:var(--accent-color);color:var(--secondary-color);text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color var(--transition-duration),transform var(--transition-duration)}.view-product[data-v-6b187e7a]:hover{background-color:var(--primary-color);transform:scale(1.05)}.pagination-controls[data-v-6b187e7a]{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination-controls button[data-v-6b187e7a]{padding:8px 16px;margin:0 5px;border:none;border-radius:4px;background-color:var(--primary-color);color:var(--secondary-color);cursor:pointer;transition:background-color var(--transition-duration),transform var(--transition-duration)}.pagination-controls button[data-v-6b187e7a]:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls button[data-v-6b187e7a]:hover:not(:disabled){background-color:var(--accent-color);transform:scale(1.05)}.modal[data-v-6b187e7a]{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);animation:fadeIn-6b187e7a var(--transition-duration) ease-in-out}.modal-content[data-v-6b187e7a]{max-width:90%;max-height:90%;animation:zoomIn-6b187e7a var(--transition-duration) ease-in-out}.close[data-v-6b187e7a]{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:color var(--transition-duration)}.close[data-v-6b187e7a]:hover{color:var(--accent-color)}.filter-by-category-select[data-v-6b187e7a],.sort-by-select[data-v-6b187e7a]{padding:5px;border:1px solid #ccc;border-radius:4px;background-color:#f7e8d3;color:#ff5e5e;transition:background-color var(--transition-duration),color var(--transition-duration)}.filter-by-category-select option[data-v-6b187e7a],.sort-by-select option[data-v-6b187e7a]{max-width:180px!important;background-color:var(--accent-color);color:var(--secondary-color)}.filter-by-category-select[data-v-6b187e7a]:focus,.sort-by-select[data-v-6b187e7a]:focus{border-color:var(--primary-color);box-shadow:0 2px 4px rgba(35,3,68,.5);background-color:var(--primary-color);color:var(--secondary-color)}@keyframes fadeIn-6b187e7a{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-6b187e7a{0%{transform:scale(0)}to{transform:scale(1)}}.home[data-v-9ba2b65c]{padding:16px}.sale-page[data-v-4c558550]{padding:20px;background-color:var(--secondary-color);color:var(--text-color);text-align:center}.sale-page h1[data-v-4c558550]{font-size:3rem;color:var(--accent-color);margin-bottom:20px}.sale-items[data-v-4c558550]{display:flex;flex-wrap:wrap;justify-content:space-around}.sale-item[data-v-4c558550]{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;margin:10px;flex:1 1 300px;max-width:300px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sale-item img[data-v-4c558550]{max-width:100%;border-radius:10px}.sale-item h2[data-v-4c558550]{font-size:1.5rem;margin:10px 0}.sale-item .description[data-v-4c558550]{font-size:1rem;margin:10px 0;transition:color var(--transition-duration)}.sale-item .description[data-v-4c558550]:hover{color:var(--accent-color)}.original-price[data-v-4c558550]{text-decoration:line-through;color:#888}.sale-price[data-v-4c558550]{font-size:1.5rem;color:var(--accent-color);font-weight:700}.sale-item button[data-v-4c558550]{padding:10px 20px;background-color:var(--accent-color);color:var(--secondary-color);border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color var(--transition-duration)}.sale-item button[data-v-4c558550]:hover{background-color:darken(var(--accent-color),10%)}.loading[data-v-4c558550]{text-align:center;font-size:1.5rem;color:var(--accent-color)}.bottom-observer[data-v-4c558550]{width:100%;height:20px}.modal[data-v-4c558550]{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);animation:fadeIn-4c558550 var(--transition-duration) ease-in-out}.modal-content[data-v-4c558550]{max-width:90%;max-height:90%;animation:zoomIn-4c558550 var(--transition-duration) ease-in-out}.close[data-v-4c558550]{position:absolute;top:10px;right:25px;color:#fff;font-size:35px;font-weight:700;cursor:pointer;transition:color var(--transition-duration)}.close[data-v-4c558550]:hover{color:var(--accent-color)}.view-product[data-v-4c558550]{display:inline-block;background-color:var(--accent-color);color:var(--secondary-color);text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color var(--transition-duration),transform var(--transition-duration)}.view-product[data-v-4c558550]:hover{background-color:var(--primary-color);transform:scale(1.05)}@keyframes fadeIn-4c558550{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-4c558550{0%{transform:scale(0)}to{transform:scale(1)}}