order details: fix style

src/components/CustomBottomSheet/orderDetailsSheet/OrderDetailsBottomSheet.module.css

@@ -1,9 +1,65 @@
+.container {
+  padding: 16px;
+  position: relative;
+  display: grid;
+  grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax(
+      0,
+      auto
+    ) auto;
+  gap: 4px;
+  height: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+}
+
 .saveButton {
   border-radius: 100px;
   height: 48px;
   width: 100%;
   font-size: 16px;
   box-shadow: none;
-  position: fixed;
-  bottom: 0;left: 0;
+  margin-top: 16px;
+}
+
+.noLocationContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  text-align: center;
+  min-height: 80px;
+  max-height: 120px;
+}
+
+.smallTextStyle {
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.mapContainer {
+  width: 100%;
+  border-radius: 8px;
+  overflow: hidden;
+  height: auto;
+  max-height: 160px;
+}
+
+.sectionTitle {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+
+.sectionContent {
+  width: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  border-radius: 6px;
+  background-color: var(--border);
+}
+.segmentedContent {
+  width: 100%;
+  margin-bottom: 15px;
 }