enlarge product modal max width

assets/scss/style.scss

@@ -7,49 +7,28 @@
 // * App
 @import "./layout";
 
-.item {
-    position: relative;
-    text-align: center;
-
-    &::before {
-        position: absolute;
-        z-index:-5;
-        bottom:-1.5rem;
-        left: 50%;
-        display: block;
-        width: 70%;
-        height: 1em;
-        border-radius: 50%;
-        background: rgb(0 0 0 / 35%);
-        content: " ";
-        filter: blur(0.6rem);
-        transform: translateX(-50%);
-    }
-}
-
 .shelf {
     position: relative;
-	z-index: -10;
     right: 0;
     left: 1rem;
-    width: calc(100% + -4rem);
     border-right: 2rem solid transparent;
 	border-bottom: 2.5rem solid #a5a5a5;
     border-left: 2rem solid transparent;
-    margin: 0 0 4rem;
-    margin-bottom: 4rem;
+    // margin: 0 0 4rem;
+    // margin-bottom: 4rem;
     cursor: pointer;
 
     &::after {
         position: absolute;
         z-index: 1;
-        top: 2.5rem;
         right: 0;
-        left: -2rem;
-        width: calc(100% + 4rem); /* IE9+ */
+        bottom: -3.1rem;
+        left: calc(50% - 2rem);
+        width: calc(150% + 4rem); /* IE9+ */
         height: 0.6rem;
         background: #686868;
         content: '';
+        transform: translateX(-50%);
     }
 }
 
@@ -57,6 +36,6 @@
 
 @media (width >= 1400px) {
     .modal-xxl {
-        --bs-modal-width: 1440px;
+        --bs-modal-width: 1640px;
     }
 }