/**
Theme Name: OHH Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ohh-child
Template: astra
*/

/* ============================================================
   OHH Child Theme — Full CSS
   SECTION A — Product Detail Page  (single-product)
   SECTION B — Shop / Archive Page  (woocommerce shop)
   SECTION C — Blog / Category / Tag Archive
   SECTION D — Responsive
   ============================================================ */

:root {
  --ohh-green-deep:  #1a3d2b;
  --ohh-green-light: #52b788;
  --ohh-gold:        #c9a84c;
  --ohh-gold-light:  #e8d5a3;
  --ohh-cream:       #faf7f2;
  --ohh-warm-white:  #f5f0e8;
  --ohh-text-dark:   #1c1c1c;
  --ohh-text-mid:    #4a4a3f;
  --ohh-text-muted:  #8a8a78;
  --ohh-border:      #e2ddd4;
}

/* ╔═══════════════════════════════════════════════════════════╗
   ║         SECTION A — PRODUCT DETAIL PAGE                  ║
   ╚═══════════════════════════════════════════════════════════╝ */

.single-product .ast-author-avatar,
.single-product .posted-on,
.single-product .byline,
.single-product .ast-blog-single-element,
.single-product .entry-meta,
.single-product .ast-post-meta-wrap,
.single-product .entry-header,
.single-product-category,
.ast-single-entry-banner { display: none !important; }

.woocommerce div.product .product_meta .tagged_as { display: none !important; }

.single-product,
.single-product .entry-content { background-color: var(--ohh-cream) !important; }

.woocommerce div.product::before,
.woocommerce div.product::after { display: none !important; }

.woocommerce div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 32px !important;
  padding: 32px 40px 64px !important;
}

.woocommerce div.product .woocommerce-product-gallery {
  flex: 0 0 calc(45% - 16px) !important;
  width: calc(45% - 16px) !important;
  max-width: calc(45% - 16px) !important;
  float: none !important;
  position: static !important;
  box-sizing: border-box !important;
}

.woocommerce div.product .summary.entry-summary {
  flex: 0 0 calc(55% - 16px) !important;
  width: calc(55% - 16px) !important;
  max-width: calc(55% - 16px) !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs {
  flex: 0 0 100% !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

.related.products,
.upsells.products { width: 100% !important; clear: both !important; }

.woocommerce-product-gallery {
  background: white !important;
  border-radius: 16px !important;
  border: 1px solid var(--ohh-border) !important;
  box-shadow: 0 4px 24px rgba(26,61,43,0.10) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  background: var(--ohh-warm-white) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image a img,
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 400px !important;
  object-fit: contain !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.woocommerce-product-gallery:hover .woocommerce-product-gallery__image img {
  transform: scale(1.04) !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute !important;
  top: 12px !important; right: 12px !important;
  z-index: 10 !important;
  background: white !important;
  border-radius: 50% !important;
  width: 36px !important; height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  margin: 0 !important; padding: 0 !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
  width: 18px !important; height: 18px !important;
  padding: 0 !important; margin: 0 !important;
  object-fit: contain !important; display: block !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 16px 16px !important;
  justify-content: center !important;
  background: white !important;
  border-top: 1px solid var(--ohh-border) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important; clear: both !important; margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
  width: 64px !important; height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  transition: border-color 0.2s, transform 0.2s !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  float: none !important; list-style: none !important; margin: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li:hover {
  border-color: var(--ohh-gold) !important;
  transform: translateY(-2px) !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  opacity: 0.7 !important;
  transition: opacity 0.2s !important;
  padding: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover { opacity: 1 !important; }

.woocommerce div.product .summary.entry-summary {
  background: white !important;
  border-radius: 16px !important;
  border: 1px solid var(--ohh-border) !important;
  box-shadow: 0 4px 24px rgba(26,61,43,0.10) !important;
  padding: 36px !important;
  position: relative !important;
  overflow: hidden !important;
}

.woocommerce div.product .summary.entry-summary::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--ohh-green-deep), var(--ohh-gold), var(--ohh-green-light)) !important;
}

.woocommerce div.product .product_title.entry-title {
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--ohh-green-deep) !important;
  margin: 8px 0 16px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 36px !important;
  font-weight: 500 !important;
  color: var(--ohh-green-deep) !important;
  line-height: 1 !important;
  margin: 0 0 20px !important;
  display: block !important;
}

.woocommerce div.product p.price::before {
  content: '' !important;
  display: block !important;
  width: 32px !important; height: 2px !important;
  background: var(--ohh-gold) !important;
  margin-bottom: 10px !important;
}

.woocommerce-product-details__short-description {
  background: var(--ohh-cream) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin: 0 0 20px !important;
  border-left: 3px solid var(--ohh-gold) !important;
}

.woocommerce-product-details__short-description ul {
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}

.woocommerce-product-details__short-description ul li {
  padding: 6px 0 6px 24px !important;
  position: relative !important;
  font-size: 14px !important;
  color: var(--ohh-text-mid) !important;
  line-height: 1.5 !important;
  border-bottom: 1px solid var(--ohh-border) !important;
}

.woocommerce-product-details__short-description ul li:last-child { border-bottom: none !important; }

.woocommerce-product-details__short-description ul li::before {
  content: '✦' !important;
  position: absolute !important;
  left: 4px !important;
  color: var(--ohh-gold) !important;
  font-size: 9px !important;
  top: 8px !important;
}

.woocommerce div.product form.cart {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 20px 0 !important;
  flex-wrap: nowrap !important;
}

.woocommerce div.product form.cart div.quantity {
  background: var(--ohh-warm-white) !important;
  border: 1px solid var(--ohh-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.woocommerce div.product form.cart div.quantity input.qty {
  width: 60px !important; height: 50px !important;
  border: none !important;
  text-align: center !important;
  font-size: 16px !important; font-weight: 500 !important;
  background: transparent !important;
  color: var(--ohh-text-dark) !important;
}

.woocommerce div.product .single_add_to_cart_button {
  flex: 1 !important;
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  height: 50px !important;
  padding: 0 24px !important;
  font-size: 13px !important; font-weight: 500 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(26,61,43,0.2) !important;
  white-space: nowrap !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
  background: var(--ohh-gold) !important;
  color: var(--ohh-green-deep) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(201,168,76,0.35) !important;
}

.woocommerce div.product .product_meta {
  padding-top: 16px !important;
  margin-top: 20px !important;
  border-top: 1px solid var(--ohh-border) !important;
}

.woocommerce div.product .product_meta .sku_wrapper {
  font-size: 11px !important;
  color: var(--ohh-text-muted) !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.woocommerce div.product .product_meta .posted_in {
  display: block !important;
  font-size: 11px !important;
  color: var(--ohh-text-muted) !important;
  margin-bottom: 4px !important;
}

.woocommerce div.product .product_meta .posted_in a {
  display: inline-block !important;
  background: var(--ohh-warm-white) !important;
  border: 1px solid var(--ohh-border) !important;
  border-radius: 20px !important;
  padding: 2px 10px !important; margin: 2px !important;
  font-size: 11px !important;
  color: var(--ohh-text-mid) !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}

.woocommerce div.product .product_meta .posted_in a:hover {
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border-color: var(--ohh-green-deep) !important;
}

.woocommerce div.product .product_meta::after {
  content: '🌿 100% Natural  ·  ✓ Premium Grade  ·  🧪 Lab Tested  ·  🚚 Worldwide Shipping' !important;
  display: block !important;
  margin-top: 20px !important;
  padding: 12px 14px !important;
  background: var(--ohh-green-deep) !important;
  color: var(--ohh-gold-light) !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  text-align: center !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.3px !important;
}

.woocommerce div.product .woocommerce-tabs {
  background: white !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(26,61,43,0.08) !important;
  border: 1px solid var(--ohh-border) !important;
  overflow: hidden !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: var(--ohh-green-deep) !important;
  padding: 0 28px !important; margin: 0 !important;
  display: flex !important;
  border: none !important; list-style: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none !important; }

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none !important; background: transparent !important;
  margin: 0 !important; padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
  padding: 18px 22px !important;
  display: block !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--ohh-gold-light) !important;
  border-bottom-color: var(--ohh-gold) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 36px !important;
  font-size: 15px !important; line-height: 1.8 !important;
  color: var(--ohh-text-mid) !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-size: 22px !important;
  color: var(--ohh-green-deep) !important;
  margin-bottom: 20px !important;
}

.woocommerce div.product .woocommerce-tabs .panel strong { color: var(--ohh-green-deep) !important; }

.woocommerce div.product .woocommerce-tabs .panel table {
  width: 100% !important; border-collapse: collapse !important;
}

.woocommerce div.product .woocommerce-tabs .panel table th,
.woocommerce div.product .woocommerce-tabs .panel table td {
  padding: 12px 16px !important;
  border: 1px solid var(--ohh-border) !important;
  font-size: 14px !important; text-align: left !important;
}

.woocommerce div.product .woocommerce-tabs .panel table th {
  background: var(--ohh-warm-white) !important;
  font-weight: 500 !important;
  color: var(--ohh-green-deep) !important;
  width: 30% !important;
}

.related.products { margin-top: 48px !important; }

.related.products h2 {
  font-size: 28px !important;
  color: var(--ohh-green-deep) !important;
  text-align: center !important;
  margin-bottom: 32px !important;
}

.related.products h2::after {
  content: '' !important;
  display: block !important;
  width: 48px !important; height: 2px !important;
  background: var(--ohh-gold) !important;
  margin: 10px auto 0 !important;
}

.related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  list-style: none !important; padding: 0 !important; margin: 0 !important;
}

.related.products ul.products li.product {
  background: white !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(26,61,43,0.08) !important;
  border: 1px solid var(--ohh-border) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  float: none !important; width: auto !important;
  margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important;
}

.related.products ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(26,61,43,0.14) !important;
}

.related.products ul.products li.product a img {
  width: 100% !important; height: 220px !important;
  object-fit: contain !important;
  background: var(--ohh-warm-white) !important;
  padding: 20px !important; box-sizing: border-box !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.related.products ul.products li.product:hover a img { transform: scale(1.05) !important; }

.related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px !important; font-weight: 600 !important;
  color: var(--ohh-green-deep) !important;
  padding: 12px 16px 4px !important;
  line-height: 1.4 !important; flex: 1 !important;
}

.related.products ul.products li.product .woocommerce-loop-product__title::after {
  content: '' !important;
  display: block !important;
  width: 28px !important; height: 2px !important;
  background: var(--ohh-gold) !important;
  margin-top: 8px !important;
}

.related.products ul.products li.product .price {
  font-size: 20px !important;
  color: var(--ohh-gold) !important;
  font-weight: 500 !important;
  padding: 8px 16px 12px !important;
  display: block !important;
}

.related.products ul.products li.product .button {
  display: block !important;
  margin: 0 16px 16px !important;
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border-radius: 8px !important;
  padding: 11px 16px !important;
  text-align: center !important;
  font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s !important;
  border: none !important;
}

.related.products ul.products li.product .button:hover {
  background: var(--ohh-gold) !important;
  color: var(--ohh-green-deep) !important;
  transform: translateY(-1px) !important;
}

/* ╔═══════════════════════════════════════════════════════════╗
   ║         SECTION B — SHOP / ARCHIVE PAGE                  ║
   ╚═══════════════════════════════════════════════════════════╝ */

.woocommerce-page .site-content,
.archive.woocommerce .site-content { background-color: var(--ohh-cream) !important; }

.woocommerce-products-header {
  text-align: center !important; padding: 32px 0 8px !important;
}

.woocommerce-products-header__title {
  font-size: 32px !important; font-weight: 700 !important;
  color: var(--ohh-green-deep) !important; margin-bottom: 8px !important;
}

.woocommerce-ordering,
.woocommerce-result-count { margin-bottom: 24px !important; }

.woocommerce-ordering select {
  border: 1px solid var(--ohh-border) !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  color: var(--ohh-text-mid) !important;
  background: white !important;
  cursor: pointer !important;
}

.woocommerce-result-count {
  font-size: 13px !important;
  color: var(--ohh-text-muted) !important;
}

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  list-style: none !important; padding: 0 !important; margin: 0 0 40px !important;
}

.woocommerce ul.products li.product {
  background: white !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--ohh-border) !important;
  box-shadow: 0 2px 12px rgba(26,61,43,0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: flex !important; flex-direction: column !important;
  float: none !important; width: auto !important;
  margin: 0 !important; padding: 0 !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(26,61,43,0.13) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: block !important; overflow: hidden !important;
}

.woocommerce ul.products li.product img {
  width: 100% !important; height: 220px !important;
  object-fit: contain !important;
  background: var(--ohh-warm-white) !important;
  padding: 20px !important; box-sizing: border-box !important;
  display: block !important;
  transition: transform 0.45s ease !important;
}

.woocommerce ul.products li.product:hover img { transform: scale(1.06) !important; }

.woocommerce ul.products li.product .ast-woo-product-category {
  display: block !important;
  font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  color: var(--ohh-text-muted) !important;
  padding: 12px 16px 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px !important; font-weight: 600 !important;
  color: var(--ohh-green-deep) !important;
  padding: 6px 16px 4px !important;
  line-height: 1.4 !important; flex: 1 !important; margin: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title::after {
  content: '' !important;
  display: block !important;
  width: 28px !important; height: 2px !important;
  background: var(--ohh-gold) !important;
  margin-top: 8px !important;
}

.woocommerce ul.products li.product .price {
  font-size: 22px !important; font-weight: 700 !important;
  color: var(--ohh-green-deep) !important;
  padding: 6px 16px 12px !important;
  display: block !important; margin: 0 !important;
}

.woocommerce ul.products li.product .price del {
  font-size: 14px !important;
  color: var(--ohh-text-muted) !important;
  opacity: 0.7 !important;
}

.woocommerce ul.products li.product .button {
  display: block !important;
  margin: auto 16px 16px !important;
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 16px !important;
  text-align: center !important;
  font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
}

.woocommerce ul.products li.product .button:hover {
  background: var(--ohh-gold) !important;
  color: var(--ohh-green-deep) !important;
  transform: translateY(-1px) !important;
}

.woocommerce nav.woocommerce-pagination ul {
  display: flex !important; gap: 6px !important;
  list-style: none !important; padding: 0 !important;
  margin: 32px 0 !important; justify-content: center !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  width: 38px !important; height: 38px !important;
  border-radius: 8px !important;
  font-size: 14px !important; font-weight: 500 !important;
  border: 1px solid var(--ohh-border) !important;
  background: white !important;
  color: var(--ohh-text-mid) !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border-color: var(--ohh-green-deep) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--ohh-green-deep) !important;
  color: white !important;
  border-color: var(--ohh-green-deep) !important;
}

/* ============================================================
   SECTION C — BLOG ARCHIVE  (Final — based on real HTML)
   
   Structure จริง:
   #primary.content-area
     #main.site-main
       div.ast-row
         article.ast-article-post
           div.blog-layout-5.ast-article-inner
             div.ast-blog-featured-section.ast-width-md-6
               div.post-thumb-img-content > a > img
             div.post-content.ast-width-md-6
               h2.entry-title > a
               header.entry-header > div.entry-meta > span > a (categories)
               p.ast-read-more-container > a
     div.ast-pagination (นอก #main!)
   #secondary.widget-area
   ============================================================ */

/* ─── C0. Background ─────────────────────────────────────────── */
.blog, .archive, .category, .tag {
  background-color: var(--ohh-cream);
}

/* ─── C1. Hero Banner ─────────────────────────────────────────── */
.blog .ast-archive-description,
.archive .ast-archive-description,
.category .ast-archive-description,
.tag .ast-archive-description {
  background: var(--ohh-green-deep);
  background-image:
    radial-gradient(ellipse 70% 80% at 80% 50%, rgba(82,183,136,0.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 5% 40%, rgba(201,168,76,0.08) 0%, transparent 50%);
  padding: 56px 0 52px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.blog .ast-archive-description::before {
  content: '— Knowledge & Research —';
  display: block;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ohh-gold); margin-bottom: 14px;
}
.category .ast-archive-description::before {
  content: '— Category —';
  display: block;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ohh-gold); margin-bottom: 14px;
}
.tag .ast-archive-description::before {
  content: '— Tag —';
  display: block;
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ohh-gold); margin-bottom: 14px;
}

.blog .ast-archive-description .ast-archive-title,
.archive .ast-archive-description .ast-archive-title,
.category .ast-archive-description .ast-archive-title,
.tag .ast-archive-description .ast-archive-title {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600; color: #fff;
  letter-spacing: -0.01em; line-height: 1.1;
  margin: 0 auto; padding: 0 20px;
}

.blog .ast-archive-description::after,
.archive .ast-archive-description::after,
.category .ast-archive-description::after,
.tag .ast-archive-description::after {
  content: '';
  display: block;
  width: 48px; height: 2px;
  background: var(--ohh-gold); border-radius: 2px;
  margin: 20px auto 0;
}

/* ─── C2. Breadcrumb ─────────────────────────────────────────── */
.blog .ast-breadcrumbs-wrapper,
.archive .ast-breadcrumbs-wrapper,
.category .ast-breadcrumbs-wrapper,
.tag .ast-breadcrumbs-wrapper {
  background: var(--ohh-green-deep) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding: 12px 0 !important; margin: 0 !important;
}

.blog .ast-breadcrumbs-wrapper .breadcrumb,
.archive .ast-breadcrumbs-wrapper .breadcrumb {
  font-size: 11px !important; color: rgba(255,255,255,0.45) !important;
}

.blog .ast-breadcrumbs-wrapper .breadcrumb a,
.archive .ast-breadcrumbs-wrapper .breadcrumb a {
  color: var(--ohh-gold-light) !important;
  text-decoration: none !important;
}

.blog .ast-breadcrumbs-wrapper .breadcrumb a:hover,
.archive .ast-breadcrumbs-wrapper .breadcrumb a:hover {
  color: var(--ohh-gold) !important;
}

/* ─── C3. Primary wrapper ─────────────────────────────────────── */
.blog #primary,
.archive #primary,
.category #primary,
.tag #primary {
  padding-top: 0 !important;
}

/* ─── C4. POST GRID — ยิงที่ div.ast-row ─────────────────────── */
.blog #main.site-main > div.ast-row,
.archive #main.site-main > div.ast-row,
.category #main.site-main > div.ast-row,
.tag #main.site-main > div.ast-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  padding: 36px 0 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ─── C5. POST CARD ──────────────────────────────────────────── */
.blog article.ast-article-post,
.archive article.ast-article-post,
.category article.ast-article-post,
.tag article.ast-article-post {
  background: #fff !important;
  border: 1px solid var(--ohh-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  clear: none !important;
  position: relative !important;
  flex: none !important;
  max-width: none !important;
  box-shadow: 0 2px 16px rgba(26,61,43,0.07) !important;
  transition:
    transform  0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

.blog article.ast-article-post:hover,
.archive article.ast-article-post:hover,
.category article.ast-article-post:hover,
.tag article.ast-article-post:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 60px rgba(26,61,43,0.16) !important;
  border-color: rgba(82,183,136,0.5) !important;
}

/* ─── C6. Inner wrapper — รูปบน content ล่าง ───────────────── */
.blog article.ast-article-post .ast-article-inner,
.archive article.ast-article-post .ast-article-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 1 !important;
}

/* ─── C7. Thumbnail section ──────────────────────────────────── */
.blog article.ast-article-post .ast-blog-featured-section,
.archive article.ast-article-post .ast-blog-featured-section {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
  position: relative !important;
  aspect-ratio: 3 / 2 !important;
  background: var(--ohh-warm-white) !important;
}

/* thumbnail inner div */
.blog article.ast-article-post .post-thumb-img-content,
.archive article.ast-article-post .post-thumb-img-content {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.blog article.ast-article-post .ast-blog-featured-section a,
.archive article.ast-article-post .ast-blog-featured-section a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.blog article.ast-article-post .ast-blog-featured-section img,
.archive article.ast-article-post .ast-blog-featured-section img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.55s ease !important;
}

.blog article.ast-article-post:hover .ast-blog-featured-section img,
.archive article.ast-article-post:hover .ast-blog-featured-section img {
  transform: scale(1.08) !important;
}

/* dark overlay on hover */
.blog article.ast-article-post .ast-blog-featured-section::after,
.archive article.ast-article-post .ast-blog-featured-section::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 40%, rgba(26,61,43,0.55) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
  pointer-events: none !important;
}

.blog article.ast-article-post:hover .ast-blog-featured-section::after,
.archive article.ast-article-post:hover .ast-blog-featured-section::after {
  opacity: 1 !important;
}

/* ─── C8. Post Content (div.post-content) ────────────────────── */
.blog article.ast-article-post .post-content,
.archive article.ast-article-post .post-content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px 20px 18px !important;
  box-sizing: border-box !important;
}

/* gold accent bar บน content */
.blog article.ast-article-post .post-content::before,
.archive article.ast-article-post .post-content::before {
  content: '' !important;
  display: block !important;
  width: 28px !important;
  height: 2px !important;
  background: var(--ohh-gold) !important;
  border-radius: 2px !important;
  margin-bottom: 12px !important;
  flex-shrink: 0 !important;
}

/* ─── C9. Title ──────────────────────────────────────────────── */
.blog article.ast-article-post .entry-title,
.archive article.ast-article-post .entry-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--ohh-text-dark) !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  /* fixed height = 2 lines เสมอ */
  min-height: calc(15px * 1.45 * 2) !important;
  flex-shrink: 0 !important;
}

/* ซ่อน gold bar ของ entry-title เดิม */
.blog article.ast-article-post .entry-title::before,
.archive article.ast-article-post .entry-title::before {
  display: none !important;
}

.blog article.ast-article-post .entry-title a,
.archive article.ast-article-post .entry-title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.18s !important;
}

.blog article.ast-article-post .entry-title a:hover,
.archive article.ast-article-post .entry-title a:hover {
  color: var(--ohh-green-deep) !important;
}

/* ─── C10. Category tags (entry-meta) ────────────────────────── */
.blog article.ast-article-post .entry-header,
.archive article.ast-article-post .entry-header {
  margin-top: auto !important;
  padding-top: 14px !important;
}

.blog article.ast-article-post .entry-meta,
.archive article.ast-article-post .entry-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 0 12px !important;
}

/* ซ่อน comma separator */
.blog article.ast-article-post .entry-meta .cat-links .sep,
.archive article.ast-article-post .entry-meta .cat-links .sep {
  display: none !important;
}

.blog article.ast-article-post .entry-meta a,
.archive article.ast-article-post .entry-meta a {
  display: inline-block !important;
  background: var(--ohh-warm-white) !important;
  border: 1px solid var(--ohh-border) !important;
  color: var(--ohh-text-mid) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: background 0.18s, color 0.18s, border-color 0.18s !important;
}

.blog article.ast-article-post .entry-meta a:hover,
.archive article.ast-article-post .entry-meta a:hover {
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  border-color: var(--ohh-green-deep) !important;
}

/* ─── C11. Read More (p.ast-read-more-container) ─────────────── */
.blog article.ast-article-post p.ast-read-more-container,
.archive article.ast-article-post p.ast-read-more-container {
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.blog article.ast-article-post p.ast-read-more-container a,
.archive article.ast-article-post p.ast-read-more-container a {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  transition: background 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease !important;
}

.blog article.ast-article-post p.ast-read-more-container a:hover,
.archive article.ast-article-post p.ast-read-more-container a:hover {
  background: var(--ohh-green-light) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(82,183,136,0.35) !important;
}

/* ซ่อน screen-reader-text */
.blog article.ast-article-post .screen-reader-text,
.archive article.ast-article-post .screen-reader-text {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important;
}

/* ─── C12. Pagination (div.ast-pagination อยู่นอก #main) ─────── */
.blog #primary > .ast-pagination,
.archive #primary > .ast-pagination,
.category #primary > .ast-pagination,
.tag #primary > .ast-pagination {
  margin: 16px 0 40px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.blog #primary > .ast-pagination .page-numbers,
.archive #primary > .ast-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: 1px solid var(--ohh-border) !important;
  color: var(--ohh-text-mid) !important;
  background: #fff !important;
  transition: all 0.2s ease !important;
}

.blog #primary > .ast-pagination a.page-numbers:hover,
.archive #primary > .ast-pagination a.page-numbers:hover {
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  border-color: var(--ohh-green-deep) !important;
}

.blog #primary > .ast-pagination .current,
.archive #primary > .ast-pagination .current {
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  border-color: var(--ohh-green-deep) !important;
  font-weight: 600 !important;
}

.blog #primary > .ast-pagination .next,
.archive #primary > .ast-pagination .next,
.blog #primary > .ast-pagination .prev,
.archive #primary > .ast-pagination .prev {
  padding: 0 16px !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  min-width: 0 !important;
}

/* ─── C13. SIDEBAR ───────────────────────────────────────────── */
.blog #secondary,
.archive #secondary,
.category #secondary,
.tag #secondary {
  padding-top: 36px !important;
}

.blog #secondary .widget,
.archive #secondary .widget,
.category #secondary .widget,
.tag #secondary .widget {
  background: #fff !important;
  border: 1px solid var(--ohh-border) !important;
  border-radius: 14px !important;
  padding: 22px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 2px 12px rgba(26,61,43,0.05) !important;
}

.blog #secondary .widget-title,
.archive #secondary .widget-title,
.category #secondary .widget-title,
.tag #secondary .widget-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--ohh-green-deep) !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid var(--ohh-gold) !important;
  letter-spacing: 0.02em !important;
}

/* Category list */
.blog #secondary .widget_categories ul,
.archive #secondary .widget_categories ul {
  list-style: none !important; padding: 0 !important; margin: 0 !important;
}

.blog #secondary .widget_categories ul li,
.archive #secondary .widget_categories ul li {
  border-bottom: 1px solid var(--ohh-border) !important;
}

.blog #secondary .widget_categories ul li:last-child,
.archive #secondary .widget_categories ul li:last-child { border-bottom: none !important; }

.blog #secondary .widget_categories ul li a,
.archive #secondary .widget_categories ul li a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  color: var(--ohh-text-mid) !important;
  text-decoration: none !important;
  padding: 10px 0 !important;
  transition: color 0.18s, padding-left 0.18s !important;
}

.blog #secondary .widget_categories ul li a:hover,
.archive #secondary .widget_categories ul li a:hover {
  color: var(--ohh-green-deep) !important;
  font-weight: 600 !important;
  padding-left: 4px !important;
}

/* Tag cloud */
.blog #secondary .widget_tag_cloud .tagcloud,
.archive #secondary .widget_tag_cloud .tagcloud {
  display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
}

.blog #secondary .widget_tag_cloud .tagcloud a,
.archive #secondary .widget_tag_cloud .tagcloud a {
  display: inline-block !important;
  background: var(--ohh-warm-white) !important;
  border: 1px solid var(--ohh-border) !important;
  color: var(--ohh-text-mid) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 4px 11px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: background 0.18s, color 0.18s, border-color 0.18s !important;
}

.blog #secondary .widget_tag_cloud .tagcloud a:hover,
.archive #secondary .widget_tag_cloud .tagcloud a:hover {
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  border-color: var(--ohh-green-deep) !important;
}

/* ─── C14. SEARCH WIDGET ─────────────────────────────────────────
   HTML จริง:
   <form class="search-form">
     <label>
       <span class="screen-reader-text">...</span>
       <input type="search" class="search-field" />
       <button class="search-submit ast-search-submit">SVG icon</button>  ← ตัวจริง
     </label>
     <input type="submit" class="search-submit" />  ← ซ้ำ ซ่อนออก
   </form>
   ─────────────────────────────────────────────────────────── */

.blog #secondary .widget_search .search-form,
.archive #secondary .widget_search .search-form {
  display: block !important;
  background: transparent !important;
  padding: 0 !important; margin: 0 !important; border: none !important;
}

.blog #secondary .widget_search .search-form label,
.archive #secondary .widget_search .search-form label {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  margin: 0 !important; padding: 0 !important;
}

.blog #secondary .widget_search .search-field,
.archive #secondary .widget_search .search-field {
  display: block !important;
  width: 100% !important;
  border: 1.5px solid var(--ohh-border) !important;
  border-radius: 10px !important;
  padding: 11px 50px 11px 16px !important;
  font-size: 13px !important;
  color: var(--ohh-text-dark) !important;
  background: var(--ohh-cream) !important;
  outline: none !important;
  box-sizing: border-box !important;
  height: 46px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}

.blog #secondary .widget_search .search-field:focus,
.archive #secondary .widget_search .search-field:focus {
  border-color: var(--ohh-green-light) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(82,183,136,0.12) !important;
}

/* button.ast-search-submit — absolute ชิดขวาใน label */
.blog #secondary .widget_search button.ast-search-submit,
.archive #secondary .widget_search button.ast-search-submit {
  position: absolute !important;
  right: 0 !important; top: 0 !important;
  width: 46px !important; height: 46px !important;
  background: var(--ohh-green-deep) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 10px 10px 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: 0 !important; margin: 0 !important;
  transition: background 0.2s !important;
}

.blog #secondary .widget_search button.ast-search-submit:hover,
.archive #secondary .widget_search button.ast-search-submit:hover {
  background: var(--ohh-green-light) !important;
}

.blog #secondary .widget_search button.ast-search-submit svg,
.archive #secondary .widget_search button.ast-search-submit svg {
  width: 16px !important; height: 16px !important; fill: #fff !important;
}

/* ซ่อน input[type=submit] ตัวซ้ำ */
.blog #secondary .widget_search input.search-submit,
.archive #secondary .widget_search input.search-submit {
  display: none !important;
}

/* ── OVERRIDE Astra container constraints ── */

/* ขยาย primary area ให้เต็มพื้นที่ */
.blog #primary.content-area,
.archive #primary.content-area,
.category #primary.content-area,
.tag #primary.content-area {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* reset negative margin ของ ast-row */
.blog #main.site-main > div.ast-row,
.archive #main.site-main > div.ast-row,
.category #main.site-main > div.ast-row,
.tag #main.site-main > div.ast-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* reset Astra column width ใน article */
.blog article.ast-article-post.ast-grid-common-col,
.archive article.ast-article-post.ast-grid-common-col {
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ast-full-width override */
.blog article.ast-article-post.ast-full-width,
.archive article.ast-article-post.ast-full-width {
  width: auto !important;
  max-width: none !important;
}

/* ขยาย ast-container ในหน้า blog ให้กว้างขึ้น */
.blog .ast-container,
.archive .ast-container,
.category .ast-container,
.tag .ast-container {
  max-width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* ─── C15. RESPONSIVE ────────────────────────────────────────── */

/* Tablet → 2 col */
@media (max-width: 1024px) {
  .blog #main.site-main > div.ast-row,
  .archive #main.site-main > div.ast-row,
  .category #main.site-main > div.ast-row,
  .tag #main.site-main > div.ast-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* Mobile → 1 col */
@media (max-width: 600px) {
  .blog #main.site-main > div.ast-row,
  .archive #main.site-main > div.ast-row,
  .category #main.site-main > div.ast-row,
  .tag #main.site-main > div.ast-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 24px 0 !important;
  }

  .blog article.ast-article-post .post-content,
  .archive article.ast-article-post .post-content {
    padding: 18px !important;
  }

  .blog .ast-archive-description,
  .archive .ast-archive-description {
    padding: 40px 20px 36px !important;
  }
}

/* ╔═══════════════════════════════════════════════════════════╗
   ║         SECTION D — RESPONSIVE                           ║
   ╚═══════════════════════════════════════════════════════════╝ */

@media (max-width: 960px) {

  /* Product */
  .woocommerce div.product {
    padding: 24px 24px 48px !important; gap: 24px !important;
  }
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary.entry-summary {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }
  .woocommerce div.product .summary.entry-summary { padding: 28px !important; }
  .related.products ul.products { grid-template-columns: repeat(2, 1fr) !important; }

  /* Shop */
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important;
  }

  /* Blog → 2 col (เหลือที่สำหรับ sidebar) */
  .blog #main.site-main,
  .archive #main.site-main,
  .category #main.site-main,
  .tag #main.site-main {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {

  /* Product */
  .woocommerce div.product {
    padding: 16px 16px 40px !important; gap: 16px !important;
  }
  .woocommerce div.product .summary.entry-summary {
    padding: 20px !important; border-radius: 12px !important;
  }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price { font-size: 28px !important; }
  .woocommerce div.product .product_title.entry-title { font-size: 20px !important; }
  .woocommerce div.product form.cart {
    flex-direction: column !important; flex-wrap: wrap !important;
  }
  .woocommerce div.product form.cart div.quantity {
    width: 100% !important; justify-content: center !important; height: 52px !important;
  }
  .woocommerce div.product form.cart div.quantity input.qty {
    width: 100% !important; height: 52px !important;
  }
  .woocommerce div.product .single_add_to_cart_button {
    width: 100% !important; height: 52px !important; font-size: 14px !important;
    padding: 0 !important; flex: none !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  .woocommerce div.product .woocommerce-tabs .panel { padding: 20px !important; }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 8px !important; overflow-x: auto !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 14px 12px !important; font-size: 11px !important; white-space: nowrap !important;
  }
  .related.products ul.products,
  .woocommerce ul.products {
    grid-template-columns: 1fr 1fr !important; gap: 12px !important;
  }
  .related.products ul.products li.product a img,
  .woocommerce ul.products li.product img { height: 160px !important; }
  .woocommerce-product-gallery .woocommerce-product-gallery__image img { height: 300px !important; }
  .woocommerce-product-gallery .flex-control-thumbs li {
    width: 52px !important; height: 52px !important;
  }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    width: 32px !important; height: 32px !important; font-size: 12px !important;
  }

  /* Blog → 1 col */
  .blog #main.site-main,
  .archive #main.site-main,
  .category #main.site-main,
  .tag #main.site-main {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 20px 0 !important;
  }

  .blog article.ast-article-post .entry-content-wrap,
  .archive article.ast-article-post .entry-content-wrap {
    padding: 14px 14px 12px !important;
  }

  .blog .ast-archive-description,
  .archive .ast-archive-description {
    padding: 36px 20px 32px !important;
  }
}