.no-touch-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-enhanced{position:relative}.touch-enhanced:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--touch-target-recommended);min-height:var(--touch-target-recommended);z-index:-1}.mobile-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;border:none;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.mobile-btn{min-height:var(--touch-target-recommended);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);border-radius:var(--border-radius-button)}}.mobile-btn:active{transform:scale(.98)}.mobile-btn.primary{background-color:var(--primary-text-color);color:#fff}.mobile-btn.primary:hover:not(:disabled){filter:brightness(110%)}.mobile-btn.secondary{background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--divider-color)}.mobile-btn.secondary:hover:not(:disabled){background-color:var(--background-color)}.mobile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-input{width:100%;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--divider-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background-color:var(--surface-color);transition:all .3s ease}@media (max-width: 768px){.mobile-input{min-height:var(--touch-target-recommended);padding:var(--spacing-md);font-size:16px;border-radius:var(--border-radius-button)}}.mobile-input:focus{outline:none;border-color:var(--primary-text-color);box-shadow:0 0 0 2px var(--primary-transparent-color)}.mobile-input::placeholder{color:var(--deactive-background);opacity:.7}@media (max-width: 768px){.mobile-fade-in{animation:mobileSlideUp .3s ease-out}.mobile-slide-up{animation:mobileSlideUp .4s cubic-bezier(.25,.8,.25,1)}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.safe-all{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 768px) and (orientation: landscape){.mobile-nav{height:60px;padding:var(--spacing-xs)}.pos-container{min-height:calc(100dvh - 60px);padding-bottom:70px}.cart-section[data-mobile-view=cart]{height:calc(100dvh - 120px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mobile-nav .nav-item i{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme: dark) and (max-width: 768px){.mobile-nav{background:#000000f2;border-top-color:#fff3}.mobile-input{background-color:var(--background-color-dark);color:var(--light-primary-text-color);border-color:#fff3}.mobile-input:focus{border-color:var(--primary-text-color)}}@media (max-width: 768px){*{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.scrollable-area{-webkit-overflow-scrolling:touch}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-focus-trap:focus-visible{outline:2px solid var(--primary-text-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.mobile-interaction{position:relative}.mobile-interaction:after{content:"";position:absolute;inset:0;background:var(--primary-text-color);opacity:0;border-radius:inherit;transition:opacity .15s ease;pointer-events:none}.mobile-interaction:active:after{opacity:.1}@media (max-width: 768px){html{overflow:hidden!important;height:100dvh!important;position:fixed!important;width:100%!important}body{overflow:hidden!important;height:100dvh!important;position:fixed!important;width:100%!important;touch-action:pan-x pan-y}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}app-root{display:block;height:100dvh;overflow:hidden}*{-webkit-overflow-scrolling:touch;overscroll-behavior:none}}:root{--primary-transparent-color: rgba(247, 126, 11, .5);--primary-color: #222223;--primary-text-color: #df9752;--primary-text-color-light: #df9752;--secondary-color: #e2e2c5;--secondary-text-color: #5487df;--secondary-text-color-light: #5487df;--tertiary-color: #ea5e5e;--tertiary-text-color: #dc4f4f;--tertiary-text-color-light: #dc4f4f;--background-color: #f1f5f9;--background-color-dark: #1e1e1e;--surface-color: #ffffff;--divider-color: #e0e0e0;--primary-background: #fff1ea;--secondary-background: #fff8f5;--deactive-background: #b8b8b8;--error-color: #f44336;--error-color-light: #ef9a9a;--error-color-dark: #d32f2f;--warn-color: #ff9800;--warn-color-light: #ffcc80;--warn-color-dark: #f57c00;--success-color: #4caf50;--success-color-light: #a5d6a7;--success-color-dark: #388e3c;--info-color: #2196f3;--info-color-light: #90caf9;--info-color-dark: #1976d2;--dark-primary-text-color: #212121;--light-primary-text-color: #ffffff;--size-cadence: .5rem;--font-size-xs: .75rem;--font-size-sm: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 3rem;--font-family: "Nunito Sans";--logo-font-family: "Nura";--accent-font-family: "Rosca";--h1-font-size: var(--font-size-xxl);--h2-font-size: var(--font-size-xl);--h3-font-size: var(--font-size-lg);--h4-font-size: var(--font-size-md);--h5-font-size: var(--font-size-sm);--h6-font-size: var(--font-size-xs);--p-font-size: var(--font-size-sm);--spacing-unit: var(--size-cadence);--spacing-xs: var(--spacing-unit);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 5);--spacing-xxl: calc(var(--spacing-unit) * 6);--spacing-xxxl: calc(var(--spacing-unit) * 7);--border-radius: var(--size-cadence);--border-radius-sm: calc(var(--border-radius) / 2);--border-radius-lg: calc(var(--border-radius) * 2);--border-radius-button: calc(var(--size-cadence) * 3);--mobile-sm: 320px;--mobile-md: 375px;--mobile-lg: 425px;--tablet: 768px;--desktop-sm: 1024px;--desktop-md: 1200px;--desktop-lg: 1440px;--touch-target-min: 44px;--touch-target-recommended: 48px}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Normal.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Nura;src:url(/assets/font/nura/Nura-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Rosca;src:url(/assets/font/rosca/rosca.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rosca;src:url(/assets/font/rosca/rosca-slant.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}html,body{background-color:var(--background-color);margin:0;font-family:var(--font-family),sans-serif;color:var(--dark-primary-text-color);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{height:100%;overflow:hidden}@media (max-width: 768px){html,body{overflow:hidden;height:100dvh;position:fixed;width:100%}}.no-select{-webkit-user-select:none;user-select:none}.interactive-box{transition:all .3s ease}.interactive-box:hover{transform:translateY(-5px);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffe6}.interactive-text{transition:all .3s ease}.interactive-text:hover{transform:translateY(-5px);text-shadow:4px 4px 8px rgba(0,0,0,.1),-4px -4px 8px rgba(255,255,255,.9)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--deactive-background);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}}.desktop-only{display:block}@media (max-width: 768px){.desktop-only{display:none}}.tablet-up{display:none}@media (min-width: 769px){.tablet-up{display:block}}.touch-friendly{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}@media (pointer: coarse){.touch-friendly{min-height:var(--touch-target-recommended);min-width:var(--touch-target-recommended)}}.prevent-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-button{padding:var(--spacing-sm) var(--spacing-md)}@media (max-width: 768px){.mobile-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);min-height:var(--touch-target-recommended)}}.responsive-grid{display:grid;gap:var(--spacing-sm)}@media (min-width: 769px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}}.safe-area{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.modal-overlay .modal-content{width:95dvw;max-width:none;max-height:90dvh;margin:auto;border-radius:var(--border-radius)}.modal-overlay .modal-header{padding:var(--spacing-md)}.modal-overlay .modal-header h2{font-size:var(--font-size-lg)}.modal-overlay .modal-header .close-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.modal-overlay .modal-body{padding:var(--spacing-sm) var(--spacing-md);max-height:calc(90dvh - 120px);overflow-y:auto}.modal-overlay .modal-footer{padding:var(--spacing-md);gap:var(--spacing-sm)}.modal-overlay .modal-footer .button{min-height:var(--touch-target-recommended);font-size:var(--font-size-md)}}@media (max-width: 768px){.payment-modal .payment-methods{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-modal .payment-methods .payment-method-button{min-height:var(--touch-target-recommended);padding:var(--spacing-md);font-size:var(--font-size-md)}.payment-modal .amount-display{font-size:var(--font-size-xl);text-align:center;padding:var(--spacing-lg)}}@media (max-width: 768px){.receipt-modal .receipt-content{font-size:var(--font-size-sm)}.receipt-modal .receipt-content .receipt-item{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--divider-color)}.receipt-modal .receipt-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.receipt-modal .receipt-actions .button{width:100%;min-height:var(--touch-target-recommended)}}@media (max-width: 768px){.variants-modal .variants-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variants-modal .variants-grid .variant-item{min-height:var(--touch-target-recommended);padding:var(--spacing-md);font-size:var(--font-size-md)}}
