diff --git a/src/App.tsx b/src/App.tsx
index 2eb8052..023acab 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -89,10 +89,7 @@ export default function App() {
                               <Route path="/product/:id" element={<ProductPage />} />
                               <Route path="/cart" element={<CartPage />} />
                               <Route path="/order/:orderId" element={<CheckoutPage />} />
-                              <Route
-                                path="/payment/:paymentId/:orderId"
-                                element={<PaymentPage />}
-                              />
+                              <Route path="/payment/:orderId" element={<PaymentPage />} />
                               <Route
                                 path="/order-confirmation/:orderId/:token"
                                 element={<OrderConfirmationPage />}
diff --git a/src/components/orders/OrderRow.tsx b/src/components/orders/OrderRow.tsx
index 8cc1210..e942abd 100644
--- a/src/components/orders/OrderRow.tsx
+++ b/src/components/orders/OrderRow.tsx
@@ -6,6 +6,7 @@ import type { GetVariantResponseDTO } from "../../types/products";
 import { formatDate } from "../../utils/string.ts";
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
+import PaymentIcon from "@mui/icons-material/Payment";
 import {
   Box,
   Button,
@@ -23,6 +24,7 @@ import {
   CircularProgress,
   Avatar,
 } from "@mui/material";
+import { useNavigate } from "react-router-dom";
 
 const calculateTotalPrice = (items: OrderItemDetails[]): number => {
   return items.reduce((sum, item) => sum + item.quantity * item.price, 0);
@@ -217,11 +219,15 @@ const OrderItemsList: React.FC<OrderItemsListProps> = ({ order }) => {
 };
 
 interface OrderSummaryProps {
-  order: OrderDetailsResponse;
   totalPrice: number;
+  orderStatus: string;
+  orderId: string;
 }
 
-const OrderSummary: React.FC<OrderSummaryProps> = ({ order, totalPrice }) => {
+const OrderSummary: React.FC<OrderSummaryProps> = ({ totalPrice, orderStatus, orderId }) => {
+  const navigate = useNavigate();
+  const isPending = orderStatus === "ORDER_STATUS_PENDING";
+
   return (
     <Box
       sx={{
@@ -240,19 +246,20 @@ const OrderSummary: React.FC<OrderSummaryProps> = ({ order, totalPrice }) => {
           {totalPrice.toFixed(2)} PLN
         </Typography>
       </Box>
-      <Box sx={{ display: "flex", gap: 1, flexWrap: "wrap" }}>
-        <Button variant="outlined" size="medium">
-          Generate Invoice
-        </Button>
-        <Button variant="outlined" size="medium" color="info">
-          Tracking Details
+      {isPending && (
+        <Button
+          variant="contained"
+          color="primary"
+          startIcon={<PaymentIcon />}
+          onClick={() => navigate(`/payment/${orderId}`)}
+          sx={{
+            textTransform: "none",
+            fontWeight: 600,
+          }}
+        >
+          Pay Now
         </Button>
-        {getStatusColor(order.orderStatus) === "error" && (
-          <Button variant="outlined" size="medium" color="warning">
-            Manage Return
-          </Button>
-        )}
-      </Box>
+      )}
     </Box>
   );
 };
@@ -270,7 +277,11 @@ const OrderDetails: React.FC<OrderDetailsProps> = ({ order, totalPrice }) => {
         <Divider sx={{ my: 3 }} />
         <OrderItemsList order={order} />
         <Divider sx={{ my: 3 }} />
-        <OrderSummary order={order} totalPrice={totalPrice} />
+        <OrderSummary
+          totalPrice={totalPrice}
+          orderStatus={order.orderStatus}
+          orderId={order.orderId}
+        />
       </Paper>
     </Box>
   );
diff --git a/src/hooks/useCheckout.ts b/src/hooks/useCheckout.ts
index ea73a85..f512788 100644
--- a/src/hooks/useCheckout.ts
+++ b/src/hooks/useCheckout.ts
@@ -4,8 +4,6 @@ import type { ShippingFormValues } from "../components/forms/ShippingForm.tsx";
 import { useCartContext } from "../contexts/CartContext";
 import { useNavigate } from "react-router-dom";
 
-const SHIPPING_COST = 19.99;
-const FREE_SHIPPING_THRESHOLD = 500;
 const DISCOUNT_CODE = "RABAT20";
 const DISCOUNT_PERCENTAGE = 0.2; // 20%
 
@@ -32,7 +30,6 @@ interface CheckoutStorageData {
   shippingData: ShippingFormValues;
   invoiceData: InvoiceFormValues;
   wantsInvoice: boolean;
-  paymentMethod: "card" | "cod";
   discountCode: string;
   isDiscountApplied: boolean;
 }
@@ -64,9 +61,6 @@ export const useCheckout = (initialOrderId?: string) => {
   const [shippingModalOpen, setShippingModalOpen] = useState(false);
   const [invoiceModalOpen, setInvoiceModalOpen] = useState(false);
   const [wantsInvoice, setWantsInvoice] = useState(savedData?.wantsInvoice || false);
-  const [paymentMethod, setPaymentMethod] = useState<"card" | "cod">(
-    savedData?.paymentMethod || "card",
-  );
   const [discountCode, setDiscountCode] = useState(savedData?.discountCode || "");
   const [isDiscountApplied, setIsDiscountApplied] = useState(savedData?.isDiscountApplied || false);
   const [discountError, setDiscountError] = useState<string | null>(null);
@@ -102,9 +96,6 @@ export const useCheckout = (initialOrderId?: string) => {
         if (newSavedData.wantsInvoice !== undefined && newSavedData.wantsInvoice !== wantsInvoice) {
           setWantsInvoice(newSavedData.wantsInvoice);
         }
-        if (newSavedData.paymentMethod && newSavedData.paymentMethod !== paymentMethod) {
-          setPaymentMethod(newSavedData.paymentMethod);
-        }
         if (newSavedData.discountCode && newSavedData.discountCode !== discountCode) {
           setDiscountCode(newSavedData.discountCode);
         }
@@ -130,7 +121,6 @@ export const useCheckout = (initialOrderId?: string) => {
             JSON.stringify(parsed.shippingData) === JSON.stringify(shippingData) &&
             JSON.stringify(parsed.invoiceData) === JSON.stringify(invoiceData) &&
             parsed.wantsInvoice === wantsInvoice &&
-            parsed.paymentMethod === paymentMethod &&
             parsed.discountCode === discountCode &&
             parsed.isDiscountApplied === isDiscountApplied
           ) {
@@ -145,31 +135,19 @@ export const useCheckout = (initialOrderId?: string) => {
         shippingData,
         invoiceData,
         wantsInvoice,
-        paymentMethod,
         discountCode,
         isDiscountApplied,
       };
       sessionStorage.setItem(storageKey, JSON.stringify(dataToSave));
     }
-  }, [
-    orderId,
-    shippingData,
-    invoiceData,
-    wantsInvoice,
-    paymentMethod,
-    discountCode,
-    isDiscountApplied,
-  ]);
+  }, [orderId, shippingData, invoiceData, wantsInvoice, discountCode, isDiscountApplied]);
 
   const subtotal = useMemo(
     () => cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0),
     [cartItems],
   );
 
-  const shipping = useMemo(
-    () => (subtotal >= FREE_SHIPPING_THRESHOLD ? 0 : SHIPPING_COST),
-    [subtotal],
-  );
+  const shipping = 0; // Always free shipping
 
   const discountAmount = useMemo(() => {
     if (!isDiscountApplied) return 0;
@@ -228,13 +206,7 @@ export const useCheckout = (initialOrderId?: string) => {
       return;
     }
 
-    if (paymentMethod === "card") {
-      const paymentId = crypto.randomUUID();
-      navigate(`/payment/${paymentId}/${orderId}`);
-    } else {
-      const confirmationToken = crypto.randomUUID();
-      navigate(`/order-confirmation/${orderId}/${confirmationToken}`);
-    }
+    navigate(`/payment/${orderId}`);
   };
 
   const getShippingDataForInvoice = ():
@@ -268,13 +240,11 @@ export const useCheckout = (initialOrderId?: string) => {
     shippingModalOpen,
     invoiceModalOpen,
     wantsInvoice,
-    paymentMethod,
     discountCode,
     shippingData,
     invoiceData,
     orderId,
     subtotal,
-    shipping,
     total,
     totalBeforeDiscount,
     discountAmount,
@@ -284,7 +254,6 @@ export const useCheckout = (initialOrderId?: string) => {
 
     setShippingModalOpen,
     setInvoiceModalOpen,
-    setPaymentMethod,
     setDiscountCode,
 
     handleShippingSubmit,
diff --git a/src/hooks/usePayment.ts b/src/hooks/usePayment.ts
index 0575a2c..3675673 100644
--- a/src/hooks/usePayment.ts
+++ b/src/hooks/usePayment.ts
@@ -8,9 +8,6 @@ const VALID_CARD = {
   cvv: "123",
 };
 
-const SHIPPING_COST = 19.99;
-const FREE_SHIPPING_THRESHOLD = 500;
-
 export interface CardFormValues {
   cardNumber: string;
   cardholderName: string;
@@ -28,10 +25,7 @@ export const usePayment = () => {
     [cartItems],
   );
 
-  const shipping = useMemo(
-    () => (subtotal >= FREE_SHIPPING_THRESHOLD ? 0 : SHIPPING_COST),
-    [subtotal],
-  );
+  const shipping = 0; // Always free shipping
 
   const total = useMemo(() => subtotal + shipping, [subtotal, shipping]);
 
@@ -81,7 +75,6 @@ export const usePayment = () => {
 
   return {
     subtotal,
-    shipping,
     total,
     paymentError,
     isProcessing,
diff --git a/src/pages/CartPage.tsx b/src/pages/CartPage.tsx
index ef74d72..460e9ef 100644
--- a/src/pages/CartPage.tsx
+++ b/src/pages/CartPage.tsx
@@ -29,9 +29,6 @@ import {
 } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 
-const SHIPPING_COST = 19.99;
-const FREE_SHIPPING_THRESHOLD = 500;
-
 const CartProductCard: React.FC<{ item: CartItem; onClick: () => void }> = ({ item, onClick }) => {
   const { updateProductQuantity, overwriteProductQuantity, removeProduct } = useCartContext();
   const theme = useTheme();
@@ -281,7 +278,7 @@ const CartPage: React.FC = () => {
     }
     return sum + item.price * item.quantity;
   }, 0);
-  const shipping = subtotal >= FREE_SHIPPING_THRESHOLD ? 0 : SHIPPING_COST;
+  const shipping = 0; // Always free shipping
   const total = subtotal + shipping;
 
   const handleCheckout = async () => {
@@ -349,56 +346,25 @@ const CartPage: React.FC = () => {
                     );
                   })}
 
-                  {FREE_SHIPPING_THRESHOLD - subtotal > 0 && (
-                    <Paper
-                      elevation={0}
-                      sx={{
-                        mt: 3,
-                        p: 3,
-                        bgcolor: alpha(theme.palette.primary.main, 0.05),
-                        border: "2px solid",
-                        borderColor: alpha(theme.palette.primary.main, 0.2),
-                        borderRadius: 3,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 2,
-                      }}
-                    >
-                      <LocalShippingIcon color="primary" sx={{ fontSize: 40 }} />
-                      <Box sx={{ flex: 1 }}>
-                        <Typography variant="h6" fontWeight={600} color="primary.main" gutterBottom>
-                          Free shipping within reach!
-                        </Typography>
-                        <Typography variant="body2" color="text.secondary">
-                          Add products worth{" "}
-                          <strong>{(FREE_SHIPPING_THRESHOLD - subtotal).toFixed(2)} PLN</strong>{" "}
-                          more and get free shipping!
-                        </Typography>
-                      </Box>
-                    </Paper>
-                  )}
-
-                  {shipping === 0 && (
-                    <Paper
-                      elevation={0}
-                      sx={{
-                        mt: 3,
-                        p: 2,
-                        bgcolor: alpha(theme.palette.success.main, 0.1),
-                        border: "1px solid",
-                        borderColor: "success.main",
-                        borderRadius: 2,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 1,
-                      }}
-                    >
-                      <LocalShippingIcon color="success" />
-                      <Typography variant="body2" color="success.main" fontWeight={600}>
-                        Congratulations! You have free shipping!
-                      </Typography>
-                    </Paper>
-                  )}
+                  <Paper
+                    elevation={0}
+                    sx={{
+                      mt: 3,
+                      p: 2,
+                      bgcolor: alpha(theme.palette.success.main, 0.1),
+                      border: "1px solid",
+                      borderColor: "success.main",
+                      borderRadius: 2,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 1,
+                    }}
+                  >
+                    <LocalShippingIcon color="success" />
+                    <Typography variant="body2" color="success.main" fontWeight={600}>
+                      Free shipping on all orders!
+                    </Typography>
+                  </Paper>
                 </>
               ) : (
                 <Paper
@@ -457,15 +423,15 @@ const CartPage: React.FC = () => {
                   <Typography
                     variant="body1"
                     fontWeight={600}
-                    color={shipping === 0 ? "success.main" : "text.primary"}
+                    color="success.main"
                     sx={{
                       display: "flex",
                       alignItems: "center",
                       gap: 0.5,
                     }}
                   >
-                    {shipping === 0 && <LocalShippingIcon fontSize="small" />}
-                    {shipping === 0 ? "GRATIS" : `${shipping.toFixed(2)} PLN`}
+                    <LocalShippingIcon fontSize="small" />
+                    GRATIS
                   </Typography>
                 </Box>
 
diff --git a/src/pages/CheckoutPage.tsx b/src/pages/CheckoutPage.tsx
index 57a1f4d..fbad9ef 100644
--- a/src/pages/CheckoutPage.tsx
+++ b/src/pages/CheckoutPage.tsx
@@ -6,7 +6,6 @@ import { useCheckout } from "../hooks/useCheckout.ts";
 import DiscountSection from "./checkout/DiscountSection.tsx";
 import InvoiceModal from "./checkout/InvoiceModal.tsx";
 import OrderSummary from "./checkout/OrderSummary.tsx";
-import PaymentMethodSection from "./checkout/PaymentMethodSection.tsx";
 import ShippingModal from "./checkout/ShippingModal.tsx";
 import ShippingSection from "./checkout/ShippingSection.tsx";
 import { Box, Typography, Container, Grid, Button } from "@mui/material";
@@ -20,12 +19,10 @@ const CheckoutPage: React.FC = () => {
     shippingModalOpen,
     invoiceModalOpen,
     wantsInvoice,
-    paymentMethod,
     discountCode,
     shippingData,
     invoiceData,
     subtotal,
-    shipping,
     total,
     totalBeforeDiscount,
     discountAmount,
@@ -34,7 +31,6 @@ const CheckoutPage: React.FC = () => {
     canPay,
     setShippingModalOpen,
     setInvoiceModalOpen,
-    setPaymentMethod,
     setDiscountCode,
     handleShippingSubmit,
     handleInvoiceSubmit,
@@ -83,12 +79,6 @@ const CheckoutPage: React.FC = () => {
               onInvoiceChange={handleInvoiceChange}
               onEditInvoice={() => setInvoiceModalOpen(true)}
             />
-
-            <PaymentMethodSection
-              paymentMethod={paymentMethod}
-              onPaymentMethodChange={setPaymentMethod}
-            />
-
             <DiscountSection
               discountCode={discountCode}
               isDiscountApplied={isDiscountApplied}
@@ -102,7 +92,6 @@ const CheckoutPage: React.FC = () => {
           <Grid size={{ xs: 12, md: 4 }}>
             <OrderSummary
               subtotal={subtotal}
-              shipping={shipping}
               total={total}
               totalBeforeDiscount={totalBeforeDiscount}
               discountAmount={discountAmount}
diff --git a/src/pages/PaymentPage.tsx b/src/pages/PaymentPage.tsx
index ade61b9..9b6b40e 100644
--- a/src/pages/PaymentPage.tsx
+++ b/src/pages/PaymentPage.tsx
@@ -7,29 +7,33 @@ import { useCartContext } from "../contexts/CartContext";
 import { usePayment, type CardFormValues } from "../hooks/usePayment.ts";
 import PaymentSummary from "./payment/PaymentSummary.tsx";
 import CreditCardIcon from "@mui/icons-material/CreditCard";
-import { Box, Typography, Container, Grid, Alert, Card, Button } from "@mui/material";
+import {
+  Box,
+  Typography,
+  Container,
+  Grid,
+  Alert,
+  Card,
+  Button,
+  CircularProgress,
+} from "@mui/material";
 import { useNavigate, useParams } from "react-router-dom";
 
 const PaymentPage: React.FC = () => {
   const navigate = useNavigate();
   const { orderId } = useParams<{ orderId: string }>();
   const { cartItems, clearFullCart } = useCartContext();
-  const {
-    subtotal,
-    shipping,
-    total,
-    paymentError,
-    isProcessing,
-    handlePayment,
-    clearPaymentError,
-  } = usePayment();
+  const { subtotal, total, paymentError, isProcessing, handlePayment, clearPaymentError } =
+    usePayment();
   const cardFormRef = useRef<CardFormRef>(null);
   const [isFormValid, setIsFormValid] = useState(false);
+  const [isRedirecting, setIsRedirecting] = useState(false);
 
   const handleSubmit = async (values: CardFormValues) => {
     clearPaymentError();
     const success = await handlePayment(values);
     if (success) {
+      setIsRedirecting(true);
       await clearFullCart();
       if (orderId) {
         const paymentLink = await getPaymentLink(orderId);
@@ -48,7 +52,33 @@ const PaymentPage: React.FC = () => {
     }
   };
 
-  if (cartItems.length === 0) {
+  if (isRedirecting) {
+    return (
+      <MainLayout>
+        <Container maxWidth="lg" sx={{ py: 4 }}>
+          <Box
+            sx={{
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              minHeight: "50vh",
+            }}
+          >
+            <CircularProgress size={60} sx={{ mb: 3 }} />
+            <Typography variant="h6" color="text.secondary">
+              Processing your payment...
+            </Typography>
+            <Typography variant="body2" color="text.secondary" sx={{ mt: 1 }}>
+              Redirecting to confirmation page
+            </Typography>
+          </Box>
+        </Container>
+      </MainLayout>
+    );
+  }
+
+  if (cartItems.length === 0 && !isProcessing && !orderId) {
     return (
       <MainLayout>
         <Container maxWidth="lg" sx={{ py: 4 }}>
@@ -113,7 +143,6 @@ const PaymentPage: React.FC = () => {
           <Grid size={{ xs: 12, md: 4 }}>
             <PaymentSummary
               subtotal={subtotal}
-              shipping={shipping}
               total={total}
               canPay={isFormValid}
               isProcessing={isProcessing}
diff --git a/src/pages/admin/analytics/SalesStatisticsPage.tsx b/src/pages/admin/analytics/SalesStatisticsPage.tsx
index 5e71c40..e505b21 100644
--- a/src/pages/admin/analytics/SalesStatisticsPage.tsx
+++ b/src/pages/admin/analytics/SalesStatisticsPage.tsx
@@ -28,7 +28,6 @@ const SalesStatisticsPage: React.FC = () => {
   const [stockLoading, setStockLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
-  // Date range state - default to last 90 days
   const [dateRange, setDateRange] = useState<DateRange>(() => {
     const today = new Date();
     const fromDate = new Date();
@@ -80,7 +79,6 @@ const SalesStatisticsPage: React.FC = () => {
     [dateRange],
   );
 
-  // Load data when variant or date range changes
   useEffect(() => {
     if (selectedVariant) {
       if (activeTab === "sales") {
@@ -115,7 +113,6 @@ const SalesStatisticsPage: React.FC = () => {
   return (
     <MainLayout>
       <Container maxWidth="lg" sx={{ py: 4 }}>
-        {/* Breadcrumbs */}
         <Breadcrumbs
           items={[
             { label: "Admin Panel", path: "/admin" },
@@ -124,7 +121,6 @@ const SalesStatisticsPage: React.FC = () => {
           ]}
         />
 
-        {/* Header */}
         <Box sx={{ mb: 4 }}>
           <Typography
             variant="h4"
@@ -138,7 +134,6 @@ const SalesStatisticsPage: React.FC = () => {
           </Typography>
         </Box>
 
-        {/* Search Section - Sticky */}
         <Paper
           elevation={3}
           sx={{
@@ -157,7 +152,6 @@ const SalesStatisticsPage: React.FC = () => {
           />
         </Paper>
 
-        {/* Date Range Selector */}
         {selectedVariant && (
           <Fade in>
             <Box sx={{ mb: 3 }}>
@@ -166,7 +160,6 @@ const SalesStatisticsPage: React.FC = () => {
           </Fade>
         )}
 
-        {/* Error Alert */}
         {error && (
           <Fade in>
             <Alert severity="error" sx={{ mb: 3 }} onClose={() => setError(null)}>
@@ -175,11 +168,9 @@ const SalesStatisticsPage: React.FC = () => {
           </Fade>
         )}
 
-        {/* Tabs and Charts Section */}
         {selectedVariant ? (
           <Grow in timeout={500}>
             <Box>
-              {/* Tabs */}
               <Paper elevation={2} sx={{ mb: 3 }}>
                 <Tabs
                   value={activeTab}
@@ -205,7 +196,6 @@ const SalesStatisticsPage: React.FC = () => {
                 </Tabs>
               </Paper>
 
-              {/* Chart Content */}
               {activeTab === "sales" ? (
                 <Fade in key="sales">
                   <Box>
@@ -262,7 +252,6 @@ const SalesStatisticsPage: React.FC = () => {
             </Box>
           </Grow>
         ) : (
-          /* Empty State */
           <Fade in>
             <Paper
               sx={{
diff --git a/src/pages/checkout/OrderSummary.tsx b/src/pages/checkout/OrderSummary.tsx
index 55ab4fe..14effc1 100644
--- a/src/pages/checkout/OrderSummary.tsx
+++ b/src/pages/checkout/OrderSummary.tsx
@@ -4,7 +4,6 @@ import { Box, Typography, Card, Divider, Button, alpha, useTheme } from "@mui/ma
 
 interface OrderSummaryProps {
   subtotal: number;
-  shipping: number;
   total: number;
   totalBeforeDiscount?: number;
   discountAmount?: number;
@@ -15,7 +14,6 @@ interface OrderSummaryProps {
 
 const OrderSummary: React.FC<OrderSummaryProps> = ({
   subtotal,
-  shipping,
   total,
   totalBeforeDiscount,
   discountAmount = 0,
@@ -59,15 +57,15 @@ const OrderSummary: React.FC<OrderSummaryProps> = ({
         <Typography
           variant="h6"
           fontWeight={600}
-          color={shipping === 0 ? "success.main" : "text.primary"}
+          color="success.main"
           sx={{
             display: "flex",
             alignItems: "center",
             gap: 0.5,
           }}
         >
-          {shipping === 0 && <LocalShippingIcon fontSize="small" />}
-          {shipping === 0 ? "GRATIS" : `${shipping.toFixed(2)} PLN`}
+          <LocalShippingIcon fontSize="small" />
+          GRATIS
         </Typography>
       </Box>
 
diff --git a/src/pages/checkout/PaymentMethodSection.tsx b/src/pages/checkout/PaymentMethodSection.tsx
deleted file mode 100644
index 09cdf63..0000000
--- a/src/pages/checkout/PaymentMethodSection.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from "react";
-import CreditCardIcon from "@mui/icons-material/CreditCard";
-import LocalAtmIcon from "@mui/icons-material/LocalAtm";
-import PaymentIcon from "@mui/icons-material/Payment";
-import {
-  Box,
-  Typography,
-  Card,
-  Divider,
-  Radio,
-  RadioGroup,
-  FormControl,
-  FormControlLabel,
-  alpha,
-  useTheme,
-} from "@mui/material";
-
-interface PaymentMethodSectionProps {
-  paymentMethod: "card" | "cod";
-  onPaymentMethodChange: (method: "card" | "cod") => void;
-}
-
-const PaymentMethodSection: React.FC<PaymentMethodSectionProps> = ({
-  paymentMethod,
-  onPaymentMethodChange,
-}) => {
-  const theme = useTheme();
-
-  return (
-    <Card sx={{ p: 3, mb: 3, borderRadius: 2 }}>
-      <Box sx={{ display: "flex", alignItems: "center", gap: 1, mb: 3 }}>
-        <PaymentIcon color="primary" />
-        <Typography variant="h5" fontWeight={600}>
-          Payment Method
-        </Typography>
-      </Box>
-      <Divider sx={{ mb: 3 }} />
-
-      <FormControl component="fieldset" fullWidth>
-        <RadioGroup
-          value={paymentMethod}
-          onChange={(e) => onPaymentMethodChange(e.target.value as "card" | "cod")}
-          sx={{ display: "flex", flexDirection: "column", gap: 2 }}
-        >
-          <FormControlLabel
-            value="card"
-            control={<Radio />}
-            label={
-              <Box
-                sx={{
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 1,
-                  width: "100%",
-                  p: 2,
-                  border: "1px solid",
-                  borderColor: paymentMethod === "card" ? "primary.main" : "divider",
-                  borderRadius: 2,
-                  bgcolor:
-                    paymentMethod === "card"
-                      ? alpha(theme.palette.primary.main, 0.05)
-                      : "transparent",
-                  transition: "all 0.2s",
-                }}
-              >
-                <CreditCardIcon color={paymentMethod === "card" ? "primary" : "action"} />
-                <Typography fontWeight={paymentMethod === "card" ? 600 : 400}>
-                  Credit Card
-                </Typography>
-              </Box>
-            }
-            sx={{ mb: 2, width: "100%", m: 0 }}
-          />
-          <FormControlLabel
-            value="cod"
-            control={<Radio />}
-            label={
-              <Box
-                sx={{
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 1,
-                  width: "100%",
-                  p: 2,
-                  border: "1px solid",
-                  borderColor: paymentMethod === "cod" ? "primary.main" : "divider",
-                  borderRadius: 2,
-                  bgcolor:
-                    paymentMethod === "cod"
-                      ? alpha(theme.palette.primary.main, 0.05)
-                      : "transparent",
-                  transition: "all 0.2s",
-                }}
-              >
-                <LocalAtmIcon color={paymentMethod === "cod" ? "primary" : "action"} />
-                <Typography fontWeight={paymentMethod === "cod" ? 600 : 400}>
-                  Cash on Delivery
-                </Typography>
-              </Box>
-            }
-            sx={{ width: "100%", m: 0 }}
-          />
-        </RadioGroup>
-      </FormControl>
-    </Card>
-  );
-};
-
-export default PaymentMethodSection;
diff --git a/src/pages/payment/PaymentSummary.tsx b/src/pages/payment/PaymentSummary.tsx
index 0165233..cf6aa13 100644
--- a/src/pages/payment/PaymentSummary.tsx
+++ b/src/pages/payment/PaymentSummary.tsx
@@ -4,7 +4,6 @@ import { Box, Typography, Card, Divider, Button, alpha, useTheme } from "@mui/ma
 
 interface PaymentSummaryProps {
   subtotal: number;
-  shipping: number;
   total: number;
   canPay: boolean;
   isProcessing: boolean;
@@ -13,7 +12,6 @@ interface PaymentSummaryProps {
 
 const PaymentSummary: React.FC<PaymentSummaryProps> = ({
   subtotal,
-  shipping,
   total,
   canPay,
   isProcessing,
@@ -55,15 +53,15 @@ const PaymentSummary: React.FC<PaymentSummaryProps> = ({
         <Typography
           variant="h6"
           fontWeight={600}
-          color={shipping === 0 ? "success.main" : "text.primary"}
+          color="success.main"
           sx={{
             display: "flex",
             alignItems: "center",
             gap: 0.5,
           }}
         >
-          {shipping === 0 && <LocalShippingIcon fontSize="small" />}
-          {shipping === 0 ? "GRATIS" : `${shipping.toFixed(2)} PLN`}
+          <LocalShippingIcon fontSize="small" />
+          GRATIS
         </Typography>
       </Box>