/* ===========================================================
Common CSS Start
============================================================ */

.grid-products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 0 16px;
}

/* ===========================================================
Common CSS End
============================================================ */
/* ===========================================================
Categories CSS Start
============================================================ */
.category-card img {
  height: 135px;
}
/* ===========================================================
Categories CSS End
============================================================ */
/* ===========================================================
About-us CSS Start
============================================================ */
.about-image img {
  height: 350px;
  object-fit: cover;
  object-position: center;
}
/* ===========================================================
About-us CSS End
============================================================ */

/* ===========================================================
Gallery CSS Start
============================================================ */
.gallery-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.gallery-grid img {
  height: 222px;
}
/* ===========================================================
Gallery CSS End
============================================================ */
/* ===========================================================
Blog CSS Start
============================================================ */
.blog-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 0 16px;
}
/* ===========================================================
Blog CSS End
============================================================ */
/* ===========================================================
Footer CSS Start
============================================================ */
.footer-content {
  display: grid;
  align-items: baseline;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: 50px 16px 36px;
}
.footer-logo {
  grid-column: 1 / span 2;
}
.footer-links {
  text-align: left;
}
.footer-contact {
  display: block;
  text-align: left;
}
.footer-contact h4 {
  margin-bottom: 20px;
}
.contact-item {
  margin-bottom: 10px;
  text-align: left;
}
/* ===========================================================
Footer CSS End
============================================================ */
/* ========================================================================================================================================================================================================= Shop Page CSS =========================================================================================================================================================================================================== */
.all-product-sec {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
  padding: 50px 16px;
}
.all-product-sec .filter-sidebar-container {
  display: block;
}
#search-sec {
  display: block;
}
.search-box {
  width: 100%;
}
.search-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 600px;
  padding: 0;
}

.filter-btn {
  display: none;
}

#all-products {
  padding-bottom: 0;
}
#all-products .grid-products {
  padding: 0;
}

#search-sec {
  margin-top: 94px;
  padding: 16px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
#search-sec .sidebar-container {
  width: 100%;
}
#search-sec .category-section {
  margin: 0;
}

/*
========================================================================================================================================================================================================= SINGLE BLOG PAGE CSS =========================================================================================================================================================================================================== */
.featured-image img {
  border-radius: 0 0 12px 12px;
  height: 520px;
}
.single-blog .meta {
  font-size: 16px;
}
.single-blog .meta .green {
  color: var(--primary-color);
}

.single-blog .content {
  font-size: 16px;
  color: #444;
}

/* ===============================
   COMMENTS SECTION
================================= */

/* Comment List */
.comment-content {
  font-size: 16px;
}

.comment-meta {
  font-size: 16px;
}

.comment-reply-link {
  font-size: 16px;
}

/* ===============================
   COMMENT FORM
================================= */
.comment-form label {
  font-size: 16px;
}
.logged-in-as,
.comment-notes {
  font-size: 16px;
}

.comment-form input,
.comment-form textarea {
  font-size: 16px;
}
.comment-reply-title a {
  font-size: 16px;
}
.comment-form-cookies-consent label {
  margin: 0;
}

/*
========================================================================================================================================================================================================= MY ACCOUNT PAGE CSS =========================================================================================================================================================================================================== */
/* ===============================
   WOOCOMMERCE MY ACCOUNT
================================ */

#my-account .woocommerce {
  flex-direction: row;
}

/*
========================================================================================================================================================================================================= CART PAGE CSS =========================================================================================================================================================================================================== */
/* ==============================
   CART PAGE BASE
================================ */
.cart-page {
  grid-template-columns: 1fr 380px;
}