@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";header{padding:auto;padding-left:16%;padding-right:13%;display:flex;justify-content:space-between;margin-bottom:40px;position:sticky;top:0;background-color:var(--color-background-primary);z-index:100;box-shadow:0 4px 16px -4px var(--color-header)}header>nav>ul{display:flex;margin-top:30px;justify-content:space-around}header>nav>ul>li{padding-right:30px}header nav ul li a,header nav ul li a:visited{text-decoration:none;font-family:var(--font-main);color:var(--color-text-secondary);transition:color .15s ease;font-size:16px;font-weight:600}header nav ul li a:hover{color:var(--color-text-primary)}.logo-container h1{display:flex;margin-left:-20px}.logo{margin-top:25px;margin-bottom:20px;color:var(--color-primary-var);font-family:var(--font-main);font-size:25px;font-weight:700}.logo p{color:var(--color-text-secondary);font-family:var(--font-main);font-weight:500;border-bottom:1px solid #4B5563}.shopping-cart{width:28px;height:28px;margin-top:-3px}.shopping-cart:hover{transform:scale(1.1);transition:transform .15s ease}.search-container{width:90%;margin-top:15px;display:grid;grid-template-columns:85% 15%}header>.search-container>input{width:87%;height:30px;border-radius:10px;border:1px solid var(--color-text-primary);margin-left:10%;margin-right:10px;margin-top:10px}.search-container>div{width:30px;height:30px;margin-top:10px;background-color:#fff}.img-search{width:30px;cursor:pointer}.active-link{font-weight:700;border-bottom:1px solid black}.important-text{font-size:50px;font-family:var(--font-main);color:var(--color-button-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;padding-left:5px;padding-right:5px}.title{font-size:var(--subtitle-size);font-family:var(--font-main);color:var(--color-text-primary);font-weight:var(--font-weight-bold);padding-left:5px;padding-right:5px;margin-top:30px}.banner{font-size:var(--subtitle-size);font-family:var(--font-main);color:var(--color-text-primary);font-weight:var(--font-weight-bold);padding-left:5px;padding-right:5px;margin-bottom:10px}.subtitle{font-family:var(--font-main);font-size:18px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-align:center;text-transform:capitalize;padding-left:5px;padding-right:5px}.spam-banner{font-family:var(--font-main);font-size:18px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-align:center;text-transform:capitalize;color:var(--color-button-primary)}.primary-banner{border-radius:var(--border-radius);width:100%;height:300px;background-color:var(--color-background-secondary);background-image:url(/assets/img-banner-background-DmZhDH_Q.png);background-size:40%;background-position:5% 85%;background-position:0 85%;background-repeat:no-repeat}.primary-banner>div{display:flex;justify-content:space-around;align-items:center}.primary-banner>div>div>img{border-radius:var(--border-radius);object-fit:cover}.flex-banner{display:flex;justify-content:center;gap:10px;align-items:center}button{background-color:var(--color-button-primary);border:none;border-radius:var(--border-radius);color:#fff;font-family:var(--font-main);font-size:16px;cursor:pointer;margin:10px auto 20px;display:block;padding:8px 10px 10px;width:90%}button:hover{background-color:var(--color-accent-yellow);transition:all .3s ease}.card-category{width:160px;height:170px;background-color:var(--color-background-secondary);border-radius:var(--border-radius);margin-top:30px}.card-category:hover{background-color:var(--color-background-primary);box-shadow:0 14px 18px var(--color-background-category);border-top:1px solid var(--color-background-category);transition:box-shadow 0s ease-in-out;cursor:pointer}.img-category{width:50px;height:50px;display:block;margin-left:auto;margin-right:auto;margin-top:30px}.card-offer{width:160px;height:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius);margin-top:30px}.card-offer:hover{background-color:var(--color-background-primary);box-shadow:0 14px 18px var(--color-background-category);border-top:1px solid var(--color-background-category);transition:box-shadow 0s ease-in-out;cursor:pointer}.img-offer{width:50px;height:50px;display:block;margin:30px auto 20px}.around-price{display:flex;justify-content:space-between}.around-price>p{margin-left:20px;font-family:var(--font-main);font-size:16px;color:var(--color-text-secondary);text-align:center;padding-bottom:20px}.around-price>p:first-child{text-decoration:line-through}.around-price>p:last-child{margin-right:20px;color:var(--color-button-primary);font-weight:var(--font-weight-bold)}.card-offer>p{font-family:var(--font-main);font-size:16px;color:var(--color-text-secondary);text-align:center;padding-bottom:20px;font-weight:var(--font-weight-bold)}.categories-container{margin-top:30px}.items-categories-container>h2{margin-bottom:10px;font-size:var(--subtitle-size);font-family:var(--font-main);color:var(--color-text-primary);font-weight:600}.items-categories-container{display:flex;justify-content:space-around;gap:10px;width:70%;margin:0 auto 20px}.item-categories{width:130px;height:150px;background-color:var(--color-background-secondary)}.items-products-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:30px}.offer-container{margin-top:60px}.items-offer-container>h2{margin-bottom:10px;font-size:var(--subtitle-size);font-family:var(--font-main);color:var(--color-text-primary);font-weight:600}.items-offer-container{display:flex;justify-content:space-between;gap:10px}.item-offer{width:130px;height:150px;background-color:var(--color-background-secondary)}.btn-offer-plus{margin-right:10px;text-decoration:none;font-family:var(--font-main);color:var(--color-text-secondary);transition:color .15s ease;font-size:16px;font-weight:600}.btn-offer-plus:hover{color:var(--color-text-primary)}footer{padding:2%;border:solid 1px black;background-color:var(--color-background-footer);color:var(--color-background-primary);text-align:center;margin-top:60px}.social-media{display:flex;justify-content:center;gap:20px;margin-top:10px}.social-media>a{text-decoration:none;color:var(--color-accent-yellow-var);font-weight:var(--font-weight-bold)}.cart{width:350px;height:auto;background-color:var(--color-background-primary);border-radius:var(--border-radius) 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 16px -4px var(--color-text-secondary);margin-top:30px;position:fixed;top:4%;right:15%;z-index:9999}.cart h2,.cart p{text-align:center;padding:10px}.cart h2{border-bottom:1px solid var(--color-text-secondary);font-family:var(--font-secondary);font-size:15px;font-weight:var(--font-weight-medium)}.mb20{margin-bottom:20px}.cart p{font-family:var(--font-main);font-size:13px;font-weight:var(--font-weight-normal)}.cart-product{display:grid;grid-template-columns:1fr 6fr 0fr 0fr 0fr;padding-left:10px}.img-cart{width:30px;margin-left:10px;margin-right:30px;margin-bottom:10px}.title-cart{margin-left:-30px}.quantity-cart{margin-right:10px}.shoppingCart-container{width:50%;margin:30px 25% 50px}.shoppingCart-button{width:50%;margin:50px 25% 0}.shoppingCart-container>.title-cart,.shoppingCart-container>.quantity-cart{padding-left:50px;padding-top:10px;font-family:var(--font-secondary);font-size:16px}.btn-cart{width:30px;height:35px;background-color:var(--color-background-footer);border-radius:10%;text-align:center;margin-left:1px;margin-top:0}.shoppingCart-container>.quantity-cart{margin-right:20px}.btn-cart:last-child{margin-right:10px}.title-empty-cart{text-align:center;margin-top:-30px}.shoppingCart-button-empty-cart{width:50%;margin:-30px 25% 0}:root{--color-background-primary: #F9FAFB;--color-background-secondary: #E5E7EB;--color-background-category: #d5d6d9;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-primary: #2563EB;--color-primary-var: #2564ebe6;--color-button-primary: #F97316;--color-button-secondary: #10B981;--color-accent-yellow: #F59E0B;--color-accent-yellow-var: #ffcc00;--color-accent-purple: #A855F7;--color-header: #4b556313;--color-background-footer: #777d86;--font-main: "Montserrat", sans-serif;--font-secondary: "Inter", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--subtitle-size: 20px;--border-radius: 30px}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:monospace;text-decoration:none;list-style:none}body{background-color:var(--color-background-primary)}.container-app{margin:auto 15%}