:root{--bg-color: white;--primary-color: rgb(33 33 33);--primary-color-80: rgba(33, 33, 33, .8);--primary-color-50: rgba(33 33 33 / 50%);--primary-color-25: rgba(33 33 33 / 25%);--primary-color-20: rgba(33 33 33 / 20%);--primary-color-10: rgba(33 33 33 / 10%);--primary-color-5: rgba(33 33 33 / 5%);--secondary-color: rgb(250 208 44);--secondary-color-50: rgba(250 208 44 / 50%);--secondary-color-25: rgba(250 208 44 / 25%);--transparent: rgba(0 0 0 / 0%)}*{padding:0;margin:0;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--primary-color);min-width:640px;max-width:1080px;margin:auto;display:flex;flex-direction:column;min-height:100vh}hr{all:unset;display:block;background-color:var(--primary-color-20);width:100%;height:1px}a{text-decoration:none;color:var(--primary-color)}.nav{display:flex;width:100%;max-width:1080px;margin:auto;height:4rem;gap:1rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-color-20);background-color:var(--bg-color);position:fixed;top:0;left:0;right:0;z-index:10}.left-header,.right-header{flex:1;height:100%;display:flex;align-items:center}.left-header{flex:1;justify-content:flex-start;gap:.5rem}.right-header{flex:2;justify-content:flex-end;gap:1rem}.nav-input{min-width:24ch;text-align:start;padding:4px 8px;border:none;border-radius:2px;background-color:var(--primary-color-10)}.nav-button,.nav-input,.nav-select-dropdown,.category-clickable{font-size:1.2rem;text-align:center;width:15ch;color:var(--primary-color);background-color:var(--transparent);border:none;border-bottom:2px solid var(--transparent);border-radius:2px;padding:4px 0}.category-clickable{text-align:left;width:auto}.nav-select-dropdown{text-align:left}.nav-input{background-color:var(--primary-color-5)}.nav-filter-text{font-size:1.2rem;min-width:fit-content}.nav-button-search{width:6ch}.nav-button-search:hover,.nav-select-dropdown:hover,.category-clickable:hover{border-bottom:2px solid var(--secondary-color);cursor:pointer}.nav-button-clear{margin-left:1rem;border:1px solid var(--secondary-color);background-color:var(--secondary-color-25);border-radius:4px}.cart-button{background-color:var(--secondary-color-50);color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:4px}.message-container{width:100%;background-color:#90ee90;min-height:3rem;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:1.1rem}.urgent{background-color:#8b0000;color:var(--bg-color)}.content{padding-top:5rem;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.collection{width:100%}.home,.item-view-top,.collection-list,.collection-list-grouped{display:flex;width:100%;gap:2rem;justify-content:space-between;align-items:flex-start;padding:1rem 0}.collection-list-grouped{flex-direction:column}.collection-list-category{width:100%}.category-header{padding-bottom:1rem;font-weight:350}.category-items-row{display:flex;gap:.5rem;overflow-x:scroll}.home{flex-direction:column;gap:0;width:100%}.home-top{display:flex;width:100%;gap:2rem;justify-content:space-between;align-items:flex-start;padding:1rem 0}.home-collection-header h2{font-weight:350;text-align:center;padding-bottom:1rem}.home-bottom{width:100%;border-radius:4px;margin-bottom:1rem;border:1px solid var(--secondary-color);padding:1rem}.home-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.home-thumbnail-container{overflow:hidden;border-radius:4px;aspect-ratio:4 / 4.4}.home-thumbnail{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .25s ease}.home-thumbnail:hover{transform:scale(1.025);cursor:pointer}.left,.right{flex:1;height:100%;min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.left{border:1px solid var(--primary-color-5);border-radius:4px;justify-content:flex-start;height:100%}.left img{width:100%;border-radius:4px 4px 0 0}.featured-text{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.featured-text div,.featured-text hr{margin:.25rem 0}.left p,.left h1{width:100%;text-align:start;padding:.25rem 1.5rem}h1{font-weight:400}.featured-header{font-size:1.2rem}.right{flex:2;justify-content:space-between}.logo-container{height:165px;width:100%;text-align:center;border-radius:4px}.logo{max-height:200px;max-width:100%;height:auto;width:auto}.video-container{margin-top:1rem;max-width:100%}.promo-video{width:100%;display:block;margin:0 auto;border-radius:4px}.collection-list{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem}.collection-sort{width:100%;display:flex;gap:1ch;padding:.25rem 0;font-size:1.2rem;border-bottom:1px solid var(--primary-color-10)}.collection-sort select{flex-grow:1;border:none;border-radius:4px;padding:0 .5rem;font-size:1.2rem}.collection-item{width:calc(25% - .75rem);margin-bottom:.25rem;border:1px solid var(--primary-color-20);border-radius:4px}.collection-img{width:100%;height:288px;object-fit:cover;object-position:center;display:block;border-radius:4px 4px 0 0;margin-bottom:.25rem;border-bottom:1px solid var(--primary-color-20)}.collection-item p{padding:0 1rem .25rem}.collection-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.collection-list-grouped .collection-item{min-width:260px}.collection-list-grouped .collection-img{width:100%;height:288px;object-fit:cover;object-position:center;display:block;border-radius:4px 4px 0 0;margin-bottom:.25rem;border-bottom:1px solid var(--primary-color-20)}.collection-list-grouped .collection-item p{padding:0 1rem .25rem}.collection-list-grouped .collection-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.item-view-root{width:100%}.item-view-top{height:50vh;padding:0;margin:1rem auto;background-color:var(--primary-color-5);border-radius:4px}.item-view-top img{height:50vh;border-radius:4px 0 0 4px}.item-view-bottom,.item-view-gallery{height:20vh;display:flex;justify-content:space-between;border:1px solid var(--primary-color-10);border-radius:4px;gap:.25rem;box-sizing:unset}.item-view-gallery{border:none;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.item-view-left,.item-view-right{width:fit-content;height:100%;display:flex;flex-direction:column}.item-view-right{flex-grow:1;padding:1rem 0;margin-right:2rem;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.item-image{width:410px}.item-view-right hr{margin:1rem 0;display:flex}.item-view-info{font-size:.8rem}.item-view-info h3{font-weight:500}.item-view-header{height:fit-content;font-size:1.2rem;display:flex;justify-content:space-between;padding-bottom:1rem}.item-view-details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.item-view-description{gap:.25rem}.item-view-link{font-size:large;text-align:end}.item-not-found-container{display:flex;flex-direction:column}.item-not-found-container h2,.item-not-found-container p{font-weight:350;text-align:center;padding-bottom:1rem}.item-not-found-container img{max-width:420px;margin:auto;padding-bottom:1rem}.item-not-found-link{width:fit-content;margin:auto}.add-to-cart-btn{font-size:1.2rem;text-align:center;width:fit-content;color:var(--primary-color);background-color:var(--transparent);border:none;border-bottom:1px solid var(--primary-color-25);border-radius:2px}.add-to-cart-btn:hover{border-bottom:1px solid var(--secondary-color);cursor:pointer}.sold-out{color:#8b0000}.item-view-link span{border-bottom:1px solid var(--primary-color-25)}.item-view-prev,.item-view-next{color:var(--primary-color-50);font-size:20px;background-color:var(--primary-color-5);border-radius:4px 0 0 4px;display:flex;align-items:center;justify-content:center;width:2ch;font-weight:700}.item-view-next{border-radius:0 4px 4px 0}.nav-button-clear:hover{background-color:var(--secondary-color);border-bottom:none}.item-view-prev:hover,.item-view-next:hover{color:var(--secondary-color);background-color:var(--primary-color-50);cursor:pointer}.thumbnail{padding:.25rem 0;opacity:.8}.footer{width:100%;max-height:70px;height:10vh;display:flex;flex-direction:column;justify-content:flex-end}.footer p{text-align:center}.footer a{color:var(--primary-color)}.social{display:flex;justify-content:center;align-items:center;gap:1rem}.social-icon{border-radius:50%}.copyright{padding-top:4px}.cart,.admin{padding-top:5vh 0;text-align:center;flex:1;max-height:85vh;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.cart div{padding-bottom:4px}.cart h1{font-size:1.2rem}.cart-empty{margin:1rem auto}.admin-content{margin-top:1rem}.login,.new-notification{width:60%;margin:auto}.login h3,.new-notification h3{font-weight:lighter;margin-bottom:1rem}.login form,.new-notification form{display:flex;flex-direction:column;gap:.5rem}.login form label,.new-notification form label{display:flex;justify-content:space-between}.login form span,.new-notification form span{width:10ch;text-align:left}.new-notification form span{width:16ch}.login form input,.new-notification input{flex-grow:1}.login form button,.new-notification button{width:100%;font-size:1.1rem}.admin hr{margin:1rem}.admin input{min-width:24ch;text-align:start;padding:4px;border:1px solid var(--secondary-color);border-radius:2px;background-color:var(--primary-color-10)}.cart h3{margin:.5rem}.cart hr{margin-bottom:1rem}.cart-dish-card,.order-history-card,.order-history-btn{display:flex;flex-direction:column;justify-content:start;align-items:start;width:60%;background-color:var(--primary-color-5);border:1px rgba(0 0 0 / 0%) solid;border-radius:4px;margin:1rem auto;padding:1rem}.cart-dish-card div{display:flex;width:100%}.cart-dish-card-amount{width:3ch}.cart-dish-card-price,.cart-dish-card-remove,.order-again{text-align:end;flex:4;padding-bottom:.5rem}.cart-dish-card-remove button{text-decoration:underline;color:#8b0000;border:none;font-size:1rem}.cart-dish-card-remove button:hover{cursor:pointer;color:red}.cart-buttons{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin:1rem 0}.cancel,.confirm{text-align:center;width:15ch;color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:4px;padding:4px 0}.cancel{color:#8b0000;border:1px solid darkred}.order-total{font-weight:700}.tax-note{width:fit-content;margin:1rem auto;border-top:1px solid var(--primary-color-20);padding-top:.25rem;font-size:.8rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:75vh}.dialog-container{width:100%;padding:.5rem}.dialog-title{font-size:1.2rem;padding-bottom:.75rem;text-align:start}.dialog-content{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%}.dialog-content p{border-bottom:1px solid var(--transparent);padding:.25rem 0}.dialog-content a{text-decoration:none;color:var(--primary-color)}.dialog-button{margin-top:1rem;width:100%;padding:4px;background-color:var(--secondary-color-25);border:1px rgba(0 0 0 / 0%) solid;border-radius:4px}a:hover{cursor:pointer;border-bottom:2px solid var(--secondary-color)}.image-link:hover,.dialog-link:hover{border-bottom:none}.social-icon:hover{cursor:pointer;color:var(--secondary-color)}.link:hover,.right-header p:hover,.featured-link:hover{cursor:pointer;border-bottom:1px solid var(--secondary-color)}.featured-image:hover{cursor:pointer;opacity:.95}.collection-item:hover{cursor:pointer;border:1px solid var(--secondary-color)}.thumbnail:hover{opacity:1;cursor:pointer}.cart-button:hover{background-color:var(--secondary-color)}.cancel:hover{cursor:pointer;background-color:red}.confirm:hover,.dialog-button:hover{cursor:pointer;background-color:var(--secondary-color)}@media (width <= 830px){body,html{min-width:96vw;max-width:96vw;margin:auto}#root{width:100%;display:flex;flex-direction:column}.nav{width:96vw;margin:auto;justify-content:space-between;padding-right:1rem}.nav .left-header{max-width:60vw}@keyframes icon-animation{0%{color:var(--primary-color)}50%{color:var(--secondary-color)}to{color:var(--primary-color)}}.menu-icon{z-index:1100;cursor:pointer}.menu-icon.animated{animation:icon-animation 2s infinite}.menu-bars{position:relative}.notification-dot{position:absolute;top:-2px;right:-2px;color:red}.mobile-menu{position:absolute;top:-140vh;left:0;width:100%;height:fit-content;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-bottom:2px solid var(--secondary-color);gap:.5rem;padding:10vh 6rem 2rem 2rem;z-index:1000;transition:top .5s ease-in-out}.mobile-menu.open{top:0}.nav-button{text-align:left;width:100%;border:none;border-radius:0;border-bottom:1px solid var(--secondary-color)}.sub{width:90%;margin-left:10%;color:var(--primary-color-80)}@keyframes cart-pulse{0%{transform:scale(1)}50%{transform:scale(1.025)}to{transform:scale(1)}}.cart-button{background-color:#21212100;color:#645000;border-bottom:1px solid var(--secondary-color);animation:cart-pulse 2s infinite}.nav-input{font-size:1rem;min-width:12ch}.nav-filter-text{font-size:1rem}.nav-button-search{font-size:1rem;width:fit-content;border-bottom:1px solid var(--secondary-color)}.nav-button-clear{width:6ch;text-align:center;border:1px solid var(--secondary-color);border-radius:4px;background-color:var(--secondary-color-25)}.home-top,.item-view-top,.collection,.cart{flex:1;padding:0;margin-bottom:.5rem;flex-direction:column;gap:0}.left{border:1px solid var(--transparent);margin:auto;padding-bottom:1rem}.logo-container{height:fit-content;margin-bottom:1rem}.featured-text{margin-top:.55rem;justify-content:flex-start;gap:.5rem}.item-view{width:100%;height:fit-content;padding:.5rem}.mobile-item-image-container{height:400px;padding-bottom:.25rem}.item-image{width:100%;height:100%;border:none;border-radius:4px;margin-bottom:.5rem}.mobile-item-view-gallery-container,.item-view-gallery{height:10vh;display:flex;justify-content:space-between;border:1px solid var(--primary-color-10);border-radius:4px;gap:.25rem;box-sizing:unset}.item-view-gallery{border:none;justify-content:center}.item-view-bottom{height:auto;border:none;flex-direction:column;padding-top:1rem}.item-view-left{margin:auto}.item-view-right{padding:1rem;width:100%}.item-view-right hr{margin:0}.item-view-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;font-size:.8rem}.item-view-prev,.item-view-next{font-family:Arial,Helvetica,sans-serif;font-weight:400;min-width:2ch}.item-not-found-container img{width:90%}.collection-list{gap:.5rem}.category-items-row{-ms-overflow-style:none;scrollbar-width:none}.collection-item{width:calc(50% - .25rem)}.collection-img{width:100%;height:204px;border-radius:4px 4px 0 0}.collection-item p{padding-bottom:.25rem;padding-left:.5rem;font-size:.8rem}.dialog-container{padding:0}.dialog-content{gap:1ch;width:100%}.dialog-content p{font-size:.9rem}.dialog-title{font-size:1.1rem;padding-bottom:.75rem;text-align:start}.cart-dish-card{width:90%}.shipping-returns{text-align:left;padding-bottom:.5rem}.dialog-details p,.dialog-order-dish{font-size:.8rem}.login,.new-notification{width:90%}.login form button,.new-notification form button{font-size:1rem}.footer{margin-top:.5rem}.footer p{font-size:.8rem}}@media (width <= 1024px) and (height <= 500px){.item-view-top{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;height:50vh;margin:0;margin-bottom:.5rem}.item-view-top img{height:100%;width:auto;border-radius:0;padding-bottom:.5rem}}
