fix problems

src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx

@@ -91,7 +91,7 @@ const CartSummary = ({ description = '', onDescriptionChange }: CartSummaryProps
         }}
         className={`fixed bottom-0 left-0 right-0 z-50 bg-white border-t border-border p-4 w-full ${isCartEmpty ? 'pointer-events-none opacity-60' : ''}`}
       >
-        <Button className='!w-full px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
+        <Button className='w-full! px-4' disabled={isCartEmpty}>{t('ButtonCheckout')}</Button>
       </Link>
 
       {/* {!isCartEmpty && (

src/components/menu/SideMenu.tsx

@@ -251,7 +251,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
                             data-visible={menuState}
                             data-isvisible={menuStateMemo}
                             onClick={(e) => { e.stopPropagation(); }}
-                            className="fixed top-0 bottom-0 right-0 bg-container w-[200px] h-dvh flex flex-col z-40 overflow-clip not-xl:!rounded-s-none"
+                            className="fixed top-0 bottom-0 right-0 bg-container w-[200px] h-dvh flex flex-col z-40 overflow-clip not-xl:rounded-s-none!"
                         >
                             {renderMenu()}
                         </motion.nav>

src/components/navigation/BottomNavBar.tsx

@@ -41,7 +41,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
 
   return (
     <div className="fixed bottom-0 left-0 w-full bg-transparent pointer-events-none">
-      <div className="max-w-md mx-auto w-full aspect-[436/104] relative z-30">
+      <div className="max-w-md mx-auto w-full aspect-436/104 relative z-30">
         <svg
           viewBox="0 0 436 104"
           fill="none"
@@ -96,7 +96,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
                   isAboutRoute && 'text-foreground **:stroke-foreground'
                 )}
               >
-                <div className="flex-shrink-0">
+                <div className="shrink-0">
                   <Building
                     key={`building-${buildingVariant}-${isAboutRoute}`}
                     size={20}
@@ -166,7 +166,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
           >
             <div className="h-full px-4 grid grid-cols-5 gap-x-1 items-end">
               <div className="flex flex-col items-center gap-[5px]">
-                <div className="relative flex-shrink-0">
+                <div className="relative shrink-0">
                   <div className="w-5 h-5 opacity-0"></div>
                   <span className="absolute -top-1 -right-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] font-medium text-white bg-primary rounded-full z-50">
                     {cartItemsCount > 99 ? '99+' : cartItemsCount}

src/components/navigation/BottomNavLink.tsx

@@ -21,7 +21,7 @@ function BottomNavLink({ icon, value, href, ...restProps }: Props) {
       isActive && 'text-foreground **:stroke-foreground',
       restProps.className ?? '',
     )}>
-      <div className="flex-shrink-0">
+      <div className="shrink-0">
         {icon}
       </div>
       <span className={clsx(