diff --git a/app/globals.css b/app/globals.css
index 1e03d87..1c95d76 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -490,8 +490,8 @@ select:focus, input:focus, textarea:focus { border-color: var(--blue); box-shado
   font-size: 20px;
 }
 .catalog-modal-product { display: block; }
-.catalog-modal-visual-card { position: relative; min-width: 0; }
-.catalog-modal-visual-toolbar { position: absolute; top: 14px; left: 14px; z-index: 2; max-width: calc(100% - 28px); display: flex; align-items: center; justify-content: flex-start; gap: 16px; padding: 4px; border: 1px solid rgba(220,229,242,.88); border-radius: 10px; background: rgba(255,255,255,.9); box-shadow: 0 5px 15px rgba(31,55,96,.09); backdrop-filter: blur(8px); }
+.catalog-modal-visual-card { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 9px; }
+.catalog-modal-visual-toolbar { display: flex; align-items: center; justify-content: flex-start; gap: 16px; }
 .catalog-modal-gallery-switch { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #dce5f2; border-radius: 8px; background: #f5f8fd; }
 .catalog-modal-gallery-switch button { padding: 6px 9px; border: 0; border-radius: 6px; color: #7c899c; background: transparent; cursor: pointer; font-size: 9px; font-weight: 700; }
 .catalog-modal-gallery-switch button.active { color: var(--blue); background: white; box-shadow: 0 2px 7px rgba(31,71,139,.09); }
@@ -570,7 +570,7 @@ footer > span { color: #9aa4b2; font-size: 10px; }
   .catalog-card-body dl { min-height: 90px; }
   .catalog-modal-backdrop { padding: 10px; }
   .catalog-modal { padding: 22px 16px; }
-  .catalog-modal-visual-toolbar { top: 10px; left: 10px; max-width: calc(100% - 20px); align-items: flex-start; flex-direction: column; gap: 10px; }
+  .catalog-modal-visual-toolbar { align-items: flex-start; flex-direction: column; gap: 10px; }
   .catalog-modal-inline-info { width: 100%; }
   .catalog-modal-inline-info h2 { font-size: 18px; }
   .catalog-modal-image { min-height: 290px; }