Update carousels, card hover, and IranBay branding.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-04 13:21:51 +03:30
commit 42aff5aee9
162 changed files with 16828 additions and 0 deletions
@@ -0,0 +1,67 @@
+.gallery {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.main {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 1;
+  border: 1px solid #e4e4e4;
+  border-radius: 5px;
+  overflow: hidden;
+  background: #fff;
+  padding: 4.2%;
+}
+
+.mainInner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.mainImg {
+  object-fit: cover;
+}
+
+.thumbs {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 144px));
+  gap: 12px;
+}
+
+.thumb,
+.thumbActive {
+  position: relative;
+  aspect-ratio: 1;
+  border: 1px solid #e4e4e4;
+  border-radius: 5px;
+  overflow: hidden;
+  background: #fff;
+  padding: 10px;
+}
+
+.thumbActive {
+  border-color: #111;
+}
+
+.thumbInner {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.thumbImg {
+  object-fit: cover;
+  transition: transform 0.3s ease;
+}
+
+.thumb:hover .thumbImg {
+  transform: scale(1.04);
+}