/** Shopify CDN: Minification failed

Line 5804:20 Unexpected "{"
Line 5845:84 Unexpected "{"

**/
/* ==========================================================================
   HHFSHOP — custom-style.css (CLEANED + ORGANIZED COMMENTS)
   --------------------------------------------------------------------------

   Conventions in this file:
   - Desktop styles are the baseline (source of truth).
   - Mobile-only changes live inside: @media screen and (max-width: 749px)
   - Section-scoped overrides use Shopify section IDs like:
       #shopify-section-template--...__SECTIONNAME_XXXX
   - Avoid adding !important unless it is already part of the rule strategy.

   Table of Contents (major sections, in cascade order):
   01. Page Content: Linked Images (Rte)
   02. Contact Page – Questions Form
   03. Contact Page – "How To Say Hello."
   04. ====================Responsiveness========================
   05. Misc / Unsorted
   06. Contact Page – "How To Say Hello." Final Overrides
   07. Contact Page – "How To Say Hello." Cards & Icons (Final Override)
   08. Global Hhf Button System
   09. Desktop — Read Our Blogs
   10. Remove Leafy Backgrounds From Various Blocks/Misc / Unsorteds
   11. Rich Text Misc / Unsorteds – Widen Content Area
   12. About Us – Multicolumn Layout Match (Our Philosophy + Values)
   13. Custom "Multicards" Misc / Unsorted (Meet The Girls / Our Tribe)
   14. The Mum Garden – Blog Index Cards (Match Live Grid)
   15. Global – Multicolumn Cards That Behave Like “Image + Button”
   16. Mobile — Home Featured Blog Misc / Unsorted (Exact Misc / Unsorted Target)
   17. Home — Read Our Blogs (Featured Blog) — Single Source Of Truth
   ==========================================================================
*/

section.mainWrapper {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 40px;
  max-width: 1440px;
  margin: 0 auto;
}

/* CSS for arrow icon (text-based so it can't "disappear") */

.rte ul li::before,
.rte ol li::before,
div#Description ul li::before,
div#Description ol li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: #91ad41;
  font-weight: 700;
  line-height: 1;
}

/* =========================================================================
   PAGE CONTENT: LINKED IMAGES (RTE)
   ========================================================================= */

/* Target images inside links inside page content */

.rte a img {
  width: 100%;
  max-width: 260px;
  /* controls uniform size */
  height: 260px;
  /* forces consistency */
  object-fit: cover;
  /* crops instead of stretching */
  display: block;
}

/* Remove outline/border from linked images */

.rte a {
  border: none;
}

.rte a img {
  border: none;
  outline: none;
  box-shadow: none;
}

.rte a {
  display: inline-block;
}

.template-search.section-template--17351348912381__main-padding
  .article-card__images.medias.media--hover-effects
  img {
  width: 100%;
  height: 100%;
}

body slideshow-component:not(.page-width) .slider-buttons {
  display: none;
}

.rte li,
div#Description li {
  padding-left: 33px;
  position: relative;
}

body .rte ul,
body .rte ol,
div#Description ul,
div#Description ol {
  list-style: none;
  padding: 0;
}

body .field.form-item input:focus {
  padding: 20px;
  border-radius: 45px;
}

body .card:not(.ratio) > .card__content {
  grid-template-rows: 0fr !important;
}

h2.h1.banner__heading.inline-richtext.h1 {
  text-shadow: 8px 0px 9px #9c9c9c;
}

.visit-formss ul {
  row-gap: 40px;
}

section.vi {
  margin: 0 auto;
  text-align: center;
}

/* Global styling for page titles to match the old theme */

h1.main-page-title {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(44px, 4vw, 72px) !important;
  text-align: center !important;
  line-height: 1.1;
  margin: 0;
  padding: 40px 0;
  position: relative;
  z-index: 1;
  background: none;
  /* IMPORTANT: remove the old background from the H1 itself */;
}

h1.main-page-title + .rte {
  margin-top: 24px !important;
}

/* Full-width leafy band behind the title only */

h1.main-page-title::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  background-image: url("https://www.hhfshop.com/cdn/shop/files/Mask_group.png?v=1705841794");
  background-repeat: repeat;
  background-size: auto;
  /* this is what makes it span full width even inside a narrow container */
  left: 50%;
}

.custboxs .uppertext {
  margin-bottom: 32px;
  max-width: 57%;
  margin: 0 auto 32px auto;
}

.visit-formss img.multicolumn-card__image,
.custboxs img.multicolumn-card__image {
  border-radius: 20px 0px;
}

.vallybanner .rte.greentxt.greencenter {
  font-family: "Uncut-Sans-Regular";
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.linkbox {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

span.preview-option {
  display: none;
}

section#shopify-section-template--17351348715773__slideshow_TLfehq
  .slider-button {
  display: none;
}

body .slider-counter__link--dots .dot {
  width: 35px;
  border-radius: 5px;
  height: 6px;
}

body .slider-counter__link--active.slider-counter__link--dots .dot {
  background: #91ad41;
}

body slideshow-component:not(.page-width) .slider-buttons {
  bottom: 74px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 11;
  border: 0;
}

#arrow-icon {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

body .price--on-sale .price-item--regular {
  font-size: 18px;
  font-family: "Uncut-Sans-Bold";
}

body table:not([class]) td,
body table:not([class]) th {
  border: 0;
}

body .card:not(.ratio) > .card__content {
  background-color: #fff;
}

body table:not([class]) {
  box-shadow: none;
}

.greencenter {
  text-align: center;
}

div#MegaMenu-Content-1
  ul.mega-menu__list.page-width
  > li
  a.mega-menu__link.mega-menu__link--level-2.link {
  font-size: 16px;
  color: #91ad41;
  font-weight: 600;
  margin-bottom: 5px;
  pointer-events: none;
}

.rotate svg.icon.icon-caret {
  transform: rotate(180deg);
}

.sidenav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidenav ul a {
  position: relative;
  list-style: none;
  text-decoration: none;
  display: block;
  font-size: 20px;
  color: #fff;
  background-color: #91ad41;
  padding: 12px 23px;
  border-radius: 10px;
}

span#arrow-icon svg {
  right: 18px;
  width: 20px;
  height: 8px;
  position: absolute;
  top: 50%;
}

nav.collmenu-menu ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
  font-family: Uncut-Sans-Regular;
  line-height: 34px;
}

nav.collmenu-menu ul {
  list-style: none;
  padding: 20px;
  margin: 0;
}

#categories.closed #arrow-icon {
  transform: rotate(180deg);
}

span.label-show-less.label-text,
span.label-show-more.label-text {
  color: #000;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
  text-transform: capitalize;
}

body.wholeclass .card--standard > .card__content .card__information {
  flex-direction: column;
}

.image-with-text__grid.grid img {
  border-radius: 50px 0px;
}

body.wholeclass .card__heading {
  flex: auto;
  display: block;
}

body.wholeclass .card-information {
  flex: auto;
}

.removestart .spr-starrating.spr-summary-starrating {
  display: none;
}

.pricetable {
  margin-bottom: 40px;
  display: block;
}

.pricetable table {
  width: auto;
  margin: 0 auto;
  border: 0;
  box-shadow: none !important;
}

.pricetable table td {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  padding: 20px;
  border: 0 !important;
}

.pricetable table tr:nth-child(even) {
  background-color: #91ad41;
}

.pricetable table tr:nth-child(odd) {
  background-color: #fafafa;
}

.pricetable table tr:nth-child(even) td {
  color: white;
}

.PriceCards .mCardWrapper {
  display: none;
}

.breadcrumbs {
  background: #ffffff;
  padding: 10px 0px;
}

.noimg
  .image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--middle.grid__item {
  display: none;
}

.noimg.onlyTextPattern .image-with-text__content--middle {
  padding: 40px;
}

.noimg.onlyTextPattern .image-with-text__content--desktop-left > * {
  align-self: center;
  justify-content: space-around;
}

.box-inner {
  margin-top: 20px;
}

.noimg.onlyTextPattern
  .image-with-text__content--middle
  .image-with-text__text.rte.body
  p {
  font-size: 34px;
  line-height: 41px;
  text-align: center;
}

.breadcrumbs__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.faqInner h5 {
  font-size: 25px;
  margin: 0;
  font-family: "Uncut-Sans-Semibold";
}

.faqInner h3 {
  font-size: 33px;
  margin-top: 0;
  font-family: "Uncut-Sans-Bold";
}

table.cart-items th {
  font-weight: 800;
  font-size: 16px;
  color: #000;
  font-family: "Uncut-Sans-Semibold";
}

form#cart {
  margin-top: 20px;
}

.cart-item {
  font-family: "Uncut-Sans-Bold";
}

.cart-items td {
  font-family: "Uncut-Sans-Bold";
}

.breadcrumbs__item {
  display: inline-block;
  color: #151517;
  font-family: "Uncut-Sans-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  padding-right: 30px;
  position: relative;
}

.breadcrumbs__item:not(:last-child):after {
  content: "/";
  width: 12px;
  height: 7px;
  position: absolute;
  right: 8px;
}

.breadcrumbs__link {
  text-decoration: none;
  color: #151517;
  font-family: "Uncut-Sans-Regular";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.breadcrumbs__link[aria-current="page"] {
  color: inherit;
  text-decoration: none;
}

.priceCard {
  text-align: center;
  border-radius: 20px;
  background-color: #fafafa;
}

.perperson {
  background-color: #91ad41;
  color: white;
  font-size: 20px;
  line-height: 22px;
  padding: 10px 10px 16px 10px;
  font-family: "Uncut-Sans-Regular";
}

.prictop {
  color: #91ad41;
  font-size: 45px;
  font-family: "Uncut-Sans-Semibold";
  padding: 10px;
}

.textbottom {
  font-size: 18px;
  line-height: 22px;
  color: #000;
  padding: 20px;
}

/* breadcrum */

.p145 {
  padding: 145px 0px;
}

.p110 {
  padding: 110px 0px;
}

.mt100 {
  margin-top: 110px;
}

p {
  font-family: "Uncut-Sans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

h2.h3,
h3.h3,
h3.card__heading.h2 {
  color: #000;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}

h2.h1,
h1.h2,
h2.h3,
h3.h3,
h3.card__heading.h2 {
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.announcement-bar * {
  font-family: "Uncut-Sans-Semibold" !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

form#customer_login input,
.customer.login input {
  border: 1px solid #e3e3e3;
}

p.image-with-text__text.image-with-text__text--caption {
  color: #000;
  font-family: "Uncut-Sans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 42px;
  margin-bottom: 20px;
}

.menu-wrapper {
  background-color: #f9fcf3;
  padding: 5px 0px;
}

a.button.button--primary:hover {
  background-color: #000;
}

.menu-wrapper ul.list-menu.list-menu--inline {
  justify-content: space-evenly;
  display: flex;
}

body button#Subscribe:hover {
  background: #91ad41;
}

ul.list-menu.list-menu--inline li a,
ul.list-menu.list-menu--inline > li summary.list-menu__item {
  color: #000;
  font-family: "Uncut-Sans-Regular";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.05px;
  text-transform: uppercase;
}

ul.list-menu.list-menu--inline > li > a,
ul.list-menu.list-menu--inline > li summary.list-menu__item {
  font-size: 21px;
}

body .announcement-bar__message {
  padding: 13px 0px;
}

.header:not(.drawer-menu).page-width {
  max-width: 1600px;
  padding: 10px 0px 10px 0px;
}

.header__menu-item:hover span,
.header__submenu .header__menu-item:hover {
  text-decoration: none;
  color: #91ad41;
}

.banner__text.rte.body p {
  font-family: "Uncut-Sans-Medium";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

h2.h1.banner__heading.inline-richtext.h0 {
  margin-top: 0;
}

body .banner__box > * + .banner__buttons {
  margin-top: 45px;
}

.footer.footer {
  background: url(/cdn/shop/files/Group_5257.png?v=1705605862);
  background-repeat: repeat;
  background-size: auto;
  padding: 100px 20px 20px 20px;
  /* Main Footer Padding: Top, Right, Bottom, Left */;
}

body h2.footer-block__heading.inline-richtext {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

body .footer-block__details-content .list-menu__item--link,
body small.copyright__content,
.brand_description {
  color: #000;
  font-family: "Uncut-Sans-Regular";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

body .footer-block__details-content .list-menu__item--link:hover,
body .copyright__content a:hover {
  text-decoration: none;
  color: #8ba63e;
}

body .footer__content-top .grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 0.7fr;
  column-gap: 80px;
}

body .footer-block.grid__item {
  width: 100%;
}

body .page-width {
  padding: 0 20px;
  max-width: 1440px;
}

body .newsletter__wrapper {
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 40px 20px 50px 20px;
}

body .newsletter__subheading.rte {
  color: #fff;
  font-family: "Uncut-Sans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 30px auto 40px auto;
}

body .newsletter-form {
  max-width: 1000px;
  align-items: center;
}

body .newsletter__wrapper .newsletter-form__field-wrapper {
  max-width: 100%;
}

body .newsletter-form__field-wrapper .field__input,
body .newsletter-form__field-wrapper .field__input:focus {
  border-radius: 90px;
  background: #fff;
  color: #000;
  padding: 31px 33px;
  height: 100%;
}

body .newsletter__wrappe .field__input::placeholder {
  opacity: 1;
  visibility: visible;
  color: #736e6e;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

body button#Subscribe {
  color: #fff;
  font-family: "Uncut-Sans-Bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  width: auto;
  padding: 19px 41px;
  border-radius: 60px;
  background: #000;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  /* 110% */
  background-color: #000;
}

.footer__copyright {
  margin-top: 0;
}

body .footer__content-bottom {
  padding-top: 11px;
  margin-top: 93px;
}

.footernews {
  margin-bottom: -150px;
}

.greentxt {
  font-family: "Nefelibata";
  color: #91ad41;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}

.multiBox .multicolumn-card__info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  max-width: 70%;
  margin: 0 auto;
}

.multiBox .multicolumn-card__info h3.h3.inline-richtext {
  color: white;
  line-height: 1.3;
}

.multiBox a.link {
  display: block;
}

.multiBox .headinghead {
  position: relative;
}

.multiBox .headinghead:before {
  content: "";
  position: absolute;
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  background: #fff;
  height: 55px;
  left: 0;
  top: -55px;
}

.headinghead .greentxt {
  padding-top: 15px;
}

h2.h3.title.inline-richtext.h1 {
  margin: 23px 0px 44px 0;
}

.multiBox a.link:hover .media {
  transform: scale(1.2);
  transition: all 0.5s ease;
}

.multiBox
  .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width {
  overflow: hidden;
  border-radius: 30px 0px;
}

.multiBox a.link .media {
  transition: all 0.5s ease;
}

.multiBox a.link:hover .multicolumn-card__info h3.h3.inline-richtext {
  color: #d9d9d9;
}

.image-with-text__grid .image-with-text__content {
  padding: 0;
}

.image-with-text .grid .image-with-text__media-item {
  padding-right: 89px;
}

.image-with-text
  .image-with-text__grid--reverse.grid
  .image-with-text__media-item {
  padding-right: 0;
  padding-left: 89px;
}

body .image-with-text__text.rte.body {
  color: #000;
}

.eventcal h2 {
  margin-top: 0px;
}


/* Homepage image-with-text leafy background */

.gradient.color-background-1.p110.bgarea,
.template-index .image-with-text {
  background: url(/cdn/shop/files/bg_1.png?v=1705779107);
  background-repeat: no-repeat;
  background-size: cover;
}

body .global-media-settings {
  border: 0;
}

body .multirow__inner.page-width {
  row-gap: 50px;
}

li.list-social__item {
  background-color: #ffffff;
  border-radius: 160px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

li.list-social__item:hover {
  background-color: #91ad41;
}

li.list-social__item:hover .icon path {
  fill: white;
}

/* Brand info social icons: keep on one line */

.footer-block__brand-info .footer__list-social.list-social {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  /* prevent wrapping */
  gap: 6px;
  /* match live site alignment */;
}

body .title-wrapper-with-link {
  justify-content: center;
}

/* Cart page: stack "Your cart" and "Continue shopping" */

cart-items .title-wrapper-with-link {
  flex-direction: column;
  /* put heading on top, link below */
  align-items: center;
  /* left-align both */
  justify-content: flex-start;
  /* top-align within the wrapper */
  gap: 0.5rem;
  /* little space between heading & link */;
}

.feature_blogs p.article-card__excerpt.rte-width {
  display: none;
}

.feature_blogs .article-card__image.media {
  border-radius: 30px 0px;
}

.feature_blogs .article-card__image-wrapper.card__media,
.feature_blogs .card.article-card.card--standard.card--media {
  /* width: 445px;
  */
  height: 430px;
}

.feature_blogs .card__content {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: white;
}

.feature_blogs .card__content h3.card__heading.h2 {
  color: white;
  font-family: var(--font-heading-family);
}

.feature_blogs .article-card__image.media img {
  filter: brightness(0.5);
}

.feature_blogs .underline-links-hover:hover a {
  text-decoration: none;
}

.reviewslider {
  background: #91ad41;
  position: relative;
}

.reviewslider:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, #91ad4100 -17.87%, rgb(145 173 65) 90.27%);
  right: 0;
  top: 0;
  z-index: 2;
}

body .whitecolor {
  color: white !important;
}

.sliderCol {
  border-radius: 0px 30px;
  background: #fff;
  padding: 32px 32px 38px 32px;
}

p.reviewText {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 21px;
  margin-bottom: 33px;
}

p.reviewName {
  color: #000;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

p.reviewLocation {
  margin: 10px 0 0 0;
  color: #959595;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.leftarea h2.h2.whitecolor.h1 {
  margin: 18px 0 0 0;
}

.reviewWrapper {
  display: flex;
  justify-content: space-between;
  gap: 0;
}

.leftarea {
  flex: 0 0 40%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rightarea {
  flex: 0 0 60%;
  width: 100%;
}

.swiper.mySwiperSlider {
  width: 100%;
}

.reviewslider {
  overflow: hidden;
}

.leftarea h2.h2.whitecolor.h1 {
  max-width: 87%;
}

.arrows {
  gap: 20px;
  display: flex;
}

.arrows .swiper-button-next,
.arrows .swiper-button-prev,
.arrowsmobilearrow .swiper-button-next,
.arrowsmobilearrow .swiper-button-prev {
  position: relative;
  width: 65px;
  height: 65px;
  top: unset;
  margin: 0;
  left: unset;
  right: unset;
}

.arrowsmobilearrow .swiper-button-next,
.arrowsmobilearrow .swiper-button-prev {
  width: 45px;
  height: 45px;
}

.arrowsmobilearrow {
  justify-content: center;
  margin-top: 35px;
  gap: 20px;
  display: none;
}

.homefeature,
.bgPattern.gradient,
[class*="__image_with_text_"][class*="-padding"].gradient {
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794) !important;
  background-repeat: repeat !important;
  background-size: 2500px auto !important;
  background-color: transparent !important;
  /* bigger = more zoomed */

  background-position: center top !important;
}

/* Page hero "image with text" leafy background + spacing (FAQ / Visit / Shop Mums) */

div[class*="__image_with_text_"][class*="-padding"].gradient {
  background-image: url("https://www.hhfshop.com/cdn/shop/files/Mask_group.png?v=1705841794");
  background-repeat: repeat;
  background-size: auto;
  padding-bottom: 40px;
  margin-bottom: 80px;
  /* more “air” like the live site */
  padding-top: 40px;
  /* more space before the next section (where “FAQ Library” appears) */
  margin-top: 0px;
}

/* Collection banner: match taller “live site” spacing globally */

body .collection-hero {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Space between the banner and the product grid / next section */

body .collection-hero + .section-template--main-collection-product-grid,
body .collection-hero + #ProductGridContainer,
body .collection-hero + .collection {
  margin-top: clamp(30px, 4vw, 80px);
}

/* If your banner content feels cramped inside the leafy area */

body .collection-hero__inner {
  padding-top: clamp(20px, 3vw, 50px);
  padding-bottom: clamp(20px, 3vw, 50px);
}

/* Collection banner title sizing (global) */

.collection-hero__title,
.collection-hero h1 {
  font-family: "Playfair Display", serif;
  font-size: 50px;
  letter-spacing: 0;
  margin-bottom: 35px;
  /* ← adjust this */
  line-height: 1.15;
}

/* Contact page "How to say hello" background */

body .contactbanner {
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794);
  background-size: cover;
  background-repeat: no-repeat;
}

body .card__information {
  justify-content: space-between;
  grid-row-start: 1;
  gap: 20px;
  /* display: flex;
  */;
}

body .card__heading {
  flex: 1 1 70%;
  color: #000;
  font-family: "Uncut-Sans-Semibold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

body .card-information {
  flex: 1 1 30%;
}

body
  .card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin: 0;
}

body .card__content {
  padding: 30px;
  position: relative;
}

body .quick-add__submit {
  background-color: transparent;
  padding: 0;
}

body .card--standard > .card__content .card__information {
  background-color: #fff;
  padding: 30px;
  border-radius: 0px 0px 30px 30px;
}

body .card:not(.ratio) > .card__content {
  grid-template-rows: 1fr;
}

body .card__heading a:after {
  display: none;
}

body .underline-links-hover:hover a {
  text-decoration: none;
}

body
  .card-wrapper.product-card-wrapper.underline-links-hover:hover
  .card__content
  .quick-add {
  opacity: 1;
}

body .card__content .quick-add {
  position: absolute;
  top: -27px;
  grid-row-start: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  opacity: 0;
}

.price__regular .price-item--regular,
.price:not(.price--show-badge) .price-item--last:last-of-type {
  color: #000;
  font-family: "Uncut-Sans-Bold";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

body .slider-button[disabled] .icon {
  color: #fff !important;
}

body .slider-button {
  background-color: #91ad41;
  border-radius: 160px;
  color: white !important;
}

body .card .card__inner .card__media {
  border-radius: 30px 30px 0px 0px;
}

body .blog__posts .article-card .card__information {
  background-color: transparent !important;
  padding: 10px;
}

.logosimage img {
  display: block;
  width: 100%;
}

.center.headingcenter h2.h2.h1 {
  margin: 0 0 20px 0;
}

/* HEADER: Remove duplicate (left) search icon but keep the right search icon */

body .header--top-center .header__search {
  display: none !important;
}

/* Re-enable ONLY the search that lives in the right-side icon group */

body .header--top-center .header__icons .header__search {
  display: block !important;
}

body .product-form__submit {
  background-color: #000;
  color: #fff;
  font-family: "Uncut-Sans-Bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  padding: 18px 10px;
}

body .product-form__submit:hover {
  background-color: #91ad41;
  color: #fff;
}

.ss-sahre li.list-social__item .icon path {
  fill: #9e9e9e;
}

.ss-sahre li.list-social__item {
  background-color: white;
  width: 20px;
  height: 20px;
  margin-right: 13px;
}

.ss-sahre li.list-social__item:hover .icon path {
  fill: #91ad41;
}

.ss-sahre ul.list-unstyled.list-social {
  justify-content: start;
  margin-left: 10px;
}

.ss-sahre {
  display: flex;
  align-items: center;
}

.ss-sahre span {
  color: ##9e9e9e;
  font-family: "Uncut-Sans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tab-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
}

.tab-menu ul li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
  flex: 0 0 auto;
}

.tab-menu ul li a {
  border-radius: 60px;
  background: #000;
  color: white;
  text-transform: capitalize;
  min-width: 200px;
  padding: 20px 20px;
  display: block;
  transition: 0.5s all;
  font-family: "Uncut-Sans-Semibold";
  text-decoration: none;
  font-size: 20px;
  line-height: 20px;
}

.tab-menu ul li a.active,
.tab-menu ul li a:hover {
  background: #91ad41;
}

.tab-box {
  display: none;
}

.box-tab-area {
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  padding: 40px;
}

.box-inner {
  color: #000;
}

body .related-products .card__information {
  border-radius: 30px;
  border: 1px solid #ddd;
  background: #fff;
}

body .related-products .card__heading {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

body .related-products .price__regular .price-item--regular,
body
  .related-products
  .price:not(.price--show-badge)
  .price-item--last:last-of-type {
  font-size: 22px;
  font-weight: 700;
}

body .product-form__input .form__label {
  color: #9e9e9e;
  font-family: "Uncut-Sans-Regular";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

body .product__description {
  color: #000;
  font-family: "Uncut-Sans-Regular";
}

body .select__select,
.customer select {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #000;
  font-family: "Uncut-Sans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.product__info-wrapper.grid__item .price .price-item {
  color: #91ad41;
  font-family: "Uncut-Sans-Semibold";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 120% */;
}

body .quantity {
  min-height: 45px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  width: 100%;
}

body .product-form__input--dropdown .select {
  max-width: 100%;
}

body .product-form__input {
  max-width: 100%;
}

body .quantity:before,
body .quantity:after {
  display: none;
}

body
  .product__info-wrapper.grid__item
  .product__info-container
  .price--on-sale
  .price-item--regular {
  color: #9e9e9e;
  font-family: "Uncut-Sans-Regular";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 120% */;
}

.inline-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.product__title h1 {
  color: #000;
  font-family: "Uncut-Sans-Semibold";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 100% */;
}

.inline-options .product-form__input {
  margin-bottom: 0;
}

.visit-forms .multicolumn-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 40px;
}

.visit-forms .multicolumn-list li {
  width: 100%;
  max-width: 100%;
}

.visit-forms .multicolumn-list li a.link.animate-arrow {
  border-radius: 160px;
  font-size: 0;
  position: absolute;
  top: -25px;
  width: 50px;
  height: 50px;
  background-color: #91ad41;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
}

.visit-forms .multicolumn-list li a.link.animate-arrow path {
  fill: white;
}

.visit-forms .multicolumn-card__info .icon-wrap {
  margin: 0;
}

.visit-forms .icon-arrow {
  width: 20px;
}

.visit-forms .multicolumn-card__info {
  padding-bottom: 0;
  padding-top: 40px !important;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
}

.visit-forms
  .background-none
  .multicolumn-card__image-wrapper
  + .multicolumn-card__info {
  padding-top: 40px;
  padding-bottom: 0;
}

.visit-forms h3.inline-richtext {
  color: #000;
  text-align: center;
  font-family: "Uncut-Sans-Semibold";
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.visit-forms .multicolumn-list li:hover a.link.animate-arrow {
  opacity: 1;
}

.p110.pt-zero {
  padding-top: 0;
}

/* Green script captions (Image with Text + Rich Text headers) */

p.image-with-text__text.image-with-text__text--caption,
p.rich-text__caption,
.rich-text__caption.subtitle {
  margin-top: 0;
  color: #91ad41;
  font-family: "Nefelibata", cursive;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}

/* Prevent Image-with-text captions from being forced to uppercase */

p.image-with-text__text.image-with-text__text--caption {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.richbottom .rich-text__wrapper.rich-text__wrapper--center {
  width: 100%;
  max-width: 100%;
}

.richbottom .rich-text__blocks {
  max-width: 100%;
}

.richbottom .rich-text__buttons {
  padding-top: 20px;
}

body .listText ul {
  list-style: none;
  padding: 0;
}

.onlyTextPattern .image-with-text {
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794);
  border-radius: 0px 30px 0px 30px;
}

.listText ul li {
  position: relative;
  padding-left: 34px;
  color: #000;
  font-family: "Uncut-Sans-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 15px;
}

.listText ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: url(/cdn/shop/files/Arrow_11.svg?v=1706439547);
  width: 23px;
  height: 16px;
}

.listText strong {
  color: #000;
  font-family: "Uncut-Sans-Medium";
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.homefeature .rich-text.gradient {
  background-color: transparent;
}

.gMap iframe {
  width: 100%;
  height: 800px;
}

.fullRichText .rich-text__blocks.center {
  max-width: 75%;
}

.fulltext .rich-text__blocks.left {
  max-width: 100%;
}

.fulltext .rich-text:not(.rich-text--full-width) .rich-text__wrapper,
.fulltext .rich-text__blocks {
  width: 100%;
  max-width: 100%;
}

.faq-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.FaqCol h2 {
  cursor: pointer;
  color: #000;
  font-family: "Uncut-Sans-Semibold";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  margin: 0;
  position: relative;
}

.faq-content {
  display: none;
  padding: 20px;
  color: #000;
  font-family: "Uncut-Sans-Semibold";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.FaqCol {
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.FaqCol.open .faq-content {
  display: block;
}

.faq-content p {
  margin: 0;
}

.FaqCol.open h2 {
  border-radius: 10px;
  background: #91ad41;
  color: white;
}

.p50 {
  padding: 50px 20px;
}

.FaqCol h2:before {
  content: "";
  position: absolute;
  right: 20px;
  background: url(/cdn/shop/files/Group_500.svg?v=1706444409);
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.FaqCol.open h2:before {
  background: url(/cdn/shop/files/Group_500sss.svg?v=1706444409);
}

.banneRich .rich-text__blocks.center {
  max-width: 90%;
}

.banneRich:before {
  content: "";
  position: absolute;
  width: 100%;
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794);
  height: 722px;
  left: 0;
  top: 0;
}

.p110.banneRich {
  padding-bottom: 0px;
}

.banneRich .gradient {
  background-color: transparent;
}

.formImages ul {
  row-gap: 40px;
}

.banneRich {
  position: relative;
}

.onlyTextPattern .image-with-text__content--middle {
  padding-right: 40px;
  padding-bottom: 20px;
}

.mainblogs h1.title--primary {
  display: none;
}

.mainblogs .blog-articles {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}

.mainblogs .blog-articles--collage > *:nth-child(3n + 1),
.mainblogs .blog-articles--collage > *:nth-child(3n + 2):last-child {
  grid-column: unset;
  text-align: center;
}

.mainblogs .blog-articles .article-card .card__information,
.mainblogs .blog__posts .article-card .card__information {
  padding: unset;
  flex-direction: column;
  justify-content: start;
  text-align: left;
}

.mainblogs h3.card__heading.h2 {
  font-size: 25px;
  line-height: 27px;
  font-family: var(--font-heading-family);
}

.mainblogs .article-card__excerpt {
  display: none;
}

.mainblogs .article-card__info {
  padding-top: 0;
  font-size: 18px;
  color: #9e9e9e;
  font-family: "Uncut-Sans-Regular";
}

body .mainblogs .card .card__inner .card__media {
  border-radius: 0px 30px;
}

.mainblogs .article-card__image img {
  border-radius: 0px 30px;
}

body .mainblogs .card__content {
  padding-top: 48px;
}

body .mainblogs time {
  color: #9e9e9e;
}

.mainblogs .card.article-card {
  border: 1px solid #f0f0f0;
  border-radius: 0px 30px;
}

.mainblogs .article-card__images img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 450px;
  border-radius: 0px 30px;
  object-position: top;
}

.mainblogs .article-card__image-wrappers.card__medias {
  width: 100%;
}

.mainblogs .blog-articles .card__inner {
  flex-direction: column;
  align-items: center;
}

.mainblogs .article-card__image--medium .ratio:before {
  display: none;
}

.mainblogs .blog-articles .card__inner .card__content {
  display: none;
}

.mainblogs .card.article-card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

a.pagination__item.pagination__item--current,
body .pagination__item:hover {
  text-decoration: none;
  background-color: #91ad41;
  opacity: 1;
  color: white;
}

body .pagination__item {
  font-size: 25px;
  text-decoration: none;
  width: 64px;
  height: 64px;
  background-color: white;
  border-radius: 160px;
  font-family: initial;
}

body .pagination__item--current:after,
.pagination__item:hover:after {
  display: none;
}

body .pagination__list > li {
  max-width: 61px;
}

body span.caption-with-letter-spacing,
body time {
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-family: "Uncut-Sans-Regular";
}

.blogti-tile {
  width: fit-content;
  margin: 0 auto;
}

.blogtitile,
.blogti-tile {
  background-color: #91ad41;
  padding: 13px 17px;
  color: white;
  font-size: 18px;
  line-height: 19px;
  font-family: "Uncut-Sans-Semibold";
  text-transform: uppercase;
}

.blogtitile {
  position: absolute;
  left: 30px;
  top: -20px;
}

form#comment_form ::placeholder {
  opacity: 0;
}

.relatedHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}

.relatedHead h2.h3 {
  margin: 0;
}

p.category {
  color: #91ad41;
  font-size: 18px;
  text-transform: uppercase;
}

.related-card {
  text-align: center;
  text-decoration: none;
  background: #fff;
  max-width: 80%;
  margin: -65px auto 0 auto;
  position: relative;
  padding: 20px;
  border-radius: 30px;
}

.relatedContainer {
  position: relative;
}

.related-card p {
  margin: 0;
  text-decoration: none;
}

ul.social-sharing li {
  font-size: 20px;
  color: #000;
  font-family: "Uncut-Sans-Semibold";
}

.relatedBox a {
  text-decoration: none;
}

.relatedBox p.title {
  color: #000000;
  font-size: 23px;
  line-height: 1.4;
  font-family: inherit;
}

.related-img img {
  display: block;
  border-radius: 0px 30px;
}

section.p110.relateds {
  padding-bottom: 0;
}

section.socialbar {
  background-color: #fafafa;
  padding: 25px 0px;
}

ul.social-sharing span.share-title {
  display: none;
}

ul.social-sharing svg {
  width: 20px;
}

.upper-share li:first-child {
  display: none;
}

.upper-share ul.social-sharing {
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
}

.article-template__hero-container {
  position: relative;
}

.upper-share {
  position: absolute;
  left: -100px;
}

ul.social-sharing {
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

ul.social-sharing a {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.social-sharing svg path {
  fill: #000;
}

ul.social-sharing a:hover path {
  fill: white;
}

ul.social-sharing a:hover {
  background-color: #91ad41;
}

body .article-template > *:first-child:not(.article-template__hero-container) {
  margin: 0 auto 72px auto;
}

body .collection-hero__description.rte {
  max-width: 100%;
  text-align: center;
}

body .collection-hero__text-wrapper {
  text-align: center;
}

body .collpage .card.card--standard.card--media {
  border: 1px solid #f0f0f0;
  border-radius: 30px;
}

body .facets {
  margin-bottom: 20px;
}

body .facet-filters__label {
  color: #000;
  font-size: 20px;
  font-family: "Uncut-Sans-Semibold";
}

body .facet-filters__field .select {
  border: 1px solid #f0f0f0;
  padding: 14px 16px;
  border-radius: 10px;
}

body .facet-filters__field .select__select,
body .mobile-facets__sort .select__select {
  border: 0;
  font-size: 20px;
  color: #000;
}

body .facet-filters__sort + .icon-caret {
  right: 11px;
  width: 17px;
  height: 8px;
}

body .facet-filters__sort + .icon-caret path {
  fill: #000;
  font-size: 22px;
}

body .facets {
  font-size: 20px;
  color: #000;
}

body .facets-vertical .facets__summary {
  font-size: 20px;
  color: white;
  background-color: #91ad41;
  padding: 12px 23px;
  border-radius: 10px;
}

body .facets__summary .icon-caret {
  right: 18px;
  width: 20px;
  height: 8px;
}

body .facet-checkbox {
  font-size: 20px;
  color: #000;
  font-family: "Uncut-Sans-Regular";
  line-height: 26px;
}

body .facet-checkbox > svg {
  margin-top: 2px;
  height: 21px;
  /* width: 16px;
  */;
}

body .facets-vertical .active-facets-vertical-filter {
  display: none;
}

body .facets-vertical .active-facets-vertical-filter {
  border: 0;
}

body .facets details {
  margin-bottom: 10px;
}

body .facets-vertical-form {
  align-items: center;
}

.homeBlogs .card__content,
.homeBlogs .card__content .card__information,
.homeBlogs .card__content .card__information h3,
.homeBlogs a {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homeBlogs .card__content {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}

.homeBlogs .article-card__images:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0000007a;
  border-radius: 0 20px;
}

.homeBlogs .card__content {
  background-color: transparent !important;
}

.homeBlogs .article-card__images.medias.media--hover-effects {
  position: relative;
}

body span#ProductCountDesktop {
  color: #000;
  font-size: 20px;
  font-family: "Uncut-Sans-Regular";
}

.homeBlogs .card__inner.ratio .card__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homeBlogs img {
  display: block;
  width: 100%;
  height: 500px;
  border-radius: 0px 20px;
  aspect-ratio: 10 / 8;
  object-fit: cover;
}

.inline-options .product-form__input {
  margin-bottom: 15px;
}

.homeBlogs .blogtitile {
  display: none;
}

.abtlogo.p110 {
  padding-top: 0;
}

body .fullsection .page-width {
  max-width: 100%;
  padding: 0;
}

.gradient.color-background-1.fullsection {
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794);
  background-size: cover;
  background-repeat: no-repeat;
}

.fullsection .image-with-text__grid--reverse .image-with-text__content {
  max-width: calc(100% - 252px);
  margin-right: 0;
}

.customIcon h2.h3.title.inline-richtext.h1 {
  margin: 0;
}

.p110.notop {
  padding-top: 0;
}

.customIcon h3.inline-richtext {
  font-size: 30px;
  line-height: 33px;
}

.customIcon p {
  color: #000;
}

.lefticon .multicolumn-card.content-container {
  display: flex;
  align-items: center;
}

.uppertext {
  text-align: center;
}

.lefticon .multicolumn-card__image-wrapper {
  flex: 0 0 120px;
}

.mCardHeader {
  text-align: center;
}

h2.h3.mCardHeader-heading {
  margin: 0;
}

.mCardHeader-sub {
  font-family: "Uncut-Sans-Semibold";
}

.greenbg .mCardHeader {
  color: white;
}

.greenbg h2.h3.mCardHeader-heading {
  color: white;
}

.greenbg {
  background-color: #91ad41;
}

.mCardContent p {
  margin: 0;
  text-align: center;
}

.topText {
  font-size: 30px;
  font-family: "Playfair Display";
}

.mCardWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 32px;
  row-gap: 42px;
}

.imgcol img {
  display: block;
  width: 100%;
}

.mCardContent {
  text-align: center;
  background-color: #fff;
  max-width: 89%;
  margin: -77px auto 0 auto;
  position: relative;
  border-radius: 20px;
  padding: 44px 20px;
}

.bottomText,
.bottomText p {
  color: #91ad41;
  font-size: 23px;
  font-family: "Nefelibata";
}

.topText {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 500;
}

.mCardHeader {
  margin-bottom: 45px;
}

.onlyimage {
  max-width: 1440px;
  margin: 0 auto;
}

.p110.mycustgallry {
  padding-top: 50px;
}

.p110.mycustgallry h2.covet-pics-standard-gallery-section-title {
  font-size: 40px;
}

h2.covet-pics-standard-gallery-section-title {
  font-size: 40px !important;
}

.btn-load-more {
  background: #91ad41 !important;
  border-radius: 160px !important;
}

.linkBox a.link {
  background-color: #91ad41;
  color: white;
  display: block;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 0;
  font-weight: bold;
}

.linkBox a.link:hover {
  background-color: #000;
}

.linkBox a.link span.icon-wrap {
  display: none;
}

.relatedContainer .arrows {
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.relatedContainer img.leftarrow.swiper-button-prev {
  left: -90px;
}

.relatedContainer img.rightarrow.swiper-button-next {
  right: -90px;
}

.linkBox .multicolumn-card__info {
  padding: 0 !important;
  max-width: 76%;
  margin: -36px auto 0 auto;
  position: relative;
}

.center.headercenter h2.h3 {
  margin-top: 0;
}

.p110.bottomzero {
  padding-top: 0;
}

.abtlogo .multicolumn-list__item.center .media--adapt img {
  border: 1px solid #f0f0f0;
  border-radius: 0px 30px;
}

/* =========================================================================
   CONTACT PAGE – QUESTIONS FORM
   ========================================================================= */

.contactInner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  background-color: #91ad41;
}

.conatccol {
  max-width: 600px;
  margin: 0 auto;
  padding: 50px 20px;
  color: #ffffff;
}

.conatccol h2 {
  color: #ffffff;
}

.textarea {
  color: #ffffff;
  font-family: "Uncut-Sans-Regular";
  margin-bottom: 20px;
}

.conatccol .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

label.field__labels {
  color: #ffffff;
  font-size: 20px;
  font-family: "Uncut-Sans-Regular";
}

label.field__labels span {
  color: #ff0000;
}

.conatccol .field__input,
.conatccol .field__input:hover,
.conatccol .field__input:focus {
  height: 50px !important;
  padding: 20px !important;
  border-radius: 5px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.conatccol textarea,
.conatccol textarea:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hide placeholders in the green block so Dawn's floating labels aren't doubled */

.contactInner .field__input::placeholder,
.contactInner textarea::placeholder {
  opacity: 0;
}

/* REGISTER PAGE — prevent placeholder + floating label double text */
.customer.register .field__input::placeholder,
.customer.register textarea::placeholder {
  opacity: 0;
}


/* Keep the image full-height in the left column */

.fullimgcol {
  height: 100%;
}

.fullimgcol img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.conatccol button.button {
  background-color: #000000;
  color: #ffffff;
}

/* Stack the columns on small screens */

@media (max-width: 768px) {
.contactInner {
  grid-template-columns: 1fr;
}

.fullimgcol {
  order: -1;
  height: auto;
}
}

/* =========================================================================
   CONTACT PAGE – "HOW TO SAY HELLO."
   ========================================================================= */

/* Section wrapper: apply Mask_group background */

[data-section-id="multicolumn_wDMUtc"],
section[id*="multicolumn_wDMUtc"],
body .contactbanner.multicolumn {
  background: url(/cdn/shop/files/Mask_group.png?v=1705841794)
    center/cover no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* Ensure inner multicolumn container doesn't cover the pattern */

[data-section-id="multicolumn_wDMUtc"] .multicolumn,
section[id*="multicolumn_wDMUtc"] .multicolumn,
body .contactbanner.multicolumn .multicolumn {
  background: transparent !important;
}

/* Keep width consistent with other contact content */

[data-section-id="multicolumn_wDMUtc"] .page-width,
section[id*="multicolumn_wDMUtc"] .page-width,
body .contactbanner.multicolumn .page-width {
  max-width: 1161px;
}

/* Contact page: "How to say hello." cards */

[data-section-id="multicolumn_wDMUtc"] .multicolumn-card,
section[id*="multicolumn_wDMUtc"] .multicolumn-card,
body .contactbanner.multicolumn .multicolumn-card {
  background-color: #ffffff !important;
  padding: 40px 24px 32px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  /* pure white, no grey wash */
  border-radius: 0 30px !important;
}

/* Remove the white rounded tile so the green icons show */

[data-section-id="multicolumn_wDMUtc"] .multicolumn-card__image-wrapper,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__image-wrapper,
body .contactbanner.multicolumn .multicolumn-card__image-wrapper {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Make sure icon image is visible and nicely sized */

[data-section-id="multicolumn_wDMUtc"] img.multicolumn-card__image,
section[id*="multicolumn_wDMUtc"] img.multicolumn-card__image,
body .contactbanner.multicolumn img.multicolumn-card__image {
  display: block;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

/* Show icons (in case any older rule hid .icon-wrap) */

[data-section-id="multicolumn_wDMUtc"] span.icon-wrap,
section[id*="multicolumn_wDMUtc"] span.icon-wrap,
body .contactbanner.multicolumn span.icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Tidy card text */

[data-section-id="multicolumn_wDMUtc"] .multicolumn-card__info,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__info,
body .contactbanner.multicolumn .multicolumn-card__info {
  padding-top: 24px;
}

[data-section-id="multicolumn_wDMUtc"] .multicolumn-card__title,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__title,
body .contactbanner.multicolumn .multicolumn-card__title {
  margin-bottom: 4px;
}

[data-section-id="multicolumn_wDMUtc"] .multicolumn-card__text,
[data-section-id="multicolumn_wDMUtc"] .multicolumn-card__text a,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__text,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__text a,
body .contactbanner.multicolumn .multicolumn-card__text,
body .contactbanner.multicolumn .multicolumn-card__text a {
  font-size: 0.98rem;
  color: #000000;
}

.eventcard .bottomText,
.eventcard .bottomText p {
  color: #a1a1a1;
  font-size: 18px;
  line-height: 20px;
  font-style: italic;
}

.eventcard .topText {
  font-size: 23px;
  line-height: 25px;
}

.eventcard a.onlylink {
  text-decoration: none;
  color: #91ad41;
  font-size: 20px;
  margin-top: 10px;
  display: inline-block;
  font-family: "Nefelibata";
}

.eventsection .mCardHeader-text {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #000;
  padding-top: 30px;
}

.no-pointer {
  cursor: default;
}

.eventcard .mCardContent {
  max-width: 85%;
}

.evntcal h2.h2.h1 {
  margin-top: 0;
}

.tabgallery .filters {
  text-align: center;
}

.vallybanner .rich-text__text p {
  color: #91ad41;
  font-family: "Nefelibata";
}

.vallybanner p.rich-text__caption {
  font-size: 20px;
  line-height: 26px;
  font-family: "Uncut-Sans-Regular";
  color: #000;
}

.cart__note label {
  color: #000;
  font-size: 20px;
}

textarea#Cart-note {
  border: 1px solid #000;
}

/* =========================================================================
   ====================RESPONSIVNESS========================
   ========================================================================= */

@media (max-width: 1600px) {
.relatedContainer img.leftarrow.swiper-button-prev {
  left: 0px;
}

.relatedContainer img.rightarrow.swiper-button-next {
  right: 0px;
}
}

@media (max-width: 1440px) {
ul.list-menu.list-menu--inline > li > a,
  ul.list-menu.list-menu--inline > li summary.list-menu__item {
  font-size: 17px;
}

.fullsection .image-with-text__grid--reverse .image-with-text__content {
  max-width: calc(100% - 150px);
}

body
    .article-template
    > *:first-child:not(.article-template__hero-container) {
  margin: 0 auto 50px auto;
}

.mainblogs .blog-articles {
  gap: 20px;
}

.mainblogs .article-card__images img {
  height: 327px;
}

.mainblogs h3.card__heading.h2 {
  font-size: 19px;
  line-height: 22px;
}

.mainblogs .article-card__info {
  font-size: 12px;
  line-height: 15px;
}

.visit-forms h3.inline-richtext,
  .colorText p.image-with-text__text.image-with-text__text--caption,
  .colorText p.rich-text__caption.subtitle {
  font-size: 25px;
  line-height: 28px;
}

.gMap iframe {
  height: 500px;
}

.menu-wrapper ul.list-menu.list-menu--inline {
  justify-content: center;
}

.feature_blogs .card__content h3.card__heading.h2 {
  font-size: 30px;
}

.feature_blogs .article-card__image-wrapper.card__media,
  .feature_blogs .card.article-card.card--standard.card--media {
  height: 350px;
}

.p145,
  .p110 {
  padding: 100px 0px;
}

.mt100 {
  margin-top: 100px;
}

h2.h1,
  h1.h2 {
  font-size: 43px;
  line-height: 52px;
}

.greentxt {
  font-size: 30px;
  line-height: 33px;
}

.multiBox .multicolumn-card__info h3.h3.inline-richtext {
  font-size: 30px;
  word-break: auto-phrase;
}

.banner__text.rte.body p {
  font-size: 26px;
  line-height: 30px;
}

body .newsletter__subheading.rte {
  font-size: 18px;
  line-height: 22px;
}

body .footer__content-top .grid {
  column-gap: 50px;
}

body .footer__content-bottom {
  margin-top: 50px;
}

body .button,
  body .button-label,
  body .shopify-challenge__button,
  body .customer button {
  font-size: 16px;
  padding: 16px 50px;
}
}

@media (max-width: 1280px) {
.mCardContent {
  padding: 20px;
  margin: -62px auto 0;
}

.fullsection .image-with-text__grid--reverse .image-with-text__content {
  max-width: calc(100% - 100px);
}

.topText {
  font-size: 22px;
  line-height: 25px;
}

.bottomText,
  .bottomText p {
  font-size: 16px;
  line-height: 23px;
}

.mainblogs .article-card__images img {
  height: 256px;
}

.visit-forms h3.inline-richtext,
  .colorText p.image-with-text__text.image-with-text__text--caption,
  .colorText p.rich-text__caption.subtitle {
  font-size: 22px;
  line-height: 25px;
}

.gMap iframe {
  height: 400px;
}

body .related-products .card--standard > .card__content .card__information {
  flex-direction: column;
  padding: 20px;
  border-radius: 0 0 20px 20px;
}

body .related-products .card__heading {
  font-size: 16px;
  line-height: 19px;
}

body .related-products .price__regular .price-item--regular,
  body
    .related-products
    .price:not(.price--show-badge)
    .price-item--last:last-of-type {
  font-size: 14px;
  font-weight: 700;
}

.p145,
  .p110 {
  padding: 80px 0px;
}

.mt100 {
  margin-top: 80px;
}

.multiBox .multicolumn-card__info h3.h3.inline-richtext {
  font-size: 30px;
  word-break: auto-phrase;
}

.greentxt {
  font-size: 22px;
  line-height: 25px;
}

.image-with-text
    .image-with-text__grid--reverse.grid
    .image-with-text__media-item {
  padding-left: 30px;
}

h2.h1,
  .product__title h1,
  h1.h2 {
  font-size: 35px;
  line-height: 42px;
}

body .newsletter__subheading.rte {
  font-size: 16px;
  line-height: 20px;
}

.banner__text.rte.body p {
  font-size: 22px;
  line-height: 30px;
}

body .footer__content-top .grid {
  column-gap: 40px;
}

body .footer__content-top .grid {
  display: grid;
  grid-template-columns: repeat(3, 25%);
  grid-template-rows: repeat(1, 1fr);
  gap: 10px;
  row-gap: 35px;
}

body .footer-block.grid__item:first-child {
  grid-column: span 4;
}

body
    .footer-block.grid__item:first-child
    .footer-block__details-content.footer-block-image {
  justify-content: center;
}

.rte.brand_description {
  text-align: center;
}
}

@media (max-width: 990px) {
.prictop {
  font-size: 30px;
  padding: 10px;
  line-height: 33px;
}

.perperson {
  font-size: 15px;
  line-height: 22px;
  padding: 10px;
}

.textbottom {
  font-size: 15px;
  line-height: 18px;
}

h2.h3.title.inline-richtext.h1 {
  text-align: center;
}

.abtlogo ul {
  gap: 30px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.fullsection .image-with-text__grid--reverse .image-with-text__content {
  max-width: calc(95% - 0px);
  margin: 0 auto;
  padding-bottom: 50px;
}

.mCardWrapper {
  grid-template-columns: 1fr 1fr;
}

.homeBlogs img {
  height: 430px;
}

body .pagination__item {
  width: 30px;
  height: 30px;
  font-size: 14px;
}

body .pagination__list > li {
  max-width: 30px;
}

.mainblogs .blog-articles {
  grid-template-columns: 1fr 1fr;
}

.listText ul li {
  text-align: left;
}

.gMap iframe {
  height: 300px;
}

.onlyTextPattern .image-with-text__content--middle {
  padding: 40px;
}

.fullRichText .rich-text__blocks.center {
  max-width: 100%;
}

.formImages ul {
  row-gap: 20px px;
}

body .rich-text__wrapper.rich-text__wrapper--center.page-width {
  width: 100%;
}

.onlyTextPattern .image-with-text {
  border-radius: 0px 0px 0px 0px;
}

.visit-forms .multicolumn-list {
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.visit-forms .multicolumn-card__info {
  padding-top: 20px !important;
  max-width: 110%;
}

.visit-forms h3.inline-richtext,
  .colorText p.image-with-text__text.image-with-text__text--caption,
  .colorText p.rich-text__caption.subtitle {
  font-size: 20px;
  line-height: 22px;
}

.reviewWrapper {
  flex-direction: column;
}

.related-products ul.grid.product-grid.grid--4-col-desktop.grid--1-col-tablet-down {
  gap: 20px;
}

.reviewslider:before {
  display: none;
}

.leftarea {
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}

.arrowsmobilearrow {
  display: flex;
}

.arrows {
  display: none;
}

.feature_blogs .article-card__image-wrapper.card__media,
  .feature_blogs .card.article-card.card--standard.card--media {
  height: 250px;
}

p.reviewName {
  font-size: 18px;
  line-height: 18px;
}

.leftarea h2.h2.whitecolor.h1 {
  max-width: 100%;
}

p.reviewLocation {
  font-size: 12px;
  line-height: 14px;
}

.feature_blogs .card__content h3.card__heading.h2 {
  font-size: 20px;
}

.greentxt {
  font-size: 20px;
  line-height: 22px;
}

.p145,
  .p110 {
  padding: 60px 0px;
}

.mt100 {
  margin-top: 60px;
}

body .image-with-text .grid .image-with-text__media-item {
  padding-right: 0;
  padding-bottom: 40px;
}

.multiBox ul {
  grid-template-columns: 1fr 1fr;
  display: grid;
  gap: 20px;
}

.multiBox
    .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width {
  margin: 0;
}

body
    .image-with-text
    .image-with-text__grid--reverse.grid
    .image-with-text__media-item {
  padding-left: 0;
  padding-bottom: 40px;
}

.footer.footer {
  padding: 200px 0 20px;
}

body .newsletter-form__field-wrapper .field__input,
  body .newsletter-form__field-wrapper .field__input:focus {
  padding: 16px 33px;
}

h2.h1,
  .product__title h1,
  h1.h2 {
  font-size: 30px;
  line-height: 36px;
}

.banner__text.rte.body p {
  font-size: 20px;
  line-height: 28px;
}

body button#Subscribe {
  padding: 10px 41px;
  font-size: 14px;
}

body .newsletter__subheading.rte {
  margin: 20px auto;
}

body .header:not(.drawer-menu).page-width {
  padding: 10px 20px;
}

body .footer__content-bottom {
  margin-top: 30px;
}

.menu-wrapper {
  display: none;
}

body .footer__content-top .grid {
  column-gap: 20px;
}

body .footer-block__details-content {
  margin-bottom: 0;
}

body .footer-block.grid__item {
  margin-bottom: 0;
  margin-top: 0;
}

body .footer-block__details-content .list-menu__item--link {
  padding: 0;
}

body .footer__content-top .grid {
  grid-template-columns: repeat(2, 48%);
  grid-template-rows: repeat(1, 1fr);
}

.footer-block.grid__item:nth-child(4),
  .footer-block.grid__item:nth-child(5) {
  grid-column: span 1;
}

body .footer-block.grid__item:first-child {
  grid-column: span 2;
}

body .banner--content-align-mobile-left .banner__box {
  padding-left: 0;
  padding-right: 0;
}

body .banner__box {
  padding: 0;
}

body .image-with-text__content--desktop-left > * {
  align-self: center;
  text-align: center;
}

p.image-with-text__text.image-with-text__text--caption {
  margin-top: 20px;
  margin-bottom: 00px;
}

body .banner__box > * + .banner__buttons {
  margin-top: 20px;
}

.visit-forms .multicolumn-list li a.link.animate-arrow {
  top: -18px;
  width: 30px;
  height: 30px;
}

.visit-forms .icon-arrow {
  width: 10px;
}

.fullimgcol {
  display: none;
}

.conatccol {
  max-width: 100%;
}

.contactInner {
  grid-template-columns: 1fr;
}

.multiBox .headinghead:before {
  background: #fff0;
  display: none;
}
}

@media (max-width: 768px) {
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--left.slideshow__text-mobile--center {
  margin: 20px 0px;
}
}

@media (max-width: 641px) {
.multiBox .headinghead:before {
  background: #fff0;
  display: none;
}

body .banner__text.rte {
  color: white;
}

body
    .banner--small:not(.banner--mobile-bottom):not(.banner--adapt)
    .banner__content {
  background-color: #00000059;
  background-blend-mode: overlay;
  z-index: 0;
}

body .banner__text.rte.body {
  text-shadow: 8px 0px 9px #aaaaaa;
}

/* .slideshow__media.banner__media.media img {
    content: url(/cdn/shop/files/Untitled-1.png?v=1714081321);
    filter: brightness(0.5);
  } */

h2.h1.banner__heading.inline-richtext.h1 {
  text-shadow: 8px 0px 9px #868686;
}

.banner__media.media.scroll-trigger.animate--fade-in img {
  content: url(/cdn/shop/files/Untitled-1.png?v=1714081321);
  filter: brightness(0.6);
}

.banner__media.media.scroll-trigger.animate--fade-in {
  background-color: red;
  background-blend-mode: overlay;
}

.banner__text.rte.body {
  color: white;
}

h2.h1.banner__heading.inline-richtext.h1 {
  color: white;
}

.mCardWrapper {
  grid-template-columns: 1fr;
}

.mainblogs .blog-articles {
  grid-template-columns: 1fr;
}

.box-tab-area {
  padding: 15px;
}

.topText {
  font-size: 16px;
  line-height: 22px;
}

.lefticon .multicolumn-card.content-container {
  flex-direction: column;
  text-align: center;
}

.bottomText,
  .bottomText p {
  font-size: 12px;
  line-height: 17px;
}

.mCardContent {
  border-radius: 10px;
  padding: 10px;
  margin: -38px auto 0;
}

.visit-forms .multicolumn-list {
  grid-template-columns: 1fr;
}

.tab-menu ul {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.gMap iframe {
  height: 250px;
}

.feature_blogs .article-card__image-wrapper.card__media,
  .feature_blogs .card.article-card.card--standard.card--media {
  height: auto;
}

p.image-with-text__text.image-with-text__text--caption {
  font-size: 30px;
  line-height: 20px;
}

p {
  font-size: 17px;
  line-height: 26px;
}

.greentxt {
  font-size: 18px;
  line-height: 22px;
}

.multiBox ul .multicolumn-card__info {
  padding: 0 !important;
  text-align: center;
}

h2.h1,
  .product__title h1,
  h1.h2 {
  font-size: 25px;
  line-height: 33px;
}

.p145,
  .p110 {
  padding: 50px 0px;
}

.mt100 {
  margin-top: 50px;
}

.banner__text.rte.body p {
  font-size: 18px;
  line-height: 22px;
}

body .newsletter__subheading.rte {
  font-size: 14px;
  line-height: 18px;
}

body .footer__content-top .grid {
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(1, 1fr);
}

body .footer-block.grid__item:first-child {
  grid-column: span 1;
}

.footer-block.grid__item:nth-child(4),
  .footer-block.grid__item:nth-child(5) {
  grid-column: span 0;
}

body h2.footer-block__heading.inline-richtext,
  body .footer-block__heading {
  text-align: center;
}

body .footer-block__details-content .list-menu__item--link,
  body .footer-block__brand-info .footer__list-social.list-social {
  justify-content: center;
  text-align: center;
}

body button#Subscribe {
  position: relative;
  top: unset;
  transform: unset;
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
  margin-top: 10px;
  padding: 14px 41px;
}

.announcement-bar * {
  font-size: 12px;
  line-height: 12px;
}

.newsletter-form__field-wrapper .field {
  flex-direction: column;
}

.footer__copyright {
  margin-top: 0;
}

body .banner:not(.banner--stacked) {
  height: 400px;
}

.multiBox .multicolumn-card__info h3.h3.inline-richtext {
  font-size: 22px;
  word-break: auto-phrase;
}

.tab-menu ul li a {
  width: 100%;
}

.tab-menu ul li {
  width: 100%;
}

.relatedHead {
  flex-direction: column;
}

.blogtitile,
  .blogti-tile {
  font-size: 13px;
  line-height: 15px;
  padding: 10px;
}

.relatedHead a.button.button--primary {
  margin-top: 20px;
}
}

@media (min-width: 990px) {
nav.header__inline-menu
    ul.list-menu.list-menu--inline
    li:not(:first-child)
    details {
  position: relative;
}

nav.header__inline-menu
    ul.list-menu.list-menu--inline
    li:not(:first-child)
    details
    .mega-menu__content {
  width: 200px;
}
}

/************************************
 HHF FIX — QUESTIONS SECTION
************************************/

/* 1. Neutralize any legacy "form-item" styles */

.field.form-item,
.field.form-item input,
.field.form-item input:focus {
  border: none !important;
  border-radius: 0 !important;
  padding: initial !important;
  box-shadow: none !important;
}

/* 2. Remove wrapper border/outline (including hover/focus-within) */

.conatccol .field,
.conatccol .field:hover,
.conatccol .field:focus-within {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Kill pseudo-element borders Dawn uses */

.conatccol .field::before,
.conatccol .field::after {
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 3. Inputs – keep size but no borders/outlines/shadows */

.conatccol .field__input,
.conatccol .field__input:hover,
.conatccol .field__input:focus {
  height: 50px !important;
  padding: 20px !important;
  border-radius: 5px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
}

/* 4. Textarea – same visual style, but taller */

.conatccol textarea.field__input,
.conatccol textarea.field__input:hover,
.conatccol textarea.field__input:focus {
  min-height: 140px;
  height: auto;
  padding: 20px !important;
  border-radius: 5px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
}

/* 5. Hide placeholders to avoid double labels */

.conatccol .field__input::placeholder,
.conatccol textarea.field__input::placeholder {
  opacity: 0 !important;
}

.conatccol .field__input:focus::placeholder,
.conatccol textarea.field__input:focus::placeholder {
  opacity: 0 !important;
}

/* =========================================================================
   CONTACT PAGE – "HOW TO SAY HELLO." FINAL OVERRIDES
   ========================================================================= */

/* Pattern background just for the contact multicolumn band */

body .contactbanner .page-width {
  background-image: url(/cdn/shop/files/Mask_group.png?v=1705841794);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

/* Cards: white, rounded like the live site */

body .contactbanner .multicolumn-card {
  background-color: #ffffff !important;
  border-radius: 0 30px !important;
}

/* White rounded tile around the icon */

body .contactbanner .multicolumn-card__image-wrapper {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Make absolutely sure the icon images are visible */

body .contactbanner .multicolumn-card__image {
  display: block !important;
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================================================================
   CONTACT PAGE – "HOW TO SAY HELLO." CARDS & ICONS (FINAL OVERRIDE)
   ========================================================================= */

/* Make the three contact cards white, rounded, and lifted */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card {
  background-color: #ffffff !important;
  border-radius: 0 30px !important;
  box-shadow: none;
  padding: 30px 10px 1px;
}

/* White rounded tile around the icon – larger like the live site */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image-wrapper {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px !important;
  margin: 0 auto;
  /* make the icon tile larger */
  width: 200px !important;
}

/* Enlarge the actual icon inside the white tile */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image-wrapper img,
section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image {
  max-width: 200px !important;
  height: auto !important;
  /* tweak 72 → 80 if you want even larger */
  width: 100% !important;
}

/* Make absolutely sure the icon images themselves are visible */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image {
  display: block !important;
  max-width: 100px;
  width: 100%;
  height: auto;
  opacity: 1 !important;
  filter: none !important;
}

/* CONTACT: fix "How to say hello." icons and card color */

/* Make the cards themselves solid white, with the correct rounded corner */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card {
  background-color: #ffffff !important;
  border-radius: 0 30px !important;
}

/* Reset the icon wrapper so Dawn can handle the icon layout normally */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image-wrapper {
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Ensure the actual icon image shows up nicely */

section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image,
section[id$="__multicolumn_wDMUtc"] .multicolumn-card__image-wrapper img {
  display: block !important;
  margin: 0 auto 24px !important;
  max-width: 120px;
  height: auto;
}

/* CONTACT: "How to say hello." – force cards to pure white */

section[id*="multicolumn_wDMUtc"] .multicolumn-card {
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* CONTACT: slightly enlarge icons in "How to say hello." cards */

section[id*="multicolumn_wDMUtc"] .multicolumn-card__image-wrapper {
  max-width: 180px !important;
  margin-right: auto;
  /* tweak 140–180px to taste */
  margin-left: auto;
}

section[id*="multicolumn_wDMUtc"] .multicolumn-card__image-wrapper img,
section[id*="multicolumn_wDMUtc"] .multicolumn-card__image {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* CONTACT: card text in How to say hello section */

.template-page-contact .multicolumn-card__info {
  text-align: center;
}

.template-page-contact .multicolumn-card__text,
.template-page-contact .multicolumn-card__text a {
  font-family: "Uncut-Sans-Regular";
  font-size: 15px;
  line-height: 1.6;
  color: #000;
  /* change to #91ad41 if you prefer the green text */
  text-decoration: none;
}

/* CONTACT: paragraph above the How to say hello cards */

.hello-subtext {
  display: block !important;
  max-width: 960px;
  margin: 0 auto 35px !important;
  text-align: center !important;
  font-family: "Uncut-Sans-Regular", sans-serif !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: #000 !important;
}

/* CONTACT: card text in How to say hello section */

section[id*="multicolumn"] .multicolumn-card__info {
  text-align: center !important;
}

section[id*="multicolumn"] .multicolumn-card__text,
section[id*="multicolumn"] .multicolumn-card__text a {
  font-family: "Uncut-Sans-Regular", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #91ad41 !important;
  /* green like your live site */
  text-decoration: none !important;
}

/* CONTACT: make the Questions section full-width */

/* Break .contactInner out of the centered page-width container */

.contactInner {
  max-width: 100vw;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* HOMEPAGE: leafy background behind "Monthly flowers, delivered." */

#shopify-section-template--20391754858749__image_with_text_PnpiaF {
  background-image: url(/cdn/shop/files/bg_1.png?v=1705779107);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 80px;
}

/* Remove white card so the leafy background shows through */

#shopify-section-template--20391754858749__image_with_text_PnpiaF .color-background-1,
#shopify-section-template--20391754858749__image_with_text_PnpiaF .gradient,
#shopify-section-template--20391754858749__image_with_text_PnpiaF .image-with-text {
  background: transparent !important;
}


/* =========================================================================
   GLOBAL HHF BUTTON SYSTEM
   ========================================================================= */

/* Base button styles (apply to all viewports) */

.shopify-section a.button,
.shopify-section .button,
.shopify-section button,
.shopify-section .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-section .button--primary,
.shopify-section .button--secondary {
  font-family: "Uncut-Sans-Regular", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase;
  border-radius: 50px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Desktop & tablet */

@media screen and (min-width: 750px) {
.shopify-section a.button,
  .shopify-section .button,
  .shopify-section button,
  .shopify-section .shopify-payment-button .shopify-payment-button__button--unbranded,
  .shopify-section .button--primary,
  .shopify-section .button--secondary {
  font-size: 25px !important;
  padding: 25px 50px !important;
}
}

/* Mobile — matches live site proportions + prevents awkward wrapping */

@media screen and (max-width: 749px) {
.shopify-section a.button,
  .shopify-section .button,
  .shopify-section button,
  .shopify-section .shopify-payment-button .shopify-payment-button__button--unbranded,
  .shopify-section .button--primary,
  .shopify-section .button--secondary {
  font-size: 14px !important;
  padding: 12px 22px !important;
  line-height: 1.2;
  min-height: 44px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  text-align: center;
}
}

/* Kill green outline/border/glow on SHOPIFY buttons (not Klaviyo) */

.shopify-section a.button,
.shopify-section .button,
.shopify-section button,
.shopify-section .button--primary,
.shopify-section .button--secondary,
.shopify-section .shopify-payment-button__button--unbranded {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Remove Dawn's default green focus ring on Shopify buttons */

.shopify-section button:focus,
.shopify-section button:focus-visible,
.shopify-section .button:focus,
.shopify-section .button:focus-visible,
.shopify-section .button--primary:focus,
.shopify-section .button--primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Make sure states don't reintroduce it */

a.button:hover,
a.button:focus,
a.button:focus-visible,
.button:hover,
.button:focus,
.button:focus-visible,
button:hover,
button:focus,
button:focus-visible,
.button--primary:hover,
.button--primary:focus,
.button--primary:focus-visible,
.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button__button--unbranded:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Turn off Dawn's green focus shadow globally */

:root {
  --shadow-button-focus: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

/* Make sure no green border shows up on any SHOPIFY button state */

.shopify-section a.button,
.shopify-section .button,
.shopify-section button,
.shopify-section .button--primary,
.shopify-section .button--secondary,
.shopify-section .shopify-payment-button__button--unbranded {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.shopify-section a.button:hover,
.shopify-section a.button:focus,
.shopify-section a.button:focus-visible,
.shopify-section .button:hover,
.shopify-section .button:focus,
.shopify-section .button:focus-visible,
.shopify-section button:hover,
.shopify-section button:focus,
.shopify-section button:focus-visible,
.shopify-section .button--primary:hover,
.shopify-section .button--primary:focus,
.shopify-section .button--primary:focus-visible,
.shopify-section .button--secondary:hover,
.shopify-section .button--secondary:focus,
.shopify-section .button--secondary:focus-visible,
.shopify-section .shopify-payment-button__button--unbranded:hover,
.shopify-section .shopify-payment-button__button--unbranded:focus,
.shopify-section .shopify-payment-button__button--unbranded:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Base button border: invisible because it matches the green fill (Shopify only) */

.shopify-section a.button,
.shopify-section .button,
.shopify-section button,
.shopify-section .button--primary,
.shopify-section .button--secondary,
.shopify-section .shopify-payment-button__button--unbranded {
  border-width: 2px !important;
  border-style: transparent !important;
  border-color: transparent !important;
  /* HHF green (same as normal fill) */;
}

/* Hover / active / focus: black fill AND black border (Shopify only) */

.shopify-section a.button:hover,
.shopify-section a.button:focus,
.shopify-section a.button:active,
.shopify-section .button:hover,
.shopify-section .button:focus,
.shopify-section .button:active,
.shopify-section button:hover,
.shopify-section button:focus,
.shopify-section button:active,
.shopify-section .button--primary:hover,
.shopify-section .button--primary:focus,
.shopify-section .button--primary:active,
.shopify-section .button--secondary:hover,
.shopify-section .button--secondary:focus,
.shopify-section .button--secondary:active {
  border-color: #000000 !important;
}

/* Nuke Dawn's green outline ring drawn with pseudo-elements */

a.button::after,
.button::after,
button::after,
.button--primary::after,
.button--secondary::after,
.shopify-payment-button__button--unbranded::after,
a.button::before,
.button::before,
button::before,
.button--primary::before,
.button--secondary::before,
.shopify-payment-button__button--unbranded::before {
  content: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

#shopify-section-template--20391754858749__featured_collection_LYBiff {
  background: url(https://www.hhfshop.com/cdn/shop/files/Mask_group.png?v=1705841794)
              center/cover no-repeat !important;
}

#shopify-section-template--20391754858749__featured_collection_LYBiff .color-background-1,
#shopify-section-template--20391754858749__featured_collection_LYBiff .gradient {
  background: transparent !important;
}

/* GLOBAL: slider arrow buttons (for product carousels, etc.) */

/* Make disabled arrows still white (no dim green icon) */

body .slider-button[disabled] .icon {
  color: #ffffff !important;
}

/* Main styling for the arrow buttons */

body .slider-button {
  background-color: #91ad41;
  border-radius: 160px;
  color: #ffffff !important;
  border: none;
  width: 60px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Keep the little arrow icon nicely sized */

body .slider-button .icon {
  width: 15px;
  height: 15px;
}

/* Put a bit of space between the two arrows */

.slider-buttons {
  gap: 20px;
}

/* Hide the "x of y" slider caption under the arrows (match live site) */

.slider-counter.caption {
  display: none;
}

/* Featured collection slider buttons – force perfect circles */

#shopify-section-template--20391754858749__featured_collection_LYBiff 
.slider-buttons .slider-button {
  width: 50px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #7c9c2f !important;
  /* total size of circle */
  height: 50px !important;
  /* make it a circle */
  border-radius: 50% !important;
  /* green circle like the live site */
  border: none !important;
}

/* Remove Dawn’s default pill shape wrapper */

#shopify-section-template--20391754858749__featured_collection_LYBiff 
.slider-buttons {
  gap: 16px !important;
  /* match spacing from live site */;
}

/* Make the arrow icon centered and white */

#shopify-section-template--20391754858749__featured_collection_LYBiff 
.slider-buttons .slider-button .icon {
  width: 12px !important;
  height: 12px !important;
  fill: white !important;
}

/* Tagline above "Read Our Blogs" */

#shopify-section-template--20391754858749__featured_blog_jRicCA h2.title::before {
  content: "flowers, farming, and everything in between";
  display: block;
  margin-bottom: 8px;
  font-family: "Uncut-Sans-Regular", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #91ad41;
  /* green */
  text-align: center;
}

/* BLOG SECTION IMAGE CARDS — MATCH LIVE SITE */

/* Force image to crop correctly */

/* Dark overlay */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 2;
  pointer-events: none;
}

/* Position text over image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: none !important;
  padding: 0 !important;
}

/* Style blog title */

#shopify-section-template--20391754858749__featured_blog_jRicCA h3.card__heading {
  color: #ffffff !important;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  line-height: 1.25;
  margin: 0;
}

/* Hide extra info Dawn renders below the image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card-information {
  display: none !important;
}

/* Tagline + heading above Read Our Blogs */

#shopify-section-template--20391754858749__featured_blog_jRicCA h2 {
  margin-top: 10px;
  text-align: center;
}

#shopify-section-template--20391754858749__featured_blog_jRicCA h2::before {
  content: "flowers, farming, and everything in between";
  display: block;
  margin-bottom: 0px;
  font-weight: 500;
  color: #91ad41;
  text-align: center;
  /* tighten spacing */
  font-family: "Nefelibata";
  /* script like live site */
  font-size: 45px;
}

/* BLOG CARDS – match live site (for this section only) */

/* Image crop + shape */

/* Dark overlay on top of image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.01);
  z-index: 1;
  pointer-events: none;
}

/* Reset default card content layout */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__content {
  position: static;
  background: transparent !important;
}

/* Position the title container over the image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__information {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex !important;
  justify-content: center;
  text-align: center;
  padding: 0 24px;
  /* override any earlier display:none !important */
  align-items: center;
}

/* White, centered titles */

/* Hide excerpt/meta so only the title shows over the image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card__excerpt,
#shopify-section-template--20391754858749__featured_blog_jRicCA .blog__post-meta,
#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card__footer {
  display: none !important;
}

/* BLOG CARDS – image with dark overlay + centered white title */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__inner {
  position: relative;
  border-radius: 0 20px;
  overflow: hidden;
}

/* Image shape & crop */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__media img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 0 20px;
}

/* Put the text over the image */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: transparent !important;
  padding: 0 !important;
}

/* Title styling */

#shopify-section-template--20391754858749__featured_blog_jRicCA h3.card__heading {
  color: #ffffff !important;
  font-family: "Uncut-Sans-Semibold", sans-serif;
  font-size: 28px;
  line-height: 1.25;
  margin: 0;
}

/* =========================================================================
   DESKTOP — READ OUR BLOGS
   ========================================================================= */

@media screen and (min-width: 750px) {
/* White overlay title */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card h3,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card h3 a {
  color: #ffffff !important;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 1.25;
  margin: 0;
  text-decoration: none;
}

@media screen and (min-width: 750px) {
/* Make cards taller by increasing ratio */

#shopify-section-template--20391754858749__featured_blog_jRicCA
  .card__inner.ratio {
  --ratio-percent: 95% !important;
}
}


@media screen and (min-width: 750px) {
#shopify-section-template--20391754858749__featured_blog_jRicCA
  .article-card,
  #shopify-section-template--20391754858749__featured_blog_jRicCA
  .article-card .card,
  #shopify-section-template--20391754858749__featured_blog_jRicCA
  .article-card .card__inner,
  #shopify-section-template--20391754858749__featured_blog_jRicCA
  .article-card .card__media,
  #shopify-section-template--20391754858749__featured_blog_jRicCA
  .article-card .media {
  border-radius: 0 30px 0 30px !important;
  overflow: hidden !important;
}
}


/* HOME – "Read Our Blogs" cards: show overlay text */

.homeBlogs .card__inner.ratio .card__content {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.homeBlogs .card__content .card__information {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.homeBlogs .card__heading,
.homeBlogs .card__heading a {
  color: #ffffff !important;
}

/* Never apply theme button borders to Klaviyo popups - Safety Net*/

.klaviyo-form button,
.klaviyo-form a,
.klaviyo-form [role="button"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* PREDICTIVE SEARCH – footer "Search for “term”" row */

button.predictive-search__item.predictive-search__item--term.link.link--text.h5.animate-arrow {
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100%;
  padding: 1.2rem 2rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  /* Layout */
  display: flex !important;
  /* Typography to match live site */
  font-family: "Playfair Display", serif !important;
}

/* Text label – take up the left side and stay left-aligned */

button.predictive-search__item.predictive-search__item--term.link.link--text.h5.animate-arrow span {
  flex: 1 1 auto !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Arrow – sit on the far right */

button.predictive-search__item.predictive-search__item--term.link.link--text.h5.animate-arrow svg {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  width: 16px !important;
  height: 16px !important;
  stroke: #91ad41 !important;
}

/* Live Flower Availability - full width leaf banner behind the page title */

background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}

/* Center the title area + give it banner-like padding */

#shopify-section-template--20391755088125__main .page-width {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
  text-align: center !important;
}

/* Make the page title big like the live site */

#shopify-section-template--20391755088125__main h1.main-page-title {
  font-size: clamp(34px, 4vw, 62px) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Leaf background for Rich Text sections (full-width) */

section[id*="__rich_text"] .rich-text.content-container,
section[id*="__rich_text"] .rich-text.content-container--full-width,
section[id*="__rich_text"] .rich-text.content-container--full-width:where(.rich-text) {
  position: relative;
  overflow: hidden;
  background: transparent !important;
  background-image: none !important;
  /* kills gradient/image backgrounds */;
}

section[id*="__rich_text"] .rich-text.content-container::before,
section[id*="__rich_text"] .rich-text.content-container--full-width::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-image: url("https://www.hhfshop.com/cdn/shop/files/Mask_group.png?v=1705841794");
  background-repeat: repeat;
  background-size: 2500px auto !important;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
}

/* Keep Rich Text content above the background */

section[id*="__rich_text"] .rich-text__wrapper,
section[id*="__rich_text"] .rich-text__blocks {
  position: relative;
  z-index: 1;
}

/* =========================================================================
   REMOVE LEAFY BACKGROUNDS FROM VARIOUS BLOCKS/SECTIONS
   ========================================================================= */

/* === IMAGE WITH TEXT === */

/* "Flower growers. Frog makers." section of the homepage */

#shopify-section-template--20391754858749__image_with_text_QTzewP .image-with-text,
#shopify-section-template--20391754858749__image_with_text_QTzewP .image-with-text__content,
#shopify-section-template--20391754858749__image_with_text_QTzewP .gradient {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391754858749__image_with_text_QTzewP .image-with-text::before,
#shopify-section-template--20391754858749__image_with_text_QTzewP .image-with-text__content::before,
#shopify-section-template--20391754858749__image_with_text_QTzewP .gradient::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* The Victory Garden - PYO Page */

#shopify-section-template--20391760134397__image_with_text_KE8Lnk .image-with-text,
#shopify-section-template--20391760134397__image_with_text_KE8Lnk .image-with-text__content,
#shopify-section-template--20391760134397__image_with_text_KE8Lnk .gradient {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760134397__image_with_text_KE8Lnk .image-with-text::before,
#shopify-section-template--20391760134397__image_with_text_KE8Lnk .image-with-text__content::before,
#shopify-section-template--20391760134397__image_with_text_KE8Lnk .gradient::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Specialty PYO Experiences Block */

#shopify-section-template--20391760134397__image_with_text_gaD6Bq .image-with-text,
#shopify-section-template--20391760134397__image_with_text_gaD6Bq .image-with-text__content,
#shopify-section-template--20391760134397__image_with_text_gaD6Bq .gradient {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760134397__image_with_text_gaD6Bq .image-with-text::before,
#shopify-section-template--20391760134397__image_with_text_gaD6Bq .image-with-text__content::before,
#shopify-section-template--20391760134397__image_with_text_gaD6Bq .gradient::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Hours & Directions - Farm Hours Block*/

#shopify-section-template--20391760036093__image_with_text_H6LBpJ .image-with-text,
#shopify-section-template--20391760036093__image_with_text_H6LBpJ .image-with-text__content,
#shopify-section-template--20391760036093__image_with_text_H6LBpJ .gradient {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760036093__image_with_text_H6LBpJ .image-with-text::before,
#shopify-section-template--20391760036093__image_with_text_H6LBpJ .image-with-text__content::before,
#shopify-section-template--20391760036093__image_with_text_H6LBpJ .gradient::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* ==== RICH TEXT === */

/* "About Us" */

#shopify-section-template--20391760068861__rich_text_AxyaAd .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760068861__rich_text_AxyaAd .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "Conveniently located...(Visit Us page) */

#shopify-section-template--20391760232701__rich_text_FDRchi .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760232701__rich_text_FDRchi .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "Conveniently located...(FAQs page)" */

#shopify-section-template--20391759872253__rich_text_FDRchi .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391759872253__rich_text_FDRchi .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "Email Signup" */

#shopify-section-template--20391754858749__rich_text_wAVeTz .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391754858749__rich_text_wAVeTz .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "About us page below image" */

#shopify-section-template--20391760101629__rich_text_fNaD4g .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760101629__rich_text_fNaD4g .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "Media Kit Text Block" */

#shopify-section-template--20391760068861__rich_text_RbPzrD .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760068861__rich_text_RbPzrD .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* "What's Hot On The Farm (homepage)" */

#shopify-section-template--20391754858749__rich_text_78g8Xp .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391754858749__rich_text_78g8Xp .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* Hours & Directions - Directions Block */

#shopify-section-template--20391760036093__rich_text_RgD8T4 .rich-text {
  background: none !important;
  background-image: none !important;
}

#shopify-section-template--20391760036093__rich_text_RgD8T4 .rich-text::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* === Wedding Product Page Sidebar === */

.wedding-category-menu .wedding-category-menu__title,
.wedding-category-menu button.wedding-category-menu__title,
.wedding-category-menu a.wedding-category-menu__title,
.wedding-category-menu summary.wedding-category-menu__title,
.wedding-category-menu details > summary {
  background: #91ad41 !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  cursor: pointer !important;
  /* less-rounded corners */
  border-radius: 10px !important;
  /* spacing */
  padding: 14px 18px !important;
  /* typography */
  font-family: "Playfair Display", serif !important;
  /* Dawn sometimes forces uppercase + weird spacing */
  text-transform: none !important;
}

/* If the title text is wrapped in a span, force it too */

.wedding-category-menu .wedding-category-menu__title span {
  font-family: "Playfair Display", serif !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

/* Menu list spacing */

.wedding-category-menu__list {
  list-style: none;
  padding: 20px 20px 0;
  margin: 0;
}

.wedding-category-menu__item + .wedding-category-menu__item {
  margin-top: 10px;
}

/* Menu links */

.wedding-category-menu__link {
  color: #1a1a1a;
  text-decoration: none;
  font-family: "Uncut Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

/* Wedding sidebar: rebuild the caret reliably (no theme asset URL needed) */

.wedding-category-menu__title {
  position: relative !important;
  padding-right: 44px !important;
  /* make space for caret */;
}

/* Replacing default caret in sidebar menu */

.wedding-category-menu__title::after {
  content: "" !important;
  position: absolute !important;
  right: 20px !important;
  top: 53% !important;
  transform: translateY(-50%) !important;
  width: 12px !important;
  height: 12px !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708' clip-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat !important;
  opacity: 1 !important;
  /* white caret */
  background: #fff !important;
  /* caret shape (your icon-caret.svg), embedded so it always loads */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill-rule='evenodd' d='M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708' clip-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* If you still have a leftover real SVG/icon inside the button, hide it so you don't get 2 carets */

.wedding-category-menu__title svg,
.wedding-category-menu__title .icon-caret,
.wedding-category-menu__title .svg-wrapper,
.wedding-category-menu__title .wedding-category-menu__caret {
  display: none !important;
}

/* GLOBAL: add more space between Collection banner section and Product grid section */

#MainContent .shopify-section[id*="__banner"] + .shopify-section[id*="__product-grid"] {
  padding-top: 70px !important;
}

/* Sort dropdown: move the caret (it's the .svg-wrapper in your markup) */

#FacetSortForm .select {
  position: relative;
  /* make sure the caret can be positioned reliably */;
}

#FacetSortForm .select > .svg-wrapper {
  position: absolute !important;
  right: 10px !important;
  transform: translateY(-50%) !important;
  pointer-events: none;
  /* ← adjust this: 6–14px */
  top: 50% !important;
}

/* Product card outlines (continuous corners) */

.product-grid .card-wrapper,
.collection .card-wrapper {
  border: 1px solid rgba(var(--color-foreground), 0.10);
  border-radius: 31px;
  /* adjust if you want more/less rounding */
  overflow: hidden;
  /* makes the border follow the rounded corners cleanly */
  background: rgb(var(--color-background));
}

/* COLLECTION CARDS (collections list) – faint outline with connected corners */

body .collection-list .card-wrapper,
body .collection-list .collection-card-wrapper {
  border: 1px solid #f0f0f0;
  border-radius: 30px;
  overflow: hidden;
  /* ensures the border stays continuous at corners */;
}

/* HOME: center the Featured collection heading (works even if the section id changes) */

main section[id*="__featured_collection"] .collection__title.title-wrapper,
main section[id*="__featured_collection"] .collection__title.title-wrapper .title {
  width: 100% !important;
  text-align: center !important;
}

/* If Dawn is using flex on the title wrapper, force true centering */

main section[id*="__featured_collection"] .collection__title.title-wrapper {
  justify-content: center !important;
}

/* Extra specificity: force the actual h2 itself to center */

main section[id*="__featured_collection"] h2.title.inline-richtext {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Desktop - Klaviyo Newsletter sign up form styling */

.footer-email-signup {
  padding: 10px 20px 72px;
  justify-content: center;
  /* top | sides | bottom */
  display: flex;
}

.footer-email-signup form {
  display: flex;
  gap: 12px;
  max-width: 900px;
  width: 100%;
}

.footer-email-signup input {
  flex: 1;
  height: 100px;
  padding: 0 18px;
  font-size: 25px;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.footer-email-signup button[type="submit"] {
  height: 100px;
  padding: 0 28px;
  border-radius: 20px !important;
  background: #91ad41;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* MOBILE — Klaviyo footer email signup: prevent clipping */

@media screen and (max-width: 749px) {
.footer-email-signup form {
  flex-direction: column;
  gap: 12px;
}

/* EMAIL INPUT — force height + proper box sizing */

.footer-email-signup form input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  height: 60px !important;
  min-height: 60px !important;
  line-height: 60px !important;
  /* Dawn sometimes uses min-height */
    padding: 0 16px !important;
  /* vertical padding can “fake” height */
    font-size: 18px !important;
  /* makes the text sit nicely */
    -webkit-appearance: none;
  /* helps Safari/iOS honor height */
    appearance: none;
}

/* SUBMIT BUTTON — force font-size (and any inner span if present) */

.footer-email-signup form button[type="submit"] {
  box-sizing: border-box;
  width: 100%;
  height: 60px !important;
  padding: 0 16px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  border-radius: 16px !important;
}

.footer-email-signup form button[type="submit"] * {
  font-size: 18px !important;
  /* in case theme wraps text in a span */;
}
}

/* === ABOUT/Pages: contain image banner width + fix weird corner background === */
@media screen and (min-width: 750px) {
  section[id*="__image_banner"] .banner {
    max-width: 1400px !important;  /* adjust to match live */
    margin: 50px auto !important;
    border-radius: 30px !important;
    overflow: hidden !important;   /* clips any background/pseudo elements */
    background: transparent !important;
  }

  section[id*="__image_banner"] .banner__media.media {
    border-radius: 30px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  section[id*="__image_banner"] .banner__media.media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}


/* ABOUT US — Image banner (MOBILE): stop overflow + remove reserved space */
@media screen and (max-width: 749px) {
  #shopify-section-template--20391760101629__image_banner_4q34AK {
    overflow: hidden;
  }

  /* Ensure the section/container can't exceed viewport width */
  #shopify-section-template--20391760101629__image_banner_4q34AK .page-width,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__content,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media.media {
    max-width: 100% !important;
  }

  /* Kill any fixed height OR ratio padding on the media wrapper */
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media.media {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important; /* removes gray */
  }

  /* Make the image behave like a normal responsive image */
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media img,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media picture,
  #shopify-section-template--20391760101629__image_banner_4q34AK .banner__media svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    position: static !important;
    object-fit: cover !important;
  }
}

/* ABOUT US — Image banner (4q34AK): force-remove spacer + collapse banner (mobile only) */
@media screen and (max-width: 749px) {
  /* 1) Kill ALL possible spacer pseudos (use content:none, not empty string) */
  #Banner-template--20391760101629__image_banner_4q34AK:before,
  #Banner-template--20391760101629__image_banner_4q34AK::before,
  #Banner-template--20391760101629__image_banner_4q34AK .banner__media:before,
  #Banner-template--20391760101629__image_banner_4q34AK .banner__media::before,
  #Banner-template--20391760101629__image_banner_4q34AK .banner__content:before,
  #Banner-template--20391760101629__image_banner_4q34AK .banner__content::before {
    content: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    display: none !important;
  }

  /* 2) Collapse banner/content padding that can masquerade as “ratio space” */
  #Banner-template--20391760101629__image_banner_4q34AK,
  #Banner-template--20391760101629__image_banner_4q34AK .banner,
  #Banner-template--20391760101629__image_banner_4q34AK .banner__content {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* 3) Make sure media is not enforcing a fixed box */
  #Banner-template--20391760101629__image_banner_4q34AK .banner__media {
    height: auto !important;
    min-height: 0 !important;
  }

  /* 4) Normal responsive image */
  #Banner-template--20391760101629__image_banner_4q34AK .banner__media img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* =========================================================================
   RICH TEXT SECTIONS – WIDEN CONTENT AREA
   ========================================================================= */

/* Desktop only */

@media screen and (min-width: 750px) {
.rich-text .rich-text__blocks {
  max-width: 1400px;
  margin-right: auto;
  /* try 1000–1200px */
    margin-left: auto;
}
}

/* ABOUT US — add space between the logos multicolumn and the Our History image-with-text */

@media screen and (min-width: 750px) {
#MainContent
  [id*="__multicolumn_EMThrT"]
  ~ [id*="__image_with_text_q4YDnp"] {
  margin-top: 70px !important;
  /* adjust */;
}
}

/* =========================================================================
   ABOUT US – MULTICOLUMN LAYOUT MATCH (OUR PHILOSOPHY + VALUES)
   ========================================================================= */

/*** 1) OUR PHILOSOPHY (icon left, text right) ***/

.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  padding-left: 30px !important; /* Offsetting visual imbalance */
}

.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__image-wrapper {
  flex: 0 0 130px !important;
  margin: 0 !important;
  /* icon circle size */
  width: 120px !important;
}


.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__info {
  text-align: left !important;
  padding: 50px !important;       
  margin: 0 !important;
  max-width: 360px;               /* keeps your nice line breaks */
}

.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-list__item {
  display: flex !important;
  justify-content: center !important;
}


.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__info h3 {
  margin: 0 0 6px !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
}

.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__info .rte,
.section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__info p {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
}


/* GMkLRm (Mission/Vision) — MOBILE: icon left, text right */
@media (max-width: 749px) {
  .section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card {
    display: grid !important;
    grid-template-columns: 72px 1fr !important;
    column-gap: 16px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__image-wrapper {
    width: 72px !important;
    margin: 0 !important;
  }

  .section-template--20391760101629__multicolumn_GMkLRm-padding .multicolumn-card__info {
    text-align: left !important;
    max-width: none !important;
    margin: 0 !important;
  }
}


/*** 2) VALUES (centered, bigger headings, tighter spacing like live) ***/

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__image-wrapper {
  width: 120px !important;
  margin: 0 auto 14px !important;
}

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info {
  text-align: center !important;
  max-width: 260px;
  /* helps match the live line breaks */
  margin: 0 auto;
}

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info h3 {
  margin: 6px 0 10px !important;
  font-size: 25px !important;
  line-height: 1.1 !important;
}

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info .rte,
.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Give more breathing room between the two multicolumn sections */

.section-template--20391760101629__multicolumn_gCHPB8-padding {
  padding-bottom: 70px !important;
}

.section-template--20391760101629__multicolumn_gCHPB8-padding {
  padding-top: 50px !important;
}

/* ABOUT US – Our Philosophy (make icon + text align like live) */

.section-template--20391760101629__multicolumn_GMkLRm-padding
  .multicolumn-list:not(.slider)
  .multicolumn-list__item.center
  .multicolumn-card__info {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  max-width: none !important;
  /* remove the 320px “narrow column” feel */;
}

/* ABOUT US – VALUES: force 4 equal columns and prevent the 4th from wrapping */

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px !important;
  /* adjust spacing between cards */;
}

/* Make sure list items aren’t using slider/flex widths */

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-list__item {
  width: auto !important;
  max-width: none !important;
}

/* THIS is often the culprit: Dawn adds big side padding to card info */

.section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  /* remove your 260px constraint if it’s forcing wrap */;
}

/* gCHPB8 (Values) — MOBILE: 1 per row, icon left, text right */
@media (max-width: 749px) {
  .section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-list__item {
    width: auto !important;
    max-width: none !important;
  }

  .section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card {
    display: grid !important;
    grid-template-columns: 72px 1fr !important;
    column-gap: 16px !important;
    align-items: center !important;
    text-align: left !important;
  }

  .section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__image-wrapper {
    width: 72px !important;
    margin: 0 !important;
  }

  .section-template--20391760101629__multicolumn_gCHPB8-padding .multicolumn-card__info {
    text-align: left !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mobile-only tweak (optional) */
@media screen and (max-width: 749px) {
  .section-template--20391760101629__multicolumn_GMkLRm-padding .title-wrapper-with-link .title,
  .section-template--20391760101629__multicolumn_GMkLRm-padding .title-wrapper-with-link h2.title,
  .section-template--20391760101629__multicolumn_gCHPB8-padding .title-wrapper-with-link .title,
  .section-template--20391760101629__multicolumn_gCHPB8-padding .title-wrapper-with-link h2.title {
    font-size: 36px; /* mobile */
    line-height: 1;
  }
}



/* =========================================================================
   CUSTOM "MULTICARDS" SECTION (MEET THE GIRLS / OUR TRIBE)
   ========================================================================= */

:root {
  --hhf-two-corner: 30px;
}

/* change to whatever you want */

.shopify-section.multicards .mCardCol,
.shopify-section.multicards .imgcol,
.shopify-section.multicards .imgcol img {
  border-radius: 0 var(--hhf-two-corner) 0 var(--hhf-two-corner) !important;
}

/* Make sure the image actually clips to the shape */

.shopify-section.multicards .mCardCol,
.shopify-section.multicards .imgcol {
  overflow: hidden !important;
}

/* Remove any default image border/outline */

.shopify-section.multicards .imgcol img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  display: block;
}

/* ABOUT US – Moral Support Team (center 2 cards) */

#shopify-section-template--20391760101629__multi_cards_g9yqgJ .mCardWrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 420px)) !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 32px !important;
  margin: 0 auto !important;
  width: 100% !important;
  /* prevents “3-column leftover space” */
  max-width: 900px !important;
}

/* Make sure card boxes don’t stretch weirdly */

#shopify-section-template--20391760101629__multi_cards_g9yqgJ .mCardCol {
  width: 100% !important;
  max-width: 420px !important;
}

/* ABOUT US – Moral Support Team (MOBILE: prevent overflow + align cards) */
@media screen and (max-width: 749px) {
  #shopify-section-template--20391760101629__multi_cards_g9yqgJ .mCardWrapper {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #shopify-section-template--20391760101629__multi_cards_g9yqgJ .mCardCol {
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* If inner content columns exist, make them stack cleanly */
  #shopify-section-template--20391760101629__multi_cards_g9yqgJ .mCardContent {
    flex: 1 1 auto !important;
  }
}


/* ABOUT US – "Our Tribe" text box color update */

#shopify-section-template--20391760101629__multi_cards_xYQWbd .mCardContent {
  background-color: #91ad41 !important;
  /* adjust green if needed */;
}

/* Name */

#shopify-section-template--20391760101629__multi_cards_xYQWbd .mCardContent .topText {
  color: #ffffff !important;
}

/* Role / subtitle */

#shopify-section-template--20391760101629__multi_cards_xYQWbd .mCardContent .bottomText {
  color: #000000 !important;
}

/* Shorten text blocks slightly */

.shopify-section.multicards .mCardCol, .mCardContent {
  padding: 20px;
  position: relative;
  z-index: 3;
}

/* MultiCards (Our Tribe) — fix first card (Rooty) <p> inside bottomText */

#shopify-section-template--20391760101629__multi_cards_xYQWbd .mCardContent .bottomText,
#shopify-section-template--20391760101629__multi_cards_xYQWbd .mCardContent .bottomText p {
  color: #000 !important;
}

/* =========================================================================
   THE MUM GARDEN – BLOG INDEX CARDS (MATCH LIVE GRID)
   ========================================================================= */

.section-template--20391754596605__main-padding .blog-articles {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 40px !important;
  align-items: start;
}

@media (max-width: 989px) {
.section-template--20391754596605__main-padding .blog-articles {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width: 749px) {
.section-template--20391754596605__main-padding .blog-articles {
  grid-template-columns: 1fr !important;
}
}

/* Make each card look like a "boxed" article card */

.section-template--20391754596605__main-padding .article-card-wrapper,
.section-template--20391754596605__main-padding .card-wrapper {
  height: 100%;
}

.section-template--20391754596605__main-padding .card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Image area */

.section-template--20391754596605__main-padding .card__media,
.section-template--20391754596605__main-padding .article-card__image-wrapper {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Force consistent image crop like the live grid */

.section-template--20391754596605__main-padding .card__inner {
  --ratio-percent: 100% !important;
  /* 1:1-ish square crop */;
}

/* Typography (your draft has giant headings; this scopes it back down) */

.section-template--20391754596605__main-padding .card__heading {
  font-size: 22px !important;
  line-height: 1.2 !important;
}

.section-template--20391754596605__main-padding .article-card__info,
.section-template--20391754596605__main-padding .card__information {
  padding: 20px 0px 10px !important;
  /* Top, Left, Bottom */;
}

.section-template--20391754596605__main-padding .article-card__excerpt,
.section-template--20391754596605__main-padding .rte {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Date */

.section-template--20391754596605__main-padding .article-card__date {
  font-size: 13px !important;
  opacity: .75 !important;
}

/* THE MUM GARDEN – remove the duplicate H1 inside the blog posts section */

.section-template--20391754596605__main-padding h1.title--primary {
  display: none !important;
}

/* THE MUM GARDEN – restore spacing above blog posts */

.section-template--20391754596605__main-padding {
  padding-top: 48px !important;
}

@media (min-width: 750px) {
.section-template--20391754596605__main-padding {
  padding-top: 64px !important;
}
}

/* THE MUM GARDEN – blog card corner shape */

.section-template--20391754596605__main-padding
.article-card,
.section-template--20391754596605__main-padding
.article-card .card__inner,
.section-template--20391754596605__main-padding
.article-card .card__media,
.section-template--20391754596605__main-padding
.article-card img {
  border-radius: 0 !important;
}

/* Apply asymmetric rounding */

.section-template--20391754596605__main-padding
.article-card {
  border-top-right-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
  overflow: hidden;
  /* critical for clean corners */;
}

/* THE MUM GARDEN – match image corner to card corner */

.section-template--20391754596605__main-padding
.article-card .card__media,
.section-template--20391754596605__main-padding
.article-card .article-card__image,
.section-template--20391754596605__main-padding
.article-card img {
  border-bottom-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Ensure image clipping stays clean */

.section-template--20391754596605__main-padding
.article-card .card__media {
  overflow: hidden;
}

/* THE MUM GARDEN – blog card titles = Playfair Display */

.section-template--20391754596605__main-padding
.article-card__title,
.section-template--20391754596605__main-padding
.article-card__title a,
.section-template--20391754596605__main-padding
.card__heading,
.section-template--20391754596605__main-padding
.card__heading a {
  font-family: "Playfair Display", serif !important;
  font-weight: 500 !important;
  font-size: 26px;
  letter-spacing: 0 !important;
}

/* THE MUM GARDEN – remove blog card preview text */

.section-template--20391754596605__main-padding
.article-card__excerpt,
.section-template--20391754596605__main-padding
.article-card__excerpt p,
.section-template--20391754596605__main-padding
.article-card__excerpt rte,
.section-template--20391754596605__main-padding
.card__content .rte {
  display: none !important;
}

/* #6 – THE MUM GARDEN: force equal-height cards (Dawn grid-safe) */

.section-template--20391754596605__main-padding .blog-articles {
  align-items: stretch !important;
  /* stretch grid items */;
}

/* each grid cell should be full height */

.section-template--20391754596605__main-padding .blog-articles__article {
  height: 100% !important;
}

/* the wrapper + card must also stretch */

.section-template--20391754596605__main-padding .article-card-wrapper,
.section-template--20391754596605__main-padding .article-card-wrapper .card,
.section-template--20391754596605__main-padding .article-card-wrapper .card__content {
  height: 100% !important;
}

/* make the card a column so content fills downward evenly */

.section-template--20391754596605__main-padding .article-card-wrapper .card {
  display: flex !important;
  flex-direction: column !important;
}

/* lock image area to a consistent height */

.section-template--20391754596605__main-padding .article-card__image-wrapper {
  height: 260px !important;
  /* adjust this number to taste */
  overflow: hidden !important;
}

/* make sure the image actually fills that fixed-height box */

.section-template--20391754596605__main-padding .article-card__image-wrapper .media,
.section-template--20391754596605__main-padding .article-card__image-wrapper img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* 1) Lock card height so changing image height changes the text area, not the whole card */

.main-blog .article-card-wrapper .card {
  display: grid !important;
  height: 520px;
  /* <-- TWEAK: overall card height */
  grid-template-rows: 450px 1fr;
  /* <-- TWEAK: image height (ratio control) */
  overflow: hidden;
  /* keeps border + corners clean */;
}

/* 2) Make the content area behave inside the fixed card */

.main-blog .article-card-wrapper .card__content {
  height: 100%;
  overflow: hidden;
}

/* 3) (optional but usually needed) prevent title/excerpt from forcing extra height */

.main-blog .article-card-wrapper .card__heading {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* <-- TWEAK: title lines */
  -webkit-box-orient: vertical;
}

/* Make the image wrapper fill the first grid row (prevents blank space under image) */

.main-blog .article-card-wrapper .card__inner,
.main-blog .article-card-wrapper .card__inner .card__media,
.main-blog .article-card-wrapper .card__inner .media {
  height: 100% !important;
}

.main-blog .article-card-wrapper .card__inner .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* BLOG CARD DATE — match live site gray */

.main-blog .article-card__info time,
.main-blog .article-card__info .article-card__date {
  color: #9a9a9a !important;
  /* soft gray like live site */;
}

/* BLOG CARD — green blog label */

.blog-card-label {
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: #91ad41;
  font-family: "Uncut-Sans-Regular", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 0px;
  z-index: 2;
  /* your brand green */
  color: #ffffff;
}

/* 1) Define the image height once (match whatever you're using in grid-template-rows) */

.main-blog {
  --blog-card-image-h: 450px;
  /* <-- set to your image row height */;
}

/* 2) Card grid uses the same variable */

.main-blog .article-card-wrapper .card {
  position: relative;
  display: grid !important;
  grid-template-rows: var(--blog-card-image-h) 1fr !important;
}

/* 3) Badge sits ON the seam (inside the card, so no clipping issues) */

.main-blog .blog-card-label {
  position: absolute;
  top: var(--blog-card-image-h);
  left: 30px;
  /* tweak */
  transform: translateY(-50%);
  /* half above image / half over text */
  z-index: 10;
}

/* 4) Give content a little top padding so it doesn't collide with the badge */

.main-blog .article-card__info,
.main-blog .card__content {
  padding-top: 18px !important;
  /* tweak */;
}

/* Make sure the badge can overlap the image/text seam */

.main-blog .article-card__image-wrapper,
.main-blog .article-card__image,
.main-blog .card__media,
.main-blog .media {
  overflow: visible !important;
}

/* Ensure the image itself stays behind the badge */

.main-blog .article-card__image-wrapper {
  z-index: 1 !important;
}

/* Put the badge ABOVE the image */

.main-blog .blog-card-label {
  position: absolute !important;
  z-index: 20 !important;
}

/* Blog pagination – add space below the pager */

.main-blog .pagination-wrapper {
  margin-bottom: 80px !important;
}

/* =========================================================================
   GLOBAL – MULTICOLUMN CARDS THAT BEHAVE LIKE “IMAGE + BUTTON”
   ========================================================================= */

/* 1) Card + image rounding (2 rounded / 2 square) */

section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__image-wrapper--full-width,
section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__image-wrapper--full-width .media,
section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__image-wrapper--full-width img,
section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card {
  border-radius: 0px 30px !important;
  /* TL+BR rounded, TR+BL square */
  overflow: hidden !important;
}

/* 2) Pull the info up so the button overlaps the bottom of the image */

section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__image-wrapper--full-width + .multicolumn-card__info {
  margin-top: -45px !important;
  padding-top: 0 !important;
  text-align: center !important;
  position: relative;
  z-index: 3;
}

/* 3) Turn the card link into the green “button” */

section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__info > a.link.animate-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #91ad41 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 20px 50px !important;
  min-height: 50px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
}

/* 4) Remove Dawn’s reserved arrow space */

section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__info > a.link.animate-arrow .svg-wrapper {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hover: green → black */

section[id*="__multicolumn_"]:not([id*="multicolumn_wDMUtc"])
  .multicolumn-card__info > a.link.animate-arrow:hover {
  background: #000 !important;
  color: #fff !important;
}

/* === Media Kid mission/vision multicolumn: icon left, text right (scoped) === */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card {
  display: flex !important;
  gap: 22px !important;
  text-align: left !important;
  margin-top: 30px;
  margin-bottom: 80px;
}

/* icon smaller */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__image-wrapper {
  flex: 0 0 120px !important;
  /* <-- icon size */
  max-width: 120px !important;
  /* <-- icon size */;
}

/* keep image from stretching weirdly */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__image-wrapper img {
  width: 100% !important;
  height: center !important;
}

/* make sure the text block takes the remaining width */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__info {
  flex: 1 1 auto !important;
}

#shopify-section-template--20391760068861__multicolumn_EwMfAx .multicolumn-card {
  margin-bottom: 100px;
}

/* Media Kit Mission & Vision Section Font Styling */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf
h2.title.inline-richtext.h1  {
  font-size: 45px; /* Our Philosophy */
  /* tweak */
  line-height: 1.2;
  padding-top: 70px;
}

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf
.inline-richtext {
  font-size: 30px; /* Mission, Vision */
  /* tweak */
  line-height: 1.2;
}

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf
.multicolumn-card__info p {
  font-size: 22px;
  /* tweak */
  line-height: 1.6;
}

/* Media Kit Values Section Font Styling */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
h3.inline-richtext {
  font-size: 30px;
  /* tweak */
  line-height: 1.2;
}

#shopify-section-template--20391760068861__multicolumn_EwMfAx
.multicolumn-card__info p {
  font-size: 20px;
  /* tweak */
  line-height: 1.6;
}

#shopify-section-template--20391760068861__multicolumn_EwMfAx
h2.inline-richtext, {
  font-size: 50px;
  /* tweak */
  line-height: 1.2;
}

/* === FAQ page styling === */

.faq-section h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  margin: 40px 0 50px !important;
}

/* Reserve space so long FAQ titles never run under the + icon */

.FaqCol h2 {
  padding-right: 75px !important;
  /* 30px icon + breathing room */;
}

/* Optional: make sure the icon never blocks selection/clicks */

.FaqCol h2:before {
  pointer-events: none;
}

/* === Collection List Margins === */

#shopify-section-template--20391754793213__collection_list_RH4JaP .collection-list, /* Holiday Greens Banner */
#shopify-section-template--20391759577341__collection_list_wKUAda .collection-list, /* Shop Wholesale Page Banner */
#shopify-section-template--20391759479037__collection_list_wKUAda .collection-list, /* Shop Flowers Page Banner */
#shopify-section-template--20391759610109__collection_list_LhUHAq .collection-list, /* Shop Weddings Page ("Other very cool things...") */
#shopify-section-template--20391759511805__collection_list_GTReFy .collection-list /* Frogs & Merch Page ("Other very cool things...") */ {
  margin-bottom: 50px;
  margin-top: 50px;
}

/* PYO Page Top Banner Margins*/

#shopify-section-template--20391760134397__image_with_text_U4FzTh .image-with-text, {
  margin-top: 50px;
}

/* PRODUCT PAGE — thumbnail carousel (global) */

/* spacing between thumbs */

.product .thumbnail-slider .thumbnail-list {
  gap: 14px !important;
  align-items: center !important;
}

/* Size the LIST ITEM, not the button, so images don't disappear */

.product .thumbnail-slider .thumbnail-list__item {
  width: 120px !important;
  /* tweak */
  flex: 0 0 auto !important;
}

/* Make each thumbnail a square and let media fill it */

.product .thumbnail-slider .thumbnail {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 0px !important;
  /* optional */
  overflow: hidden !important;
}

/* Ensure the inner media actually fills the square */

.product .thumbnail-slider .thumbnail .media {
  width: 100% !important;
  height: 100% !important;
}

.product .thumbnail-slider .thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Arrow buttons: circles */

.product .thumbnail-slider .slider-button {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
}

.product .thumbnail-slider .slider-button:before,
.product .thumbnail-slider .slider-button:after {
  border-radius: 999px !important;
}

/* Mobile tweak */

@media screen and (max-width: 749px) {
.product .thumbnail-slider .thumbnail-list__item {
  width: 72px !important;
}

.product .thumbnail-slider .thumbnail-list {
  gap: 10px !important;
}
}

/* PRODUCT PAGE — selected thumbnail outline */

.product .thumbnail-slider .thumbnail[aria-current="true"],
.product .thumbnail-slider .thumbnail.is-active {
  outline: 2px solid #000 !important;
  outline-offset: -2px;
  /* keeps outline snug to the image */;
}

/* Padding for share icons on product pages */

.product-share {
  padding-left: 16px;
}

/* PRODUCT PAGE — add space below Related Products (global) */

product-recommendations.related-products {
  padding-bottom: 60px !important;
  /* best choice (won’t collapse) */;
}

product-recommendations.related-products {
  text-align: center;
}

/* MOBILE — Slideshow: remove excess space around CTA, then add a small consistent gap */

@media screen and (max-width: 749px) {
/* 1) Remove padding on common slideshow/banner text wrappers */

.slideshow :is(.banner__content, .banner__box, .slideshow__text-wrapper) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2) Remove default margins that often create big gaps */

.slideshow :is(.banner__text, .slideshow__text, .banner__heading) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 3) Remove “button block” top margin completely… */

.slideshow :is(.banner__buttons, .slideshow__buttons) {
  margin-top: 0 !important;
}

/* 4) …then add a small gap between text and button (controlled) */

.slideshow :is(.banner__content, .slideshow__text-wrapper) {
  display: grid;
  row-gap: 10px;
}
}

/* MOBILE — Slideshow TLfehq: remove “adapt” ratio spacer causing big white block */
@media screen and (max-width: 749px) {

  /* 1) Neutralize the ratio spacer that creates extra height */
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner::before,
  #shopify-section-template--20391754858749__slideshow_TLfehq .slideshow__media::before,
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner__media::before,
  #shopify-section-template--20391754858749__slideshow_TLfehq .media::before {
    padding-bottom: 0 !important;
    content: none !important;
    display: none !important;
  }

  /* 2) Let the image define height (no forced min-height) */
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner,
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner__content,
  #shopify-section-template--20391754858749__slideshow_TLfehq .slideshow__slide {
    min-height: 0 !important;
    height: auto !important;
  }

  /* 3) Make the media size to the actual image, not a forced box */
  #shopify-section-template--20391754858749__slideshow_TLfehq .slideshow__media,
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner__media,
  #shopify-section-template--20391754858749__slideshow_TLfehq .media {
    position: relative !important;
    height: auto !important;
  }

  #shopify-section-template--20391754858749__slideshow_TLfehq .slideshow__media img,
  #shopify-section-template--20391754858749__slideshow_TLfehq .banner__media img,
  #shopify-section-template--20391754858749__slideshow_TLfehq .media img {
    position: static !important;     /* key: stops “cover” absolute positioning */
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* 4) Tighten the text/button area below the image */
  #shopify-section-template--20391754858749__slideshow_TLfehq .slideshow__text-wrapper {
    padding: 12px 16px 18px !important;
  }
}


/* =========================================================================
   MOBILE — HOME FEATURED BLOG SECTION (EXACT SECTION TARGET)
   ========================================================================= */

@media screen and (max-width: 749px) {
/* Reduce section vertical padding to match live */

#shopify-section-template--20391754858749__featured_blog_jRicCA .section-padding {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Match live-like title sizing */

#shopify-section-template--20391754858749__featured_blog_jRicCA .card__heading,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .card__heading a {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

/* Keep the dots/counter centered */

#shopify-section-template--20391754858749__featured_blog_jRicCA .slider-counter {
  justify-content: center;
}
}

@media screen and (max-width: 749px) {
/* Reduce the script “Flowers, farming…” line (first heading in the section header) */

#shopify-section-template--20391754858749__featured_blog_jRicCA .title-wrapper-with-link > :first-child,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .title-wrapper > :first-child {
  font-size: 34px !important;
  line-height: 1.05 !important;
}

/* Also prevent it from taking too much vertical space */

#shopify-section-template--20391754858749__featured_blog_jRicCA .title-wrapper-with-link,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .title-wrapper {
  margin-bottom: 14px !important;
}
}

/* =========================================================================
   HOME — READ OUR BLOGS (FEATURED BLOG) — SINGLE SOURCE OF TRUTH
   ========================================================================= */

/* Mobile */

@media screen and (max-width: 749px) {
/* ---- Card shape: apply radius to ALL possible clipping layers ---- */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__inner,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__media,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .article-card__image-wrapper,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .media {
  border-radius: 0 30px 0 30px !important;
  overflow: hidden !important;
}

/* ---- Make the WRAPPER taller (this changes the tile, not just the image) ---- */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__media,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .article-card__image-wrapper,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .media {
  height: 450px !important;
  position: relative !important;
  /* tweak 360–420 */
    width: 300px;
}

/* Ensure image fills wrapper */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

/* ---- Overlay ---- */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__media::before,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.01);
  z-index: 1;
  pointer-events: none;
}

/* ---- Put the title ON TOP of the image (handles both Dawn structures) ---- */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__content,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .card__information {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
  padding: 0 24px !important;
}

/* Title styling */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card h3.card__heading,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card h3.card__heading a {
  display: block !important;
  opacity: 1 !important;
  color: #ffffff !important;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-decoration: none !important;
  z-index: 3 !important;
}

/* Hide excerpt/meta/footer under the title (if present) */

#shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .article-card__excerpt,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .blog__post-meta,
  #shopify-section-template--20391754858749__featured_blog_jRicCA .article-card .article-card__footer {
  display: none !important;
}

/* MOBILE — Read Our Blogs green script line is an h2::before pseudo-element */

@media screen and (max-width: 749px) {
#shopify-section-template--20391754858749__featured_blog_jRicCA h2#SectionHeading-template--20391754858749__featured_blog_jRicCA::before {
  font-size: 19px !important;
  margin-bottom: 10px !important;
  /* tweak */
    line-height: 1 !important;
}
}


/* MOBILE — tighten slider spacing between cards */

@media screen and (max-width: 749px) {
/* Reduce the “mobile gutter” padding */

#shopify-section-template--20391754858749__featured_blog_jRicCA .slider-mobile-gutter {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
}
}

/* Remove Blog Badges from Home Page */

#shopify-section-template--20391754858749__featured_blog_jRicCA .blog-card-label {
  display: none !important;
}

/* FOOTER MOBILE ONLY — center the brand description text under the logo */

@media screen and (max-width: 749px) {
.footer-brand-description.rte {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

/* If you want the paragraph itself centered as well */

.footer-brand-description.rte p {
  text-align: center !important;
}
}

/* MOBILE — Product description tables: only the table scrolls (polished) */

@media screen and (max-width: 749px) {
/* Keep the description container normal */

.box-build #Description .box-inner {
  overflow-x: visible;
}

/* Make only the table scroll */

.box-build #Description .box-inner table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

/* Keep cells aligned and readable */

.box-build #Description .box-inner th,
  .box-build #Description .box-inner td {
  white-space: nowrap;
  vertical-align: top;
}

/* Optional: add a little visual hint that it scrolls */

.box-build #Description .box-inner table {
  padding-bottom: 6px;
  /* space so scrollbar doesn't feel cramped */;
}
}

/* MOBILE — Make embedded videos responsive in product descriptions */

@media screen and (max-width: 749px) {
.box-build #Description .box-inner iframe,
  .box-build #Description .box-inner video {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

/* YouTube/Vimeo iframe wrapper fix */

.box-build #Description .box-inner iframe {
  aspect-ratio: 16 / 9;
  display: block;
}
}

/* MOBILE — Prevent banner headings from breaking awkwardly */

@media screen and (max-width: 749px) {
/* Target banner / hero / page titles */

.banner__heading,
  .collection-hero__title,
  .page-title,
  h1 {
  font-size: clamp(28px, 8vw, 42px);
  line-height: 1.15;
  text-align: center;
  overflow-wrap: normal;
  hyphens: auto;
  /* Critical: prevent mid-word breaks */
    word-break: normal;
}
}

/* MOBILE — FAQ pages: stack sidebar above content (stop pushing content sideways) */

@media screen and (max-width: 749px) {
/* If your FAQ layout uses the shared mainWrapper grid */

section.mainWrapper {
  display: block;
}

section.mainWrapper > * {
  width: 100%;
  max-width: 100%;
}

/* Common sidebar wrappers (covers most builds) */

.sidebar,
  .sidebar-menu,
  .collection-sidebar,
  .left-sidebar,
  aside {
  width: 100% !important;
  max-width: 100% !important;
}
}

/* MOBILE — Media Kit image banner: natural image height (no fixed height, no grey gap) */

@media screen and (max-width: 749px) {
/* 1) Kill Dawn’s fixed banner media height on this section */

#shopify-section-template--20391760068861__image_banner_mD6ztz .banner__media {
  height: auto !important;
  min-height: 0 !important;
}

/* 2) If Dawn uses the .media ratio box, remove the ratio padding/height */

#shopify-section-template--20391760068861__image_banner_mD6ztz .banner__media.media {
  padding-bottom: 0 !important;
}

/* 3) Stop absolute positioning so the wrapper collapses to the image */

#shopify-section-template--20391760068861__image_banner_mD6ztz .banner__media img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: contain !important;
  /* shows whole image */;
}
}

@media screen and (max-width: 749px) {
#shopify-section-template--20391760068861__image_banner_mD6ztz .banner {
  min-height: 0 !important;
  height: auto !important;
}
}

/* MOBILE — Mission/Values multicolumn: undo desktop constraints + clean layout */

@media screen and (max-width: 749px) {
/* The actual slide/item wrapper from your screenshot */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-list__item,
  #shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__content-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Make card content full-width so text stops stacking word-by-word */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card,
  #shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__info {
  width: 100% !important;
  max-width: none !important;
}

/* If something set a narrow "center" layout with flex, normalize it */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card {
  display: block !important;
  text-align: center !important;
  padding: 0px 0px !important;
}

/* Center the icon/image wrapper */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__image-wrapper {
  margin: 0 auto 0px !important;
  display: flex !important;
  justify-content: center !important;
}

/* The circle media wrapper */

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__image-wrapper .media--circle {
  width: 92px !important;
  height: 92px !important;
}

#shopify-section-template--20391760068861__multicolumn_Lf6Vdf .multicolumn-card__image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
}

/* MOBILE — Values (EwMfAx): icon left, text right (keep Dawn media ratio) */

@media screen and (max-width: 749px) {
/* Make each card a 2-column grid */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card.content-container {
  display: grid !important;
  grid-template-columns: 72px 1fr !important;
  column-gap: 16px !important;
  align-items: start !important;
  text-align: left !important;
}

/* Icon column */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__image-wrapper {
  grid-column: 1 !important;
  width: 69px !important;
  margin: 0 !important;
  /* controls icon size */
    max-width: 72px !important;
}

/* IMPORTANT: do NOT change .media positioning/height; just ensure it fills wrapper */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__image-wrapper .media {
  width: 100% !important;
}

/* Text column */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__info {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: none !important;
  text-align: left !important;
}

/* Stop any centering */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__info h3,
  #shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__info p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Font Size */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__info h3 {
  font-size: 22px !important;
}

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card__info p {
  font-size: 14px !important;
}
}

/* 1) Vertically center icon next to text */

#shopify-section-template--20391760068861__multicolumn_EwMfAx
  .multicolumn-card.content-container {
  align-items: center !important;
  /* centers the two grid columns relative to each other */;
}

#shopify-section-template--20391760068861__multicolumn_q7UGA6
  h2.inline-richtext {
  text-align: center !important;
}

/* CART — enlarge remove icon (targets <cart-remove-button> custom element) */
cart-remove-button .icon.icon-remove,
cart-remove-button svg.icon.icon-remove {
  width: 28px !important;
  height: 28px !important;
}

/* CART (mobile) — put remove icon to the RIGHT of quantity */
@media screen and (max-width: 749px) {

  /* The wrapper that currently stacks qty + remove */
  .cart-item__quantity-wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto !important; /* qty takes remaining space, trash is auto */
    align-items: center !important;
    column-gap: 10px !important;
  }

  /* Make sure the quantity selector fills its grid column */
  .cart-item__quantity-wrapper quantity-popover,
  .cart-item__quantity-wrapper .quantity-popover-container,
  .cart-item__quantity-wrapper .quantity {
    width: 100% !important;
  }

  /* Keep the remove button snug and aligned */
  .cart-item__quantity-wrapper cart-remove-button {
    margin: 0 !important;
    justify-self: end !important;
    align-self: center !important;
  }
}

/* Airtable – What's Blooming embed */
iframe.airtable-forecast {
  width: 100%;
  max-width: 1100px;      /* keeps it elegant on large screens */
  display: block;
  margin: 40px auto;
  min-height: 500px;

  border-radius: 0px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  background: transparent;
}

/* Tablet + mobile refinements */
@media (max-width: 900px) {
  iframe.airtable-forecast {
    margin: 28px auto;
    min-height: 600px;
    border-radius: 0px;
  }
}

/* === DEBUG + FIX: Register page widths === */
body .customer.register {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body .customer.register .register-intro,
body .customer.register > p {
  max-width: 950px !important;  /* make wider */
  margin-left: auto !important;
  margin-right: auto !important;
}

body .customer.register .wholesale-fields {
  margin-top: 10px;
  padding: 16px 16px 16px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 14px;
}

body .customer.register .wholesale-fields legend {
  padding: 0 8px;
  font-weight: 400;
  font-size: 15px;
}

.customer.register .required-note {
  font-size: 12px;
  color: rgba(0,0,0,0.6);
  margin: 12px 0 0px;
  text-align: left;
}

.customer.register .field-help {
  font-size: 12px;
  color: rgba(0,0,0,0.6);
  margin: 6px 0 10px;
  text-align: left;
}

body .customer.register .form__message li,
body .customer.register .errors li,
body .customer.register ul[role="list"] li {
  display: list-item !important;
  width: 100% !important;
  margin: 0 0 6px !important;
  line-height: 1 !important;
  white-space: normal !important;
}

/* Inline register field errors */
body .customer.register .field-error {
  font-size: 12px;
  color: #c00000;
  margin: 5px 0 5px;
  text-align: left;
}

body .customer.register .field-error a {
  color: inherit;
  text-decoration: underline;
}