@charset "utf-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* CSS Document */
/* ================== ŁŁˆŁ†ŲŖ Łˆ Ų±Ų§Ų³ŲŖā€ŒŚ†ŪŒŁ† ================== */
body {
  font-family: Tahoma, sans-serif;
  direction: rtl;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #222;
  line-height: 1.6;
}

/* ================== Ł‡ŲÆŲ± ================== */
header {
  background: #111;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
}

header .logo {
  width: 150px;
  height: auto;
  margin-bottom: 10px;
}

header h1 {
  margin: 0;
  font-size: 1.8rem;
}

/* ================== ŲØŲ®Ų´ ŲÆŲ±ŲØŲ§Ų±Ł‡ ================== */
.ceo-box {
  padding: 20px 10px;
  max-width: 1200px;
  margin: auto;
}

.ceo-box h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.ceo-box p {
  font-size: 1rem;
  margin-bottom: 10px;
}

/* ================== Ł„ŪŒŁ†Ś©ā€ŒŁ‡Ų§ ================== */
a {
  color: #0077cc;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ================== ŚÆŲ§Ł„Ų±ŪŒ ================== */
.gallery {
  text-align: center;  /* ŁˆŲ³Ų· Ś†ŪŒŁ† Ś©Ų±ŲÆŁ† ŲŖŲµŲ§ŁˆŪŒŲ± */
  padding: 10px 0;
}

.gallery img {
  display: inline-block;
  width: 30%;
  height: auto; /* به جای 200px */
  margin: 1%;
  border-radius: 10px;
  object-fit: cover;
  vertical-align: top;
  transition: transform 0.3s ease;
}


.gallery img:hover {
  transform: scale(1.05);
}

/* ================== Ų®ŲÆŁ…Ų§ŲŖ ================== */
.product-box {
  padding: 20px 10px;
  background: #f2f2f2;
  margin: 20px 0;
}

.product-box h2 {
  font-size: 1.4rem;
}

/* ================== ŁŁˆŲŖŲ± ================== */
footer {
  background: #111;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  font-size: 0.9rem;
}

footer a {
  color: #fff;
}

/* ================== Ś©ŁˆŚ©ŪŒ ================== */
#cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #222;
  color: #fff;
  padding: 15px;
  text-align: center;
  z-index: 9999;
}

#cookie-banner button {
  padding: 6px 15px;
  cursor: pointer;
}

/* ================== Ų±ŪŒŲ³Ł¾Ų§Ł†Ų³ŪŒŁˆ ================== */
@media (max-width: 768px) {
  .gallery img { width: 48%; height: auto; }
}

@media (max-width: 480px) {
  .gallery img { width: 100%; height: auto; margin: 0 0 10px 0; }
}


.weekly-posts img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 10px; /* اختیاری */
}