@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";article.product-card{width:100%;display:flex;flex-direction:column;height:100%}article.product-card img{width:100%}article.product-card ul{list-style:none;padding:10px 15px;height:100%;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffd700;border-top:0}article.product-card ul li{color:#d3d3d3}article.product-card ul li p{font-size:12px}article.product-card ul li.details{display:flex;justify-content:space-between;align-items:flex-end}article.product-card ul li.details .price-container{display:flex;flex-direction:column;line-height:20px}article.product-card ul li.details .price-container p.price{font-size:22px;font-weight:600;text-align:right}article.product-card ul li.details .price-container p.price.on-sale{font-size:16px;color:#858585;text-decoration:line-through}article.product-card ul li.details p.sku{font-size:9px;text-align:right}article.product-card ul h2{color:gold;font-weight:600;margin-bottom:20px;font-family:Lora,Barlow Semi Condensed,Roboto,serif;font-weight:500;line-height:1.3}@media only screen and (max-width: 600px){article.product-card ul{padding:5px 8px}article.product-card ul h2{font-size:18px;margin-bottom:10px}article.product-card ul li p{font-size:10px}article.product-card ul li.details{flex-direction:column}article.product-card ul li.details .price-container{flex-direction:row;column-gap:5px}article.product-card ul li.details .price-container p.price{font-size:20px}article.product-card ul li.details p.sku{font-size:8px}}@media only screen and (min-width: 600px) and (max-width: 768px){article.product-card ul h2{font-size:20px;margin-bottom:10px}article.product-card ul li.details{flex-direction:column}}section.product-list{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px;place-items:center;width:100%;padding:20px 0}@media only screen and (max-width: 600px){section.product-list{grid-template-columns:repeat(2,1fr);grid-column-gap:5px;grid-row-gap:10px;padding:20px 0}}@media only screen and (min-width: 600px) and (max-width: 768px){section.product-list{grid-template-columns:repeat(2,1fr)}}section.pagination{display:flex;justify-content:center;max-width:100%}section.pagination ul{margin:0;padding:0;list-style:none;display:flex}section.pagination ul li{display:flex;align-items:center;justify-content:center;margin:0 10px;cursor:pointer;width:30px;height:30px;border-radius:4px;transition:transform .3s}section.pagination ul li:hover{text-decoration:underline;transform:scale(1.2)}section.pagination ul li.actual-page{background-color:#f0f8ff;color:#000;font-weight:700;cursor:default}section.pagination ul li.actual-page:hover{text-decoration:none;transform:scale(1)}@media only screen and (max-width: 600px){section.pagination ul li{margin:0}}#filter-bar{height:100dvh;width:250px;transition:width .5s ease-in;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:space-between;overflow-y:scroll}#filter-bar>section>img{margin:20px 10px;cursor:pointer;position:relative;z-index:5}#filter-bar.closed{width:0px;border:0px}#filter-bar h3{text-align:left;margin:10px 20px}#filter-bar h4{font-weight:400;font-size:16px}#filter-bar .filter-section{padding:10px 20px;max-height:46px;overflow:hidden;transition:max-height .3s ease-in,background-color .5s ease-out;cursor:pointer}#filter-bar .filter-section:hover{background-color:#ffffff1a}#filter-bar .filter-section.open{max-height:500px}#filter-bar .filter-section .filter-section-header{display:flex;justify-content:space-between;align-items:center}#filter-bar .filter-section .filter-section-header svg{transition:rotate .3s ease-out}#filter-bar .filter-section .filter-section-header svg.open{rotate:180deg}#filter-bar .filter-section .filter-section-content{margin-top:15px}#filter-bar .filter-section .filter-section-content li{padding-bottom:5px;cursor:pointer;display:flex;align-items:center;color:#ffffffb3;font-size:16px}#filter-bar .filter-section .filter-section-content li:hover{text-decoration:underline}#filter-bar .filter-section .filter-section-content li img,#filter-bar .filter-section .filter-section-content li svg{width:25px;margin-right:5px}#filter-bar .social-media{margin:20px;display:flex;justify-content:space-evenly}#filter-bar .social-media li{transition:color .5s ease-out}#filter-bar .social-media li:hover{color:gold}@media only screen and (max-width: 600px){#filter-bar{position:absolute;width:100%;background-color:#08200d;padding-top:90px;z-index:1}#filter-bar>section>img{display:none}#filter-bar .social-media{display:none}#filter-bar .filter-section{padding:10px 20px}#filter-bar .filter-section .filter-section-content li{padding:5px 0}}@media only screen and (min-width: 600px){#filter-bar{width:200px}#filter-bar h3{margin:10px}#filter-bar .filter-section{padding:10px}#filter-bar .filter-section .filter-section-content li{font-size:14px}#filter-bar .social-media{margin:20px 10px}}#loader-container{width:100%;height:100dvh;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#08200d;z-index:2;font-size:24px}#loader-container #loader{position:relative}#loader-container #loader:before,#loader-container #loader:after{content:"";width:30px;height:30px;display:block;position:relative;margin:10px auto;border-radius:50%;background:#11421c;animation:left 1s infinite ease-in-out;border:1px solid #000;box-shadow:0 0 50px 15px #ffffff1a}#loader-container #loader:after{background:#ffd700;animation:right 1s infinite ease-in-out}@keyframes right{0%,to{transform:translate(-15px)}50%{transform:translate(15px)}}@keyframes left{0%,to{transform:translate(15px)}50%{transform:translate(-15px)}}nav#navbar{width:100%;position:fixed;top:0;background-color:#08200d;flex-direction:row;align-items:center;justify-content:space-between;height:60px;z-index:3;display:none;padding:20px}nav#navbar>svg{cursor:pointer}nav#navbar ul.social-media{display:flex}nav#navbar ul.social-media li{margin:0 10px;display:flex;align-items:center;cursor:pointer;transition:color .5s ease-out}nav#navbar ul.social-media li:hover{color:gold}nav#navbar ul.social-media li a{display:flex;align-items:center}nav#navbar>a{position:relative;top:20px}nav#navbar>a h1{display:none}@media only screen and (max-width: 600px){nav#navbar{display:flex}nav#navbar ul.social-media li{margin:0 5px}nav#navbar>a{margin-left:20px}nav#navbar>a svg{height:30px;width:30px}}main#home{display:flex;height:100dvh;overflow:hidden}main#home #products-container{width:100%;overflow-y:scroll;padding:20px}main#home #products-container h2 span{font-size:20px;color:#858585;font-weight:400}main#home #products-container section:last-child{margin-bottom:0}@media only screen and (max-width: 600px){main#home #products-container{padding:100px 10px 10px}main#home #products-container>h2{margin:20px 0;font-size:24px}}#error{display:grid;height:100dvh}#error img{width:90px;position:fixed;top:50px;left:calc(50% - 45px)}#error section{place-self:center;text-align:center}#error section h2{font-size:60px;margin-bottom:0}#error section h4{font-size:30px;margin-bottom:60px;font-weight:400}#error section a{padding:10px 40px;color:gold;font-weight:600;border-radius:4px;border:2px solid #ffd700}#error section a:hover{background-color:gold;color:#08200d}:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#08200d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Barlow Semi Condensed,Roboto,sans-serif}ul{list-style:none}a{text-decoration:none;color:inherit}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}