*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth;box-sizing:border-box}:root{--header-size: 4rem}.title{text-decoration:none;font-size:25px;width:20px;color:#000;font-weight:700}.header-logo{width:75px}.to-shop{text-decoration:none;color:#000;font-weight:700}.navbar{display:flex;flex-direction:column;gap:40px;font-weight:700;background-color:#000000ef;position:absolute;top:12vh;right:0;width:100%;height:100vh;overflow:hidden;transition:transform .3s ease-in-out;transform:translate(-100%);padding:2.5em 1em 1em}.fullscreen{display:flex;background-color:#b3671e;position:sticky;top:0;height:12vh;padding-inline:1em;display:none}.fullscreen nav{display:flex;flex-direction:row}.fullscreen nav .link{text-decoration:none;color:#000}.fullscreen .link:hover{text-decoration:underline;color:#000}.mobile{display:flex;flex-direction:row;justify-content:space-between;background-color:#b3671e;align-items:center;position:sticky;top:0;height:12vh;padding-inline:1em}.to-shop.mobile-nav,.nav-title.mobile-nav{color:#fff}.fullscreen nav{display:flex;flex-direction:row;gap:40px;font-weight:700}.navbar.opened{transform:translate(0)}.mobile .link{text-decoration:none;color:#fff;border:none;font-size:15px;padding-left:1em;border-left:1px solid white;transition:.4s ease;padding-top:.5em;padding-bottom:.5em}.mobile .link:hover{background-color:#d3d3d3}.phone-img{width:150px}.nav-title{font-size:17px;color:#000;font-weight:700}.hamburger-menu{width:45px;height:auto;cursor:pointer}.hamburger-menu-container{display:block;height:auto}.menu-btn{cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:0 0 5px;background:#000;transition:all .5s ease-out}.menu-btn.close{transform:rotate(180deg)}.menu-btn.close .btn-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:88vh;background-color:#0000005f;color:#fff;gap:40px;padding-inline:1em}.hero-wrapper{background-image:url(/images/standard-barbecue-sauce.jpg);background-repeat:repeat;background-size:cover;min-height:88vh;width:100%;background-position:0 20%}.hero-title{text-align:center;font-weight:700;font-size:clamp(3rem,10vw,5rem);width:auto}.hero-desc{width:auto;line-height:2rem;font-size:clamp(.2rem,7vw,2rem);text-align:center}.hero-btn{font-weight:700;text-decoration:none;color:#fff;border:1px solid white;border-radius:9rem;padding:20px}.sauces-section{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#fff;padding-top:5rem;padding-inline:1em;gap:3em}.sauces{max-width:100%;height:auto;border-radius:2rem}.sauces-text{display:flex;flex-direction:column;justify-content:space-between;color:#5b1e0f;gap:20px;text-align:center}.sauces-title{font-weight:700;font-size:2rem}.sauces-desc{width:auto;line-height:2rem;font-size:1rem}.sauces-container{display:flex;justify-content:space-between}.products-section{display:flex;flex-direction:column;padding-top:7rem;padding-bottom:9rem;align-items:center;gap:3rem}.products-section-title{font-size:2rem;font-weight:700;color:#5b1e0f;text-align:center}.products-img{width:200px;height:300px;object-fit:cover;border-radius:2rem}.products-desc{width:200px;font-size:15px;text-align:center}.products-btn{font-size:20px;padding:10px 20px;border-radius:99rem;border:1px solid black;cursor:pointer;background-color:#fff;transition:.4s ease}.products-btn:hover{background-color:#000;color:#fff}.products-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;gap:1rem;padding-top:2rem;padding-inline:1em}.products{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background-color:#fff;border-radius:2rem;box-shadow:#959da533 0 8px 24px;width:310px}.products-title{font-size:25px;font-weight:700;color:#000;text-align:center}.product-section{display:flex;min-height:90vh;justify-content:center;align-items:center;padding-inline:1em;padding-top:2em;padding-bottom:3em}.products-info{display:flex;flex-direction:column;justify-content:space-around;width:100%;gap:2em}.products-text{display:flex;flex-direction:column;gap:30px;justify-content:center;max-width:600px}.product-img{width:300px;height:auto;object-fit:cover}.rounded{border-radius:3rem}.product-img-container{display:flex;justify-content:center}.product-title{font-size:45px;font-weight:700}.product-desc{width:auto;line-height:1.7rem}.product-bottom{display:flex;flex-direction:column;gap:30px}.buy{font-size:15px;padding:10px 20px;border-radius:9px;cursor:pointer;border:none;color:#fff;font-weight:700;width:100%;transition:.4s ease}.origional{background-color:#de3202}.kicked{background-color:#ff4500}.perfect{background-color:#004fff}.mysterious{background-color:#c50}.buy:hover{background-color:#000}.review-product:hover{background-color:#000;color:#fff}.review-product{font-size:15px;padding:10px 20px;border-radius:9px;cursor:pointer;border:none;color:#000;font-weight:700;width:100%;transition:.4s ease;background-color:#fff;border:2px solid black}.footer-section{display:flex;flex-direction:column;background-color:#b3671e;min-height:40vh;color:#000;padding-top:2rem;justify-content:space-around;align-items:center}.footer-title{font-size:2rem;font-weight:700;text-align:center}.footer-logo{width:100px}.logo{width:50px;height:50px}.phone,.email{font-size:15px;width:auto;font-weight:700;color:#000}.footer-section a{font-size:20px;font-weight:700;color:#000;text-decoration:none}.logos{display:flex;align-items:center;gap:20px}.about-container{padding-inline:1em;margin-top:2em}.about-title{margin-bottom:.75em}.about-statement{display:flex;flex-direction:column;gap:20px;margin-bottom:4em}.about-landing-img{width:100%;border-radius:9px;margin-bottom:2em}.gallery-img{width:100%}.gallery-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:2px}.gallery-title{text-align:center;margin-bottom:1em}.coming-soon{display:grid;place-items:center;height:80vh}@media (width>800px){.about-statement{max-width:700px}}@media (width > 600px){.sauces,.sauces-text,.hero-desc{max-width:600px}.about-landing-img{width:600px}.about-landing,.about-container{display:flex;flex-direction:column;align-items:center}}@media (width > 1250px){.phone,.email{font-size:1.2vw}.sauces-section{flex-direction:row;justify-content:space-evenly;padding-inline:10rem}.sauces-text{text-align:start}.sauces-desc{font-size:1.2vw}.products-container{padding-inline:10rem}.products-img{width:250px;height:350px}.fullscreen{display:flex;justify-content:space-between;align-items:center}.fullscreen nav{position:relative;display:flex}.mobile{display:none}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:6em}.gallery-container{grid-template-columns:1fr 1fr 1fr 1fr}.gallery-title{margin-bottom:2em}.about-content{display:flex;align-items:center;gap:4em}.about-title{margin-bottom:1.75em;margin-top:1.5em}}@media (width > 1100px){.product-img{width:400px}.products-info{justify-content:center;gap:7rem}}@media (width > 650px){.products-info,.product-bottom{flex-direction:row}.products-text{text-align:start}}@media (width > 400px){.products-text{text-align:start}}
