.container,.d-flex,.navbar-brand,.navbar-nav{display:flex}.text-link,html{color:var(--text)}.text-center,footer{text-align:center}.btn,.text-link{text-decoration:none}.btn,.navbar{user-select:none}.btn,.option-chip,html{font-family:"M PLUS Rounded 1c",sans-serif}.option-chip.selected,.option-chip:hover{border-color:var(--primary)}.basket-toast,.stock-badge{pointer-events:none;border-radius:2rem}html{font-size:14px;position:relative;min-height:100%;line-height:1.5rem;font-weight:400;font-style:normal;scroll-behavior:smooth}.btn,.card-details,.option-heading,.text-bold,label{font-weight:600}@media (min-width:768px){html{font-size:16px}}body{margin:0;background-color:var(--bg-dark)}header{position:fixed;width:100%}.navbar{background-color:var(--bg-light);box-shadow:var(--shadow-m);max-width:1568px;margin:1rem;flex-grow:1}#navbarLogo{height:3rem}.navbar-nav{margin:0;padding:0}.nav-item>a,.nav-item>span,.p-3,footer,main{padding:1rem}.nav-item{list-style:none}.nav-item,.nav-item>a{text-decoration:none;color:var(--text);transition:color .2s}.nav-item>a{display:inline-flex;align-items:center}.navbar-toggler{display:none;background:0 0;border:none;cursor:pointer;transition:transform .2s}.burger span,.rounded{border-radius:1rem}.burger{width:26px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.burger span{display:block;height:2px;width:100%;background-color:var(--text);transition:transform 420ms cubic-bezier(.22, 1, .36, 1),opacity .2s,width .3s,background-color .2s;transform-origin:center}.navbar-toggler.active .burger span:first-child{transform:translateY(8px) rotate(45deg)}.navbar-toggler.active .burger span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggler.active .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@keyframes menuBounce{0%{transform:translateY(-10px) scale(.98)}60%{transform:translateY(2px) scale(1.01)}100%{transform:translateY(0) scale(1)}}@media (hover:hover){.navbar-toggler:hover .burger span{background-color:var(--text-muted)}.nav-item:hover>a{color:var(--text-muted)}}.btn-primary,.card{box-shadow:var(--shadow-s)}main{min-height:calc(100dvh - 112px - 56px - 32px)}section{max-width:1440px;margin:0 auto}section:first-child{margin-top:112px}.mb-4,section:not(:last-child){margin-bottom:2rem}.material-symbols-rounded{vertical-align:middle;user-select:none}.btn>span,.material-symbols-rounded+span,.vertical-align-middle{vertical-align:middle}h2{margin-top:0;margin-bottom:1rem}a{color:var(--highlight)}#login-form,#signup-form{max-width:512px;width:100%}label{font-size:.875rem}.btn,input{font-size:1rem}input{background-color:transparent;border-radius:.5rem;border-width:1px;border-color:var(--text-muted);padding:.5rem 1rem}input:focus-visible{outline:2px solid var(--primary);outline-offset:0px}ul{list-style:inside}.rounded-1{border-radius:.5rem}.d-none{display:none}.d-inline{display:inline}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid-container{display:grid}.grid-columns-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-columns-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.grid-columns-4{grid-template-columns:repeat(1,1fr)}}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.align-items-center{align-items:center}.w-100{width:100%}.flex-grow{flex-grow:1}.flex-1{flex:1 1}.gap-3,.gap-md-3{gap:1rem}@media (max-width:768px){.mobile-menu{display:flex;flex-direction:column;background-color:var(--bg-light-opacity75);backdrop-filter:blur(16px);position:absolute;top:100%;right:0;left:0;padding:1rem;margin:1rem;border-radius:1rem;box-shadow:var(--shadow-m);opacity:0;transform:translateY(-10px) scale(.98);filter:blur(8px);pointer-events:none;transition:transform 420ms cubic-bezier(.22, 1, .36, 1),opacity 320ms,filter 320ms;will-change:transform,opacity}.mobile-menu.active{opacity:1;transform:translateY(0) scale(1);filter:blur(0);pointer-events:auto;animation:.5s cubic-bezier(.22,1,.36,1) menuBounce}.navbar-toggler{display:block}.navbar-toggler:active{transform:scale(.92)}.d-md-none{display:none}.d-md-inline{display:inline}.gap-md-3{gap:0}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.card,.p-4{padding:2rem}.ms-0{margin-left:0}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.ms-3{margin-left:1rem}.ms-4{margin-left:2rem}.ms-auto{margin-left:auto}.me-auto{margin-right:auto}.card-details p,.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:2rem}.mt-auto{margin-top:auto}.card p:first-child,.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3,.option-section+.option-section{margin-top:1rem}.mt-4{margin-top:2rem}.card p:last-child,.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.position-relative{position:relative}.position-absolute{position:absolute}.start-50{left:50%}.translate-middle{transform:translate(-50%,-50%)}.translate-middle-x{transform:translateX(-50%)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.text-link{transition:color .2s}.text-link:hover,.text-muted{color:var(--text-muted)}.basket-badge,.basket-toast,.btn,.option-chip{color:var(--text)}.text-nowrap{white-space:nowrap}.card{background-color:var(--bg)}.product{display:flex;flex-direction:column}.product-img-wrapper{position:relative;width:fit-content}.product-img-wrapper::after{content:"";position:absolute;inset:0;border-radius:.5rem;box-shadow:var(--shadow-inset)}.product-img-wrapper>img{display:block;border-radius:.5rem;width:100%;height:auto;aspect-ratio:1/1;overflow-clip-margin:unset;object-fit:cover}.card-details{margin-top:1rem}.card-details p:last-child{font-size:1.5rem}.btn[disabled],.option-chip.unavailable{opacity:.5;cursor:not-allowed}.btn{background-color:transparent;border:none;cursor:pointer;padding:.5rem 1rem;transition:box-shadow .3s;-webkit-appearance:none;appearance:none}.btn>i.material-symbols-rounded{font-size:1.25rem}.btn-primary{background-color:var(--primary);border-radius:.5rem}.basket-toast,.btn-primary:hover,.category-btn:hover:not(.active),.stock-badge{box-shadow:var(--shadow-m)}.btn-inline{padding:.5rem 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;transition:background .3s,backdrop-filter .3s}.modal-overlay.active{background:rgba(0,0,0,.25);backdrop-filter:blur(0.25rem);pointer-events:auto}.modal-box{width:min(90vw,28rem);padding:1.5rem;margin:1rem;opacity:0;transform:translateY(-14px) scale(.97);transition:transform 420ms cubic-bezier(.22, 1, .36, 1),opacity 250ms}.modal-overlay.active .modal-box{opacity:1;transform:translateY(0) scale(1)}.variant-option{padding:.75rem 1rem;cursor:pointer;transition:box-shadow .2s}.variant-option input[type=radio]{accent-color:var(--primary)}.variant-option.selected{box-shadow:0 0 0 2px var(--primary)}.option-section{display:flex;flex-direction:column;gap:.5rem}.option-heading{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.option-chip{padding:.4rem .9rem;border-radius:2rem;border:2px solid transparent;background-color:var(--bg-dark);-webkit-appearance:none;appearance:none;cursor:pointer;font-size:.9rem;transition:border-color .15s,opacity .15s}.basket-badge,.basket-toast,.category-btn.active,.option-chip.selected{background-color:var(--primary)}.basket-item{padding:.75rem 1rem}.basket-item-img{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem;flex-shrink:0}.qty-controls button{font-size:1.1rem;line-height:1;min-width:1.75rem}.basket-badge{position:absolute;top:0;left:0;min-width:1.1rem;height:1.1rem;border-radius:999px;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem;line-height:1}.basket-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(2rem);padding:.6rem 1.2rem;display:flex;align-items:center;gap:.5rem;font-weight:600;opacity:0;transition:opacity .25s,transform .25s;z-index:2000}.basket-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.text-danger{color:oklch(.5 .2 25)}.stock-badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;background-color:oklch(.5 .2 25 / .75);color:var(--bg-light);z-index:1;backdrop-filter:blur(1rem)}.stock-badge--out{background-color:oklch(0 0 0 / .25)}.category-nav{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{border-radius:2rem;padding:.4rem 1rem;background-color:var(--bg);box-shadow:var(--shadow-s)}