refactor

wp-content/themes/twentytwentyfour/assets/css/test1-landing.css

@@ -1306,7 +1306,6 @@
       line-height: 1.7;
     }
 
-    .cart-drawer,
     .modal-backdrop {
       position: fixed;
       inset: 0;
@@ -1316,13 +1315,11 @@
       transition: opacity 0.24s ease;
     }
 
-    .cart-drawer.open,
     .modal-backdrop.open {
       pointer-events: auto;
       opacity: 1;
     }
 
-    .cart-drawer::before,
     .modal-backdrop::before {
       content: "";
       position: absolute;
@@ -1331,7 +1328,6 @@
       backdrop-filter: blur(10px);
     }
 
-    .cart-panel,
     .modal-card {
       position: absolute;
       background: rgba(255, 255, 255, 0.94);
@@ -1340,23 +1336,6 @@
       backdrop-filter: blur(24px);
     }
 
-    .cart-panel {
-      top: 0;
-      right: 0;
-      width: min(440px, 100%);
-      height: 100%;
-      padding: 22px;
-      display: grid;
-      grid-template-rows: auto auto 1fr auto;
-      gap: 16px;
-      transform: translateX(100%);
-      transition: transform 0.28s ease;
-    }
-
-    .cart-drawer.open .cart-panel {
-      transform: translateX(0);
-    }
-
     .modal-card {
       top: 50%;
       left: 50%;
@@ -1371,7 +1350,6 @@
       transform: translate(-50%, -50%) scale(1);
     }
 
-    .drawer-head,
     .modal-head {
       display: flex;
       justify-content: space-between;
@@ -1379,7 +1357,6 @@
       align-items: start;
     }
 
-.drawer-head h3,
     .modal-head h3 {
       margin: 0;
       font-size: 28px;
@@ -1403,84 +1380,6 @@
       font-weight: 800;
     }
 
-    .cart-list {
-      display: grid;
-      align-content: start;
-      gap: 12px;
-      overflow: auto;
-      padding-right: 4px;
-    }
-
-    .cart-item {
-      display: grid;
-      grid-template-columns: minmax(0, 1fr) auto;
-      gap: 14px;
-      padding: 16px;
-      border-radius: 20px;
-      background: rgba(255, 255, 255, 0.76);
-      border: 1px solid rgba(18, 48, 89, 0.08);
-    }
-
-    .cart-item strong {
-      display: block;
-      margin-bottom: 6px;
-    }
-
-    .cart-item span {
-      color: var(--muted);
-      font-size: 14px;
-    }
-
-    .cart-item button {
-      justify-self: end;
-      color: #d53b5c;
-      font-weight: 800;
-    }
-
-    .cart-summary {
-      display: grid;
-      gap: 12px;
-      padding: 18px;
-      border-radius: 22px;
-      background: linear-gradient(135deg, rgba(13, 79, 214, 0.08), rgba(60, 200, 255, 0.12));
-      border: 1px solid rgba(18, 48, 89, 0.08);
-    }
-
-    .summary-row {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: 12px;
-      font-weight: 700;
-    }
-
-    .summary-row strong {
-      font-size: 28px;
-      color: var(--primary-strong);
-    }
-
-    .cart-actions {
-      display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      gap: 12px;
-    }
-
-    .cart-actions .ghost-button,
-    .cart-actions .button {
-      justify-content: center;
-      text-align: center;
-    }
-
-    .empty-state {
-      padding: 20px;
-      border-radius: 22px;
-      background: rgba(255, 255, 255, 0.72);
-      border: 1px dashed rgba(18, 48, 89, 0.14);
-      text-align: center;
-      color: var(--muted);
-      line-height: 1.7;
-    }
-
     .success-note {
       display: none;
       margin-top: 14px;
@@ -1627,9 +1526,6 @@
         grid-column: auto;
       }
 
-      .cart-actions {
-        grid-template-columns: 1fr;
-      }
     }
 
     @media (prefers-reduced-motion: reduce) {