.overflow-hidden{overflow:hidden}.pagination-container{display:flex;align-items:center;justify-content:center;-moz-column-gap:12px;column-gap:12px}.paginate-buttons{height:40px;line-height:40px;border-radius:999px;font-weight:500;text-align:center;cursor:pointer;background-color:#f2f2f2;color:#000;transition:all linear .3s}.paginate-buttons:hover{background-color:rgb(var(--primary));color:#fff}.number-buttons{width:40px}.back-button,.next-button{padding-inline:16px;letter-spacing:.5px;text-transform:capitalize}.active-page{background-color:rgb(var(--primary));color:#fff}@media (max-width: 640px){body{background:#ffffff}}@keyframes dxTick{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes dxBob{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-5px)}}@keyframes dxPop{0%{transform:scale(.6)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dxPunch{0%{transform:scale(.2) rotate(-24deg)}55%{transform:scale(1.28) rotate(6deg)}75%{transform:scale(.94) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes dxFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.dx-tick,.dx-bob{animation:none!important}}@keyframes dxRingIn{0%{transform:rotate(-118deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes dxSegIn{0%{opacity:0;transform:scale(.8)}62%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes dxGhost{0%{opacity:0}16%{opacity:.6}34%{opacity:0}to{opacity:0}}@keyframes dxRingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.dx-ring-in{animation:dxRingIn 1.1s cubic-bezier(.22,1,.36,1) both}.dx-seg-in{animation:dxSegIn .45s cubic-bezier(.34,1.56,.64,1) both}.dx-ghost{animation:dxGhost 1.6s ease-in-out infinite}.dx-breath{animation:dxRingPulse 3.2s ease-in-out 1.2s infinite}@media (prefers-reduced-motion: reduce){.dx-ring-in,.dx-seg-in,.dx-ghost,.dx-breath{animation:none!important}.dx-ghost{opacity:0!important}}@media (max-width: 389px){.dx-ring-row{padding-left:10px!important;padding-right:10px!important;gap:8px!important}.dx-ring-col{transform:scale(.8);margin:-15px}.dx-ring-num{font-size:26px!important}.dx-ring-num span,.dx-ring-sent{font-size:13px!important}.dx-ring-badge{font-size:8.5px!important;padding:4px 7px!important}}.dx-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.dx-no-scrollbar::-webkit-scrollbar{display:none}@media (max-width: 640px){#cart-canvas{display:flex;flex-direction:column}#cart-canvas .dx-cart-panel{transform:translateY(100%)!important;transition:transform .5s cubic-bezier(.22,1,.36,1)}#cart-canvas.canvas-active .dx-cart-panel{transform:translateY(0)!important}}@keyframes dxSuccessPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.dx-success-pop{animation:dxSuccessPop .6s cubic-bezier(.34,1.56,.64,1) both}@media (prefers-reduced-motion: reduce){.dx-success-pop{animation:none}}@supports (height: 100dvh){@media (min-width: 641px){.h-screen{height:100dvh}.min-h-screen{min-height:100dvh}.max-h-screen{max-height:100dvh}}.max-md\:h-screen,.max-sm\:h-screen{height:100dvh}}.dx-safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}html,body{overflow-x:hidden;max-width:100%}.dx-order-actions{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.dx-order-actions{padding-bottom:0}}.dx-track-pulse{width:7px;height:7px;border-radius:999px;background:#FFC629;box-shadow:0 0 #ffc62999;animation:dxTrackPulse 1.8s ease-out infinite;flex:none}@keyframes dxTrackPulse{0%{box-shadow:0 0 #ffc6298c}70%{box-shadow:0 0 0 7px #ffc62900}to{box-shadow:0 0 #ffc62900}}@media (prefers-reduced-motion: reduce){.dx-track-pulse{animation:none}}.dx-tap{position:relative}.dx-tap:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.dx-tap-text{position:relative}.dx-tap-text:after{content:"";position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px}@media (max-width: 640px){.dx-cart-panel{height:86vh;display:flex;flex-direction:column;overflow:hidden}.dx-cart-panel>ul,.dx-cart-panel>div.flex-col{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto}.dx-cart-panel>div:not(.flex-col){flex:none}}@supports (height: 100dvh){@media (max-width: 640px){.dx-cart-panel{height:86dvh}}}