Update carousels, card hover, and IranBay branding.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-04 13:21:27 +03:30
commit 1153e8e78f
178 changed files with 30517 additions and 0 deletions
@@ -0,0 +1,149 @@
+.panel {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 16px;
+  border: 1px solid #ececec;
+  border-radius: 5px;
+  background: #fafafa;
+}
+
+.head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.title {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+.subtitle {
+  margin: 6px 0 0;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--color-soft);
+}
+
+.closeBtn {
+  width: 28px;
+  height: 28px;
+  border: 1px solid #ececec;
+  border-radius: 3px;
+  background: #fff;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 1;
+  color: var(--color-soft);
+  transition: border-color 0.35s ease, color 0.35s ease;
+}
+
+.closeBtn:hover:not(:disabled),
+.closeBtn:focus-visible:not(:disabled) {
+  border-color: var(--color-black);
+  color: var(--color-black);
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.field span {
+  font-size: 11px;
+  font-weight: 400;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--color-soft);
+}
+
+.field textarea {
+  width: 100%;
+  min-height: 180px;
+  border: 1px solid #f0f0f0;
+  border-radius: 5px;
+  background: #fff;
+  padding: 12px;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 1.55;
+  color: var(--color-black);
+  outline: none;
+  resize: vertical;
+  transition: border-color 0.35s ease, box-shadow 0.35s ease;
+}
+
+.field textarea:hover {
+  border-color: #d8d8d8;
+}
+
+.field textarea:focus {
+  border-color: var(--color-black);
+}
+
+.error {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 400;
+  color: #8a1f11;
+}
+
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.secondaryBtn,
+.primaryBtn {
+  min-height: 36px;
+  padding: 0 16px;
+  border-radius: 3px;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 400;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  transition:
+    color 0.35s ease,
+    border-color 0.35s ease,
+    background-color 0.35s ease,
+    box-shadow 0.35s ease;
+}
+
+.secondaryBtn {
+  border: 1px solid #d4d4d4;
+  background: #fff;
+  color: var(--color-soft);
+}
+
+.secondaryBtn:hover:not(:disabled),
+.secondaryBtn:focus-visible:not(:disabled) {
+  border-color: var(--color-black);
+  color: var(--color-black);
+}
+
+.primaryBtn {
+  border: 1px solid var(--color-black);
+  background: var(--color-black);
+  color: var(--color-white);
+}
+
+.primaryBtn:hover:not(:disabled),
+.primaryBtn:focus-visible:not(:disabled) {
+  border-color: transparent;
+}
+
+.secondaryBtn:disabled,
+.primaryBtn:disabled,
+.closeBtn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}