/*
 Theme Name:   Woodmart Child
 Description:  Vanguard Studio — Premium Christian Wall Art
 Author:       Vanguard Studio
 Template:     woodmart
 Version:      4.0.0
 Text Domain:  woodmart
*/

/* ============================================================
   VANGUARD STUDIO — Design System v4.0 (rebuilt from scratch,
   reference: nookatyou.com structure, confirmed Woodmart markup)
   ============================================================
   All brand values live in :root. Change one value → site-wide update.
   Upload to: Hostinger → woodmart-child → style.css
   After upload: LiteSpeed Cache → Purge All → check in incognito.

   CONTENTS
   01. Google Fonts
   02. Brand Variables
   03. Base Reset
   04. Typography
   05. Links
   06. Buttons
   07. Forms
   08. Top Announcement Bar
   09. Header
   10. Page Title Bar (breadcrumb strip)
   11. Footer
   12. Product Cards (shop / archive / related / upsell grids)
   13. Single Product Page
   14. Homepage — Hero Slideshow            (.vs-hero)
   15. Homepage — Trust Ticker              (.vs-ticker)
   16. Homepage — Bestsellers Carousel      (.vs-products-grid)
   17. Homepage — Collections Grid          (.vs-collections-row)
   18. Homepage — Trust Row                 (.vs-trust-row)
   19. Homepage — Dark Spotlight            (.vs-dark)
   20. Homepage — Real Homes Gallery        (.vs-real-homes)
   21. Homepage — SEO Text Block            (.vs-seo-block)
   22. Image Protection
   23. Description Content Cleanup (Tailwind contamination)
   24. Responsive
   ============================================================ */


/* ============================================================
   01. GOOGLE FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');


/* ============================================================
   02. BRAND VARIABLES
   ============================================================ */
:root {
  /* Colours */
  --vs-navy:       #0F0F1A;
  --vs-navy-mid:   #1A1A2E;
  --vs-black:      #0A0A12;
  --vs-gold:       #C9A84C;
  --vs-gold-dk:    #A07C2E;
  --vs-gold-lt:    #E8D5A3;
  --vs-ivory:      #F8F4EE;
  --vs-ivory-dk:   #EDE8DF;
  --vs-white:      #FFFFFF;
  --vs-text:       #1C1C2E;
  --vs-text-mid:   #4A4A5A;
  --vs-muted:      #8A8A9A;
  --vs-border:     rgba(201,168,76,0.2);
  --vs-border-lt:  rgba(0,0,0,0.09);
  --vs-success:    #2E7D5E;
  --vs-error:      #B83232;

  /* Fonts */
  --vs-serif: 'Cormorant Garamond', Georgia, serif;
  --vs-sans:  'Inter', -apple-system, sans-serif;

  /* Sizes */
  --vs-h1:   clamp(2.4rem, 5vw, 4.4rem);
  --vs-h2:   clamp(1.8rem, 3.5vw, 3rem);
  --vs-h3:   clamp(1.4rem, 2.5vw, 2rem);
  --vs-h4:   clamp(1.1rem, 1.8vw, 1.4rem);
  --vs-body: 17px;
  --vs-sm:   15px;
  --vs-xs:   13px;

  /* Spacing / misc */
  --vs-radius: 4px;
  --vs-ease:   0.25s ease;
}


/* ============================================================
   03. BASE RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--vs-sans) !important;
  font-size: var(--vs-body) !important;
  color: var(--vs-text) !important;
  -webkit-font-smoothing: antialiased;
  line-height: 1.8;
}

img { max-width: 100%; height: auto; }

::selection { background: var(--vs-gold); color: var(--vs-navy); }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-thumb { background: var(--vs-gold); border-radius: 4px; }


/* ============================================================
   04. TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4,
.woodmart-title,
.wd-entities-title {
  font-family: var(--vs-serif) !important;
  font-weight: 400 !important;
  color: var(--vs-navy) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.02em !important;
}

h1 { font-size: var(--vs-h1) !important; }
h2 { font-size: var(--vs-h2) !important; }
h3 { font-size: var(--vs-h3) !important; }
h4 { font-size: var(--vs-h4) !important; }

p {
  font-family: var(--vs-sans) !important;
  font-size: var(--vs-body) !important;
  line-height: 1.8 !important;
  color: var(--vs-text) !important;
}

/* Force white text inside any Cover block (hero/banner sections) */
.wp-block-cover__inner-container,
.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2,
.wp-block-cover__inner-container h3,
.wp-block-cover__inner-container h4,
.wp-block-cover__inner-container p,
.wp-block-cover__inner-container li,
.wp-block-cover__inner-container .wp-block-paragraph {
  color: #ffffff !important;
}
.wp-block-cover__inner-container em,
.wp-block-cover__inner-container i {
  color: var(--vs-gold-lt) !important;
  font-style: italic !important;
}


/* ============================================================
   05. LINKS
   ============================================================ */
a {
  color: var(--vs-gold);
  text-decoration: none;
  transition: color var(--vs-ease);
}
a:hover { color: var(--vs-gold-dk); }


/* ============================================================
   06. BUTTONS
   ============================================================ */
.button,
button,
input[type="submit"],
.wd-btn,
.woodmart-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: var(--vs-radius) !important;
  transition: all var(--vs-ease) !important;
}

/* Primary / Add to cart / Buy now */
.single_add_to_cart_button,
.wd-buy-now-btn,
.add_to_cart_button,
.wd-btn-primary,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background-color: var(--vs-gold) !important;
  color: var(--vs-navy) !important;
  border: none !important;
  padding: 15px 32px !important;
}

.single_add_to_cart_button:hover,
.wd-buy-now-btn:hover,
.add_to_cart_button:hover,
.wd-btn-primary:hover {
  background-color: var(--vs-gold-dk) !important;
  color: var(--vs-white) !important;
}

/* Secondary / outline button */
.wd-btn-secondary,
.button.outlined,
.woodmart-btn-outlined {
  background-color: transparent !important;
  color: var(--vs-navy) !important;
  border: 2px solid var(--vs-navy) !important;
}

.wd-btn-secondary:hover,
.button.outlined:hover {
  background-color: var(--vs-navy) !important;
  color: var(--vs-white) !important;
}


/* ============================================================
   07. FORMS
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
  font-family: var(--vs-sans) !important;
  font-size: var(--vs-sm) !important;
  color: var(--vs-text) !important;
  border: 1px solid var(--vs-border-lt) !important;
  border-radius: var(--vs-radius) !important;
  padding: 11px 14px !important;
  transition: border-color var(--vs-ease) !important;
  width: 100% !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border-color: var(--vs-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--vs-muted) !important;
}


/* ============================================================
   08. TOP ANNOUNCEMENT BAR
   ============================================================ */
.woodmart-top-bar,
.wd-top-bar,
.top-bar {
  background-color: var(--vs-navy) !important;
  color: var(--vs-gold-lt) !important;
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid var(--vs-border) !important;
}

.woodmart-top-bar a,
.wd-top-bar a,
.top-bar a,
.top-bar strong {
  color: var(--vs-gold) !important;
  font-weight: 700 !important;
}


/* ============================================================
   09. HEADER
   ============================================================ */
.whb-header,
.woodmart-header,
.site-header {
  background-color: var(--vs-white) !important;
  border-bottom: 1px solid var(--vs-border-lt) !important;
}

.woodmart-navigation .menu > li > a,
.wd-nav > li > a,
.whb-general-header .woodmart-navigation a {
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--vs-navy) !important;
  transition: color var(--vs-ease) !important;
}

.woodmart-navigation .menu > li > a:hover,
.wd-nav > li > a:hover {
  color: var(--vs-gold) !important;
}

.wd-cart-btn,
.woodmart-cart-btn {
  background-color: var(--vs-navy) !important;
  color: var(--vs-white) !important;
  border-radius: var(--vs-radius) !important;
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}

.wd-cart-btn .count,
.woodmart-cart-btn .count {
  background-color: var(--vs-gold) !important;
  color: var(--vs-navy) !important;
}

.whb-header.whb-sticky-shadow {
  box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important;
}


/* ============================================================
   10. PAGE TITLE BAR (breadcrumb strip)
   ============================================================ */
.wd-page-title,
.woodmart-page-title,
.page-title {
  background-color: var(--vs-navy) !important;
  padding: 32px 0 !important;
}

.wd-page-title h1,
.wd-page-title .entry-title,
.woodmart-page-title h1 {
  font-family: var(--vs-serif) !important;
  color: var(--vs-white) !important;
  font-size: clamp(1.4rem, 3vw, 2.2rem) !important;
  letter-spacing: 0.04em !important;
}

/* Breadcrumb on the single product page itself (light background, not the dark bar) */
.wd-breadcrumbs,
.woocommerce-breadcrumb {
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  color: var(--vs-muted) !important;
}
.wd-breadcrumbs a,
.woocommerce-breadcrumb a { color: var(--vs-text-mid) !important; }
.wd-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover { color: var(--vs-gold) !important; }
.wd-breadcrumbs .wd-last,
.wd-breadcrumbs .wd-last-link { color: var(--vs-navy) !important; font-weight: 500; }


/* ============================================================
   11. FOOTER
   ============================================================ */
.wd-footer,
.footer-bottom,
footer.site-footer {
  background-color: var(--vs-navy) !important;
  color: rgba(255,255,255,0.65) !important;
}

.wd-footer h3,
.wd-footer h4,
.wd-footer .widget-title {
  font-family: var(--vs-sans) !important;
  color: var(--vs-white) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.wd-footer a {
  color: rgba(255,255,255,0.65) !important;
}
.wd-footer a:hover {
  color: var(--vs-gold) !important;
}


/* ============================================================
   12. PRODUCT CARDS (shop / archive / related / upsell grids)
   confirmed selectors: .product-grid-item, .wd-product, .wd-entities-title
   ============================================================ */
.product-grid-item,
.product.type-product {
  border: 0 !important;
  border-radius: var(--vs-radius) !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  background: var(--vs-white) !important;
}

.wd-product-img-link,
.product-image-link {
  overflow: hidden !important;
  background-color: var(--vs-ivory) !important;
  display: block;
}

.wd-product-img-link img,
.product-image-link img {
  transition: transform 0.55s ease !important;
}

.product-grid-item:hover .wd-product-img-link img,
.product-grid-item:hover .product-image-link img {
  transform: scale(1.04) !important;
}

.wd-entities-title {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  margin-top: 12px !important;
}

.price {
  font-family: var(--vs-sans) !important;
  color: var(--vs-text) !important;
}
.price ins {
  color: var(--vs-navy) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.price del {
  color: var(--vs-muted) !important;
  font-size: 0.85em !important;
}

.wd-product-label.onsale,
.onsale {
  background-color: var(--vs-gold) !important;
  color: var(--vs-navy) !important;
  font-family: var(--vs-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  border-radius: 2px !important;
}

.star-rating span::before,
.woocommerce-product-rating .star-rating span::before {
  color: var(--vs-gold) !important;
}

/* "You may also like…" carousel heading on single product page */
.wd-products-element .wp-block-wd-title,
.wd-products-element h2 {
  font-family: var(--vs-serif) !important;
  font-size: var(--vs-h2) !important;
  color: var(--vs-navy) !important;
  text-align: center;
  margin-bottom: 24px !important;
}


/* ============================================================
   13. SINGLE PRODUCT PAGE
   Confirmed structure (from live HTML):
   .wp-block-wd-row > .wp-block-wd-column (gallery) + .wp-block-wd-column (summary, sticky)
   .wd-single-nav / .wd-products-nav   = prev/next strip (hidden)
   .wd-single-gallery, .wd-single-title, .wd-single-price,
   .wd-single-add-cart, .wd-single-tabs
   ============================================================ */

/* Hide the prev/next product navigation strip */
.wd-single-nav,
.wd-products-nav {
  display: none !important;
}

/* Two-column split: gallery left, summary right */
.single-product .wp-block-wd-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.single-product .wp-block-wd-row > .wp-block-wd-column:first-child {
  flex: 0 0 52% !important;
  max-width: 52% !important;
  width: 52% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.single-product .wp-block-wd-row > .wp-block-wd-column:last-child {
  flex: 1 1 0 !important;
  max-width: calc(48% - 40px) !important;
  width: auto !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Gallery thumbnails — gold border on active/hover */
.single-product .flex-control-thumbs li img.flex-active,
.wd-gallery-thumb .wd-thumb-active img {
  border-color: var(--vs-gold) !important;
}
.single-product .flex-control-thumbs li img:hover {
  border-color: var(--vs-gold) !important;
}

/* Product title */
.wd-single-title .product_title {
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  margin-bottom: 4px !important;
}

/* Price block */
.wd-single-price .price {
  font-size: 1.5rem !important;
}
.wd-single-price .price ins {
  font-size: 1.05em !important;
}

/* Short description (quote + bullets above Add to Cart) */
.wd-single-short-desc {
  border-left: 3px solid var(--vs-gold) !important;
  padding-left: 20px !important;
  margin: 18px 0 !important;
}
.wd-single-short-desc p:first-child {
  font-family: var(--vs-serif) !important;
  font-style: italic;
  font-size: 1.15rem !important;
  color: var(--vs-navy) !important;
}
.wd-single-short-desc ul {
  margin: 14px 0 !important;
  padding-left: 20px !important;
}
.wd-single-short-desc li {
  font-family: var(--vs-sans) !important;
  font-size: var(--vs-sm) !important;
  color: var(--vs-text-mid) !important;
  margin-bottom: 4px !important;
}

/* Tabs / accordion (Why You'll Love It / Description / Reviews) */
.wd-single-tabs .wd-nav-tabs .wd-nav-link {
  font-family: var(--vs-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--vs-text-mid) !important;
}
.wd-single-tabs .wd-nav-tabs li.active .wd-nav-link,
.wd-single-tabs .wd-nav-tabs .wd-nav-link[aria-selected="true"] {
  color: var(--vs-navy) !important;
  border-color: var(--vs-gold) !important;
}
.wd-accordion-title-text span {
  font-family: var(--vs-sans) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}

/* Remove drop-shadow on the round zoom / "Click to enlarge" icon over the gallery image */
.wd-show-product-gallery-wrap,
.woocommerce-product-gallery .wd-action-btn,
.wd-gallery-images .wd-action-btn,
.product-images .wd-action-btn,
.woocommerce-product-gallery .wd-zoom-icon,
.wd-gallery-images .wd-zoom-icon,
.woocommerce-product-gallery .wd-tools-grid .wd-action-btn,
.woocommerce-product-gallery a.wd-action-btn,
.wd-image-btn,
.wd-action-icon {
  box-shadow: none !important;
  filter: none !important;
}

/* "You may also like" section below — full width */
.single-product .wp-block-wd-section {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}


/* ============================================================
   14. HOMEPAGE — HERO SLIDESHOW   (.vs-hero on the Slider block)
   ============================================================ */
.vs-hero .wp-block-cover__inner-container,
.vs-hero .wd-slide-content {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 2rem;
}
.vs-hero h1 {
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
}
.vs-hero .vs-eyebrow {
  display: block;
  font-family: var(--vs-sans);
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--vs-gold-lt);
  margin-bottom: 1rem;
}


/* ============================================================
   15. HOMEPAGE — TRUST TICKER   (.vs-ticker, HTML block)
   ============================================================ */
.vs-ticker {
  background: var(--vs-navy);
  color: var(--vs-gold-lt);
  overflow: hidden;
  padding: 12px 0;
  font-family: var(--vs-sans);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vs-ticker-inner {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: vs-tick 30s linear infinite;
}
.vs-ticker-inner span { white-space: nowrap; }
@keyframes vs-tick {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}


/* ============================================================
   16. HOMEPAGE — BESTSELLERS CAROUSEL   (.vs-products-grid)
   ============================================================ */
.vs-products-grid .wp-block-wd-title,
.vs-products-grid > h2 {
  text-align: center;
  margin-bottom: 28px !important;
}


/* ============================================================
   17. HOMEPAGE — COLLECTIONS GRID   (.vs-collections-row, Columns block)
   ============================================================ */
.vs-collections-row .wp-block-cover {
  min-height: 480px;
  border-radius: 0;
}
.vs-collections-row .wp-block-cover__inner-container {
  padding: 2rem;
}


/* ============================================================
   18. HOMEPAGE — TRUST ROW   (.vs-trust-row, Columns block, 3 cols)
   ============================================================ */
.vs-trust-row {
  padding: 60px 40px;
  text-align: center;
}
.vs-trust-row.vs-ivory {
  background-color: var(--vs-ivory) !important;
}
.vs-trust-row h3 {
  font-size: 1.4rem !important;
  margin-bottom: 0.5rem !important;
}
.vs-trust-row .vs-trust-icon {
  font-size: 2rem;
  color: var(--vs-gold);
  display: block;
  margin-bottom: 0.6rem;
}


/* ============================================================
   19. HOMEPAGE — DARK SPOTLIGHT   (.vs-dark, Cover block, navy bg)
   ============================================================ */
.vs-dark .wp-block-cover__background {
  background-color: var(--vs-navy) !important;
}
.vs-dark .wp-block-cover__inner-container {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 5rem 2rem;
}
.vs-dark h2 {
  color: var(--vs-white) !important;
  font-style: italic;
}
.vs-dark .vs-divider {
  width: 60px;
  height: 2px;
  background: var(--vs-gold);
  margin: 1.5rem auto;
  border: none;
}


/* ============================================================
   20. HOMEPAGE — REAL HOMES GALLERY   (.vs-real-homes)
   ============================================================ */
.vs-real-homes {
  text-align: center;
  padding: 60px 0;
}
.vs-real-homes h2 { margin-bottom: 0.4rem !important; }
.vs-real-homes .vs-subhead {
  font-family: var(--vs-sans);
  color: var(--vs-muted);
  font-size: var(--vs-sm);
  letter-spacing: 0.04em;
  margin-bottom: 2rem;
}
.vs-real-homes .wp-block-gallery img {
  border-radius: var(--vs-radius);
  transition: transform 0.4s ease;
}
.vs-real-homes .wp-block-gallery img:hover {
  transform: scale(1.02);
}


/* ============================================================
   21. HOMEPAGE — SEO TEXT BLOCK   (.vs-seo-block, above footer)
   ============================================================ */
.vs-seo-block {
  background: var(--vs-ivory);
  padding: 50px 0;
}
.vs-seo-block h2 {
  font-size: var(--vs-h3) !important;
  text-align: center;
  margin-bottom: 1rem !important;
}
.vs-seo-block p {
  max-width: 760px;
  margin: 0 auto !important;
  font-size: var(--vs-sm) !important;
  color: var(--vs-text-mid) !important;
  text-align: center;
}


/* ============================================================
   22. IMAGE PROTECTION
   ============================================================ */
.pswp__button--download,
.wd-gallery-download,
a[download],
.photoswipe-download,
.pswp__top-bar a[download] {
  display: none !important;
}

.woocommerce-product-gallery img,
.product-images img,
.wd-gallery-img img {
  pointer-events: none;
}

.woocommerce-product-gallery,
.wd-gallery-images {
  pointer-events: auto;
}


/* ============================================================
   23. DESCRIPTION CONTENT CLEANUP
   Neutralise leftover Tailwind/chat-UI classes pasted into
   WooCommerce product description fields.
   ============================================================ */
.font-claude-response-body,
p[data-sourcepos],
ul[data-sourcepos],
li[data-sourcepos] {
  font-family: var(--vs-sans) !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: var(--vs-text-mid) !important;
  white-space: normal !important;
  word-break: normal !important;
}


/* ============================================================
   24. RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  :root {
    --vs-h1: clamp(2rem, 4.5vw, 3.4rem);
    --vs-h2: clamp(1.6rem, 3vw, 2.4rem);
  }
}

@media (max-width: 900px) {
  /* Stack gallery + summary on tablets/phones — Woodmart already does
     this natively once full-width product page is enabled; this is a
     safety net only. */
  .single-product .wp-block-wd-row {
    flex-wrap: wrap !important;
  }
  .single-product .wp-block-wd-row > .wp-block-wd-column:first-child,
  .single-product .wp-block-wd-row > .wp-block-wd-column:last-child {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .site-footer { text-align: center !important; }

  .wd-page-title h1,
  .woodmart-page-title h1 {
    font-size: clamp(1.2rem, 5vw, 1.8rem) !important;
  }

  .vs-collections-row .wp-block-cover {
    min-height: 320px;
  }
}