glass other page

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

@@ -11,6 +11,7 @@ import { useGetProfile } from '@/app/[name]/(Profile)/profile/hooks/userProfileD
 import { useGetCartItems } from '../hooks/useCartData';
 import { useCartStore } from '../store/Store';
 import { guestCartItemsToFoods } from '../lib/cartUtils';
+import { glassSurfaceNav } from '@/lib/styles/glassSurface';
 
 interface CartSummaryProps {
   isPremium: boolean;
@@ -73,7 +74,7 @@ const CartSummary = ({ isPremium, hasItems }: CartSummaryProps) => {
         </div>
       )}
 
-      <div className='fixed bottom-0 left-0 right-0 z-50 bg-white dark:bg-container border-t border-border p-4 w-full'>
+      <div className={glassSurfaceNav('fixed bottom-0 left-0 right-0 z-50 border-t border-border p-4 w-full')}>
         <div className='flex justify-between items-center gap-4'>
           <div className='flex flex-col'>
             <div className='text-xs text-gray-400 dark:text-disabled-text'>{t('PayableAmountLabel')}</div>