/*!
Theme Name: Hauskaa
Theme URI: http://underscores.me/
Author: Brandon Heanssler
Author URI: https://www.bhcreates.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hauskaa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Hauskaa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: "WooCommerce";
  src: url("../woff2/woocommerce.woff2") format("woff2"), url("../woff/woocommerce.woff") format("woff"), url("../ttf/woocommerce.ttf") format("truetype"), url("../svg/woocommerce.svg#WooCommerce") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "europa", "Helvetica Neue", sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.has-europa-font-family {
  font-family: "europa", "Helvetica Neue", sans-serif;
}

.has-selima-font-family {
  font-family: "selimaregular", cursive;
}

.has-lakeshore-font-family {
  font-family: "lakeshoredriveregular", sans-serif;
}

.has-rye-font-family {
  font-family: "Rye", serif;
}

.has-baskerville-font-family {
  font-family: "Libre Baskerville", serif;
}

.has-inline-color {
  padding: 0 0.25em;
  padding-bottom: 0.1em;
}

.collection-heading {
  margin-bottom: 0 !important;
  font-size: 3rem !important;
}
.collection-heading.has-selima-font-family {
  font-size: 6rem !important;
}
@media screen and (min-width: 37.5em) {
  .collection-heading {
    font-size: 5rem !important;
  }
  .collection-heading.has-selima-font-family {
    font-size: 8rem !important;
  }
}

.entry-title.collection-style .has-selima-font-family {
  font-size: 6rem;
}
@media screen and (min-width: 37.5em) {
  .entry-title.collection-style .has-selima-font-family {
    font-size: 8rem !important;
  }
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

#masthead {
  display: grid;
  grid-template-columns: 10rem auto;
  grid-template-areas: "site-logo primary-menu";
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  left: 0;
  right: 0;
  z-index: 100;
  background: #FFFFFF;
}
@media screen and (min-width: 37.5em) {
  #masthead {
    grid-template-columns: minmax(2rem, 1fr) 14rem minmax(auto, 86rem) minmax(2rem, 1fr);
    grid-template-areas: ". site-logo primary-menu .";
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(1rem);
  }
}
#masthead .site-branding {
  grid-area: site-logo;
  position: relative;
  z-index: 100;
}
#masthead .custom-logo-link {
  width: 10rem;
  display: block;
  padding: 1rem;
}
@media screen and (min-width: 37.5em) {
  #masthead .custom-logo-link {
    width: 11rem;
    padding: 1.25rem 0rem;
  }
}
#masthead .site-title {
  display: none;
}
#masthead .menu-shopping-menu-container #shopping-menu {
  display: flex;
  border-left: 0.1rem solid black;
}
#masthead .shopping-cart-link {
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 37.5em) {
  #masthead .shopping-cart-link {
    border-left: 0.1rem solid black;
  }
}
#masthead .shopping-cart-link .cart-count {
  background: #D2232A;
  color: #FFFFFF;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  border-radius: 2rem;
  margin-left: 0.5rem;
}

.header-banner-enabled #masthead {
  grid-template-areas: "header-banner header-banner" "site-logo primary-menu";
  grid-template-rows: auto 1fr;
}
@media screen and (min-width: 37.5em) {
  .header-banner-enabled #masthead {
    grid-template-columns: minmax(2rem, 1fr) 14rem minmax(auto, 86rem) minmax(2rem, 1fr);
    grid-template-areas: "header-banner header-banner header-banner header-banner" ". site-logo primary-menu .";
  }
}

#colophon {
  background: #EFE6DB;
  border-top: 2rem solid #FFFFFF;
  position: relative;
  padding: 1rem;
  padding-top: 2rem;
  width: 100%;
  display: grid;
  grid-template-areas: "site-info" "footer-menu";
}
@media screen and (min-width: 37.5em) {
  #colophon {
    padding: 1rem 0;
    padding-top: 2rem;
    grid-template-columns: minmax(2rem, 1fr) minmax(auto, 50rem) minmax(auto, 50rem) minmax(2rem, 1fr);
    grid-template-areas: ". site-info footer-menu .";
  }
}
#colophon .site-info {
  grid-area: site-info;
}
#colophon .site-info .custom-logo-link {
  width: 8rem;
  display: block;
}
@media screen and (min-width: 37.5em) {
  #colophon .site-info .custom-logo-link {
    width: 10rem;
  }
}
#colophon .site-info .copyright {
  text-align: left;
}
#colophon .social-media {
  margin-bottom: 2rem;
}
#colophon .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#colophon .social-media ul li {
  display: inline-block;
  margin-right: 1rem;
}
#colophon .social-media ul li a {
  color: #000000;
  text-decoration: none;
  font-size: 2rem;
}
#colophon .social-media ul li a.fa-facebook::before {
  color: #4267B2;
}
#colophon .social-media ul li a.fa-instagram::before {
  color: #E1306C;
}
#colophon .social-media ul li a.fa-twitter::before {
  color: #1DA1F2;
}
#colophon .social-media ul li a.fa-youtube::before {
  color: #FF0000;
}
#colophon .social-media ul li a.fa-pinterest::before {
  color: #E60023;
}
#colophon .social-media ul li a.fa-linkedin::before {
  color: #0077B5;
}
#colophon .social-media ul li a.fa-tiktok::before {
  color: #000000;
}
#colophon .menu-footer-menu-container {
  grid-area: footer-menu;
  border-left: 0.1rem black solid;
  padding-left: 1rem;
}
@media screen and (min-width: 37.5em) {
  #colophon .menu-footer-menu-container {
    border-right: 0.1rem black solid;
    border-left: none;
    text-align: right;
    padding-right: 1rem;
    padding-left: 0;
  }
}
#colophon .menu-footer-menu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#colophon .menu-footer-menu-container ul a {
  display: block;
  color: #000000;
  text-decoration: none;
  margin: 0.5rem 0;
}

.wpml-ls-statics-footer {
  background: #EFE6DB;
  padding-bottom: 2rem;
  margin-bottom: 0rem !important;
  position: relative;
}

.otgs-development-site-front-end {
  position: relative;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.no-sidebar .site {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "header" "main" "footer ";
}

.site-main .entry-content {
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
}
.site-main .entry-content .full-width {
  grid-column: 1;
}
.site-main .entry-content > * {
  grid-column: 2;
}
.site-main .entry-content > *.alignfull {
  grid-column-start: 1;
  grid-column-end: -1;
}
.site-main .entry-content > *.alignwide {
  grid-column-start: 2;
  grid-column-end: 2;
}
@media screen and (min-width: 37.5em) {
  .site-main .entry-content {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 100rem) minmax(1rem, 1fr);
  }
}

.entry-header {
  padding-top: 6.5rem;
  position: relative;
}
@media screen and (min-width: 37.5em) {
  .entry-header {
    padding-top: 6rem;
  }
}
.entry-header .inner {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  max-width: 100rem;
}
@media screen and (min-width: 37.5em) {
  .entry-header .inner {
    margin: auto;
  }
}
.entry-header .entry-title {
  font-size: 2rem;
  line-height: 1em;
}
@media screen and (min-width: 37.5em) {
  .entry-header .entry-title {
    font-size: 3rem;
  }
}
.entry-header .entry-title.collection-style {
  font-size: 2rem;
  color: #000000;
  background-color: transparent !important;
  padding: 0 !important;
}
@media screen and (min-width: 37.5em) {
  .entry-header .entry-title.collection-style {
    font-size: 4rem;
  }
  .entry-header .entry-title.collection-style span {
    background-color: #FFFFFF;
    padding: 0.5rem;
  }
}
.entry-header .entry-title.collection-style .collection-span {
  font-size: 3rem;
  font-weight: 100;
  display: inline-block;
}
@media screen and (min-width: 37.5em) {
  .entry-header .entry-title.collection-style .collection-span {
    font-size: 6rem;
    line-height: 1em;
  }
}
.entry-header .entry-subtitle {
  display: inline-block;
  color: #FFFFFF;
  width: 100%;
  font-weight: normal;
  font-size: 1rem;
}
@media screen and (min-width: 37.5em) {
  .entry-header .entry-subtitle {
    font-size: 1.5rem;
  }
  .entry-header .entry-subtitle span {
    background-color: #000000;
    padding: 0.5rem;
  }
}
.entry-header.has-banner-image {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 37.5em) {
  .entry-header.has-banner-image {
    padding-top: 0;
    margin-top: 0;
    display: block;
  }
  .entry-header.has-banner-image::before {
    content: "";
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.entry-header.has-banner-image .post-thumbnail {
  display: block;
  padding: 1rem;
  padding-top: 0;
}
@media screen and (min-width: 37.5em) {
  .entry-header.has-banner-image .post-thumbnail {
    height: 70vh;
    width: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    padding: 0;
  }
  .entry-header.has-banner-image .post-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
  }
}
.entry-header.has-banner-image .inner {
  position: relative;
  height: 100%;
  padding: 0 1rem;
  z-index: 5;
}
@media screen and (min-width: 37.5em) {
  .entry-header.has-banner-image .inner {
    padding-top: 7rem;
    margin: auto;
    max-width: 100rem;
    padding-bottom: 2rem;
    height: 70vh;
  }
}
.entry-header.has-banner-image .entry-title {
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .entry-header.has-banner-image .entry-title {
    color: #000000;
    background-color: #FFFFFF;
    padding: 0.5em;
  }
}
.entry-header.has-banner-image .entry-subtitle {
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .entry-header.has-banner-image .entry-subtitle {
    color: #FFFFFF;
  }
}

@media screen and (min-width: 37.5em) {
  body.single-product .site-main {
    display: block;
  }
}
body.single-product .type-product .full-width {
  grid-column: 1/-1;
}
@media screen and (min-width: 37.5em) {
  body.single-product .type-product {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 100rem) 1fr;
  }
  body.single-product .type-product > * {
    grid-column: 2;
  }
}

body.home .entry-content {
  padding-top: 5.5rem;
  margin-top: 0;
  position: relative;
}
@media screen and (min-width: 37.5em) {
  body.home .entry-content {
    padding-top: 7rem;
    margin-top: 0;
  }
}
body.home.header-banner-enabled .entry-content {
  padding-top: 7rem;
}
@media screen and (min-width: 37.5em) {
  body.home.header-banner-enabled .entry-content {
    padding-top: 8.5rem;
  }
}

.header-banner-enabled .entry-header {
  padding-top: 8rem;
}
@media screen and (min-width: 37.5em) {
  .header-banner-enabled .entry-header {
    padding-top: 7.5rem;
  }
}
@media screen and (min-width: 37.5em) {
  .header-banner-enabled .entry-header.has-banner-image .inner {
    padding-top: 8.5rem;
  }
}

/* Blog Layout Styles */
.blog-container {
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
}
@media screen and (min-width: 37.5em) {
  .blog-container {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 100rem) minmax(1rem, 1fr);
  }
}
.blog-container .blog-posts {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2rem 0;
  max-width: 50rem;
  margin: 0 auto;
}

.blog-post {
  display: flex;
  flex-direction: column;
  border-radius: 0.1rem;
  background-color: #FFFFFF;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.blog-post:hover {
  transform: translateY(-5px);
}
.blog-post .post-thumbnail {
  height: 20rem;
  overflow: hidden;
}
@media screen and (min-width: 37.5em) {
  .blog-post .post-thumbnail {
    height: 25rem;
  }
}
.blog-post .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.blog-post .post-thumbnail:hover img {
  transform: scale(1.05);
}
.blog-post .post-content {
  padding: 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.blog-post .entry-title {
  font-size: 1.5rem;
  margin: 0 0 1rem;
  line-height: 1.2;
}
@media screen and (min-width: 37.5em) {
  .blog-post .entry-title {
    font-size: 2rem;
  }
}
.blog-post .entry-title a {
  color: #000000;
  text-decoration: none;
}
.blog-post .entry-title a:hover {
  color: #A3836C;
}
.blog-post .entry-excerpt {
  margin-bottom: 1.5rem;
  color: #3E3E3E;
  flex-grow: 1;
  font-size: 1.1rem;
  line-height: 1.6;
}
.blog-post .read-more {
  align-self: flex-start;
  padding: 0.5rem 1rem;
  background-color: #A3836C;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 0.1rem;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.blog-post .read-more:hover {
  background-color: #876a55;
}
.blog-post .entry-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #3E3E3E;
}
.blog-post .entry-meta a {
  color: #A3836C;
  text-decoration: none;
}
.blog-post .entry-meta a:hover {
  text-decoration: underline;
}

/* Blog Page Header */
.blog-page-header {
  padding-top: 7.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 37.5em) {
  .blog-page-header {
    padding-top: 9rem;
  }
}
.blog-page-header .page-title {
  font-size: 2.5rem;
  color: #000000;
  margin-bottom: 1rem;
}
@media screen and (min-width: 37.5em) {
  .blog-page-header .page-title {
    font-size: 3.5rem;
  }
}
.blog-page-header .page-description {
  max-width: 40rem;
  margin: 0 auto;
  color: #3E3E3E;
}

/* Pagination */
.blog-pagination {
  grid-column: 2;
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem;
}
.blog-pagination .page-numbers {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  color: #3E3E3E;
  text-decoration: none;
  border: 1px solid #F3F3F3;
  border-radius: 0.1rem;
}
.blog-pagination .page-numbers.current {
  background-color: #A3836C;
  color: #FFFFFF;
  border-color: #A3836C;
}
.blog-pagination .page-numbers:hover:not(.current) {
  background-color: #F3F3F3;
}

/* Single Blog Post Styles */
.single-blog-post {
  margin-top: 5.5rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post {
    margin-top: 5rem;
  }
}
.single-blog-post .post-featured-image {
  width: 100%;
  height: 30vh;
  overflow: hidden;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .post-featured-image {
    height: 50vh;
  }
}
.single-blog-post .post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-blog-post .post-container {
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .post-container {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 50rem) minmax(1rem, 1fr);
  }
}
.single-blog-post .post-container > * {
  grid-column: 2;
  padding: 0 1rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .post-container > * {
    padding: 0;
  }
}
.single-blog-post .post-header {
  margin: 2rem 0;
  text-align: center;
}
.single-blog-post .post-header .post-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .post-header .post-title {
    font-size: 3rem;
  }
}
.single-blog-post .post-header .post-meta {
  font-size: 0.9rem;
  color: #3E3E3E;
}
.single-blog-post .post-header .post-meta span {
  display: inline-block;
  margin: 0 0.5rem;
}
.single-blog-post .post-header .post-meta a {
  color: #A3836C;
  text-decoration: none;
}
.single-blog-post .post-header .post-meta a:hover {
  text-decoration: underline;
}
.single-blog-post .post-content {
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 1.7;
}
.single-blog-post .post-content p {
  margin-bottom: 1.5rem;
}
.single-blog-post .post-content h2, .single-blog-post .post-content h3, .single-blog-post .post-content h4 {
  margin: 2rem 0 1rem;
}
.single-blog-post .post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.1rem;
}
.single-blog-post .post-content blockquote {
  margin: 2rem 0;
  padding: 1rem 2rem;
  border-left: 4px solid #A3836C;
  background-color: #F3F3F3;
  font-style: italic;
}
.single-blog-post .post-content code {
  background-color: #F3F3F3;
  padding: 0.2rem 0.4rem;
  border-radius: 0.1rem;
}
.single-blog-post .post-tags {
  margin-bottom: 2rem;
  color: #3E3E3E;
}
.single-blog-post .post-tags .tags-title {
  font-weight: bold;
  margin-right: 0.5rem;
}
.single-blog-post .post-tags a {
  display: inline-block;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #F3F3F3;
  color: #3E3E3E;
  text-decoration: none;
  border-radius: 0.1rem;
  font-size: 0.9rem;
}
.single-blog-post .post-tags a:hover {
  background-color: #A3836C;
  color: #FFFFFF;
}
.single-blog-post .post-navigation {
  margin: 3rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.single-blog-post .post-navigation .nav-links {
  display: flex;
  width: 100%;
}
.single-blog-post .post-navigation .nav-links .nav-previous, .single-blog-post .post-navigation .nav-links .nav-next {
  flex: 1;
}
.single-blog-post .post-navigation .nav-links .nav-previous a, .single-blog-post .post-navigation .nav-links .nav-next a {
  display: block;
  padding: 1rem;
  background-color: #F3F3F3;
  color: #000000;
  text-decoration: none;
  border-radius: 0.1rem;
  transition: background-color 0.3s ease;
}
.single-blog-post .post-navigation .nav-links .nav-previous a:hover, .single-blog-post .post-navigation .nav-links .nav-next a:hover {
  background-color: #EFE6DB;
}
.single-blog-post .post-navigation .nav-links .nav-previous a .nav-subtitle, .single-blog-post .post-navigation .nav-links .nav-next a .nav-subtitle {
  display: block;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3E3E3E;
}
.single-blog-post .post-navigation .nav-links .nav-previous a .nav-title, .single-blog-post .post-navigation .nav-links .nav-next a .nav-title {
  display: block;
  font-weight: bold;
  margin-top: 0.5rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .post-navigation .nav-links .nav-previous a .nav-title, .single-blog-post .post-navigation .nav-links .nav-next a .nav-title {
    font-size: 1.1rem;
  }
}
.single-blog-post .post-navigation .nav-links .nav-previous {
  text-align: left;
}
.single-blog-post .post-navigation .nav-links .nav-next {
  text-align: right;
}
.single-blog-post .comments-area {
  margin: 4rem 0;
}
.single-blog-post .comments-area .comments-title {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
  position: relative;
}
.single-blog-post .comments-area .comments-title:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background-color: #A3836C;
  margin: 1rem auto;
}
.single-blog-post .comments-area .comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-blog-post .comments-area .comment-list .children {
  list-style: none;
  padding-left: 2rem;
  margin-top: 2rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .comments-area .comment-list .children {
    padding-left: 4rem;
  }
}
.single-blog-post .comments-area .comment-list .comment {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: #FFFFFF;
  border-radius: 0.1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  border-left: 3px solid #A3836C;
}
.single-blog-post .comments-area .comment-list .comment .comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.single-blog-post .comments-area .comment-list .comment .comment-author .avatar {
  border-radius: 50%;
  margin-right: 1rem;
  border: 2px solid #EFE6DB;
}
.single-blog-post .comments-area .comment-list .comment .comment-author .fn {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1rem;
  color: #000000;
  text-decoration: none;
}
.single-blog-post .comments-area .comment-list .comment .comment-author .fn a {
  color: #000000;
  text-decoration: none;
}
.single-blog-post .comments-area .comment-list .comment .comment-author .fn a:hover {
  color: #A3836C;
}
.single-blog-post .comments-area .comment-list .comment .comment-author .says {
  display: none;
}
.single-blog-post .comments-area .comment-list .comment .comment-metadata {
  font-size: 0.8rem;
  margin-bottom: 1rem;
  color: #3E3E3E;
}
.single-blog-post .comments-area .comment-list .comment .comment-metadata a {
  color: #3E3E3E;
  text-decoration: none;
}
.single-blog-post .comments-area .comment-list .comment .comment-metadata a:hover {
  color: #A3836C;
  text-decoration: underline;
}
.single-blog-post .comments-area .comment-list .comment .comment-metadata time {
  font-style: italic;
}
.single-blog-post .comments-area .comment-list .comment .comment-content {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #3E3E3E;
}
.single-blog-post .comments-area .comment-list .comment .comment-content p:last-child {
  margin-bottom: 0;
}
.single-blog-post .comments-area .comment-list .comment .reply {
  margin-top: 1rem;
}
.single-blog-post .comments-area .comment-list .comment .reply .comment-reply-link {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 0.8rem;
  background-color: #EFE6DB;
  color: #A3836C;
  text-decoration: none;
  border-radius: 0.1rem;
  transition: all 0.3s ease;
}
.single-blog-post .comments-area .comment-list .comment .reply .comment-reply-link:hover {
  background-color: #A3836C;
  color: #FFFFFF;
}
.single-blog-post .comments-area .comment-respond {
  margin-top: 3rem;
  padding: 2rem;
  background-color: #F3F3F3;
  border-radius: 0.1rem;
}
.single-blog-post .comments-area .comment-respond .comment-reply-title {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: #000000;
  position: relative;
}
.single-blog-post .comments-area .comment-respond .comment-reply-title small {
  display: block;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.single-blog-post .comments-area .comment-respond .comment-reply-title small a {
  color: #3E3E3E;
  text-decoration: none;
}
.single-blog-post .comments-area .comment-respond .comment-reply-title small a:hover {
  color: #A3836C;
  text-decoration: underline;
}
.single-blog-post .comments-area .comment-respond .comment-notes {
  font-size: 0.9rem;
  color: #3E3E3E;
  margin-bottom: 1.5rem;
}
.single-blog-post .comments-area .comment-respond .comment-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media screen and (min-width: 37.5em) {
  .single-blog-post .comments-area .comment-respond .comment-form {
    grid-template-columns: 1fr 1fr;
  }
}
.single-blog-post .comments-area .comment-respond .comment-form .comment-form-comment,
.single-blog-post .comments-area .comment-respond .comment-form .comment-form-cookies-consent,
.single-blog-post .comments-area .comment-respond .comment-form .form-submit {
  grid-column: 1/-1;
}
.single-blog-post .comments-area .comment-respond .comment-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #000000;
}
.single-blog-post .comments-area .comment-respond .comment-form input[type=text],
.single-blog-post .comments-area .comment-respond .comment-form input[type=email],
.single-blog-post .comments-area .comment-respond .comment-form input[type=url],
.single-blog-post .comments-area .comment-respond .comment-form textarea {
  width: 100%;
  padding: 0.8rem;
  background-color: #FFFFFF;
  margin-bottom: 0;
  border: 1px solid #a4a4a4;
  border-radius: 0.1rem;
  transition: border-color 0.3s ease;
}
.single-blog-post .comments-area .comment-respond .comment-form input[type=text]:focus,
.single-blog-post .comments-area .comment-respond .comment-form input[type=email]:focus,
.single-blog-post .comments-area .comment-respond .comment-form input[type=url]:focus,
.single-blog-post .comments-area .comment-respond .comment-form textarea:focus {
  outline: none;
  border-color: #A3836C;
  box-shadow: 0 0 0 2px rgba(163, 131, 108, 0.1);
}
.single-blog-post .comments-area .comment-respond .comment-form textarea {
  min-height: 150px;
  resize: vertical;
}
.single-blog-post .comments-area .comment-respond .comment-form .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
}
.single-blog-post .comments-area .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
  margin-top: 0.3rem;
  margin-right: 0.5rem;
}
.single-blog-post .comments-area .comment-respond .comment-form .comment-form-cookies-consent label {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #3E3E3E;
}
.single-blog-post .comments-area .comment-respond .comment-form .form-submit {
  text-align: right;
}
.single-blog-post .comments-area .comment-respond .comment-form input[type=submit] {
  background-color: #A3836C;
  color: #FFFFFF;
  padding: 0.75rem 1.75rem;
  border: none;
  border-radius: 0.1rem;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.single-blog-post .comments-area .comment-respond .comment-form input[type=submit]:hover {
  background-color: #876a55;
}
.single-blog-post .comments-area .no-comments {
  text-align: center;
  font-style: italic;
  color: #3E3E3E;
  margin-top: 2rem;
}

/* Archive Pages Styles */
.archive-header {
  padding-top: 7.5rem;
  text-align: center;
  margin-bottom: 2rem;
  background-color: #F3F3F3;
  padding-bottom: 2rem;
}
@media screen and (min-width: 37.5em) {
  .archive-header {
    padding-top: 9rem;
  }
}
.archive-header .archive-title {
  font-size: 2.5rem;
  color: #000000;
  margin-bottom: 1rem;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 37.5em) {
  .archive-header .archive-title {
    font-size: 3rem;
  }
}
.archive-header .archive-title:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background-color: #A3836C;
  margin: 1rem auto 0;
}
.archive-header .archive-description {
  max-width: 50rem;
  margin: 0 auto;
  color: #3E3E3E;
  padding: 0 1rem;
}
.archive-header .archive-description p {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.archive-header .archive-description p:last-child {
  margin-bottom: 0;
}
.archive-header .author-bio {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 50rem;
  margin: 2rem auto 0;
  padding: 0 1rem;
}
@media screen and (min-width: 37.5em) {
  .archive-header .author-bio {
    flex-direction: row;
    text-align: left;
  }
}
.archive-header .author-bio .author-avatar {
  margin-bottom: 1rem;
}
@media screen and (min-width: 37.5em) {
  .archive-header .author-bio .author-avatar {
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.archive-header .author-bio .author-avatar img {
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.archive-header .author-bio .author-description {
  color: #3E3E3E;
  line-height: 1.6;
}
.archive-header .author-bio .author-description p {
  margin-bottom: 1rem;
}
.archive-header .author-bio .author-description p:last-child {
  margin-bottom: 0;
}

.no-posts {
  text-align: center;
  padding: 3rem 1rem;
  font-size: 1.2rem;
  color: #3E3E3E;
  background-color: #F3F3F3;
  border-radius: 0.1rem;
}

.search-header {
  padding-top: 7.5rem;
  background-color: red; /* Temporary test color */
  /* rest of the styles */
}

/* Error Page Styles */
.error-404 {
  padding-top: 7.5rem;
  min-height: calc(100vh - 15rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 37.5em) {
  .error-404 {
    padding-top: 7rem;
  }
}
.error-404 .error-container {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 2rem 1rem;
}
@media screen and (min-width: 37.5em) {
  .error-404 .error-container {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 3rem;
    padding: 3rem 2rem;
  }
}
.error-404 .error-content {
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (min-width: 37.5em) {
  .error-404 .error-content {
    text-align: left;
    margin-bottom: 0;
  }
}
.error-404 .error-title {
  font-size: 6rem;
  font-weight: 700;
  color: #A3836C;
  line-height: 1;
  margin: 0 0 1rem;
}
@media screen and (min-width: 37.5em) {
  .error-404 .error-title {
    font-size: 10rem;
  }
}
.error-404 .error-subtitle {
  font-size: 1.8rem;
  margin: 0 0 1.5rem;
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .error-404 .error-subtitle {
    font-size: 2.5rem;
  }
}
.error-404 .error-description {
  margin-bottom: 2rem;
  color: #3E3E3E;
  font-size: 1.1rem;
  line-height: 1.6;
}
.error-404 .error-description p {
  margin-bottom: 1rem;
}
.error-404 .error-actions {
  margin-top: 2rem;
}
.error-404 .error-actions .btn-home {
  display: inline-block;
  padding: 0.8rem 2rem;
  background-color: #A3836C;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 0.1rem;
  font-weight: 500;
  transition: background-color 0.3s ease;
  margin-bottom: 2rem;
}
.error-404 .error-actions .btn-home:hover {
  background-color: #876a55;
}
.error-404 .error-actions .btn-shop {
  display: inline-block;
  padding: 0.8rem 2rem;
  margin-left: 1rem;
  background-color: #EFE6DB;
  color: #A3836C;
  text-decoration: none;
  border-radius: 0.1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.error-404 .error-actions .btn-shop:hover {
  background-color: #A3836C;
  color: #FFFFFF;
}
.error-404 .error-actions .error-search {
  margin-top: 1.5rem;
}
.error-404 .error-actions .error-search p {
  margin-bottom: 0.8rem;
  color: #3E3E3E;
}
.error-404 .error-actions .error-search .search-form {
  display: flex;
}
.error-404 .error-actions .error-search .search-form label {
  flex-grow: 1;
}
.error-404 .error-actions .error-search .search-form .search-field {
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #F3F3F3;
  border-radius: 0.1rem 0 0 0.1rem;
}
.error-404 .error-actions .error-search .search-form .search-field:focus {
  outline: none;
  border-color: #A3836C;
}
.error-404 .error-actions .error-search .search-form .search-submit {
  background-color: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0.8rem 1.2rem;
  border-radius: 0 0.1rem 0.1rem 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.error-404 .error-actions .error-search .search-form .search-submit:hover {
  background-color: #876a55;
}
.error-404 .error-suggestions {
  background-color: #F3F3F3;
  padding: 2rem;
  border-radius: 0.1rem;
}
.error-404 .error-suggestions .suggestion-section {
  margin-bottom: 2rem;
}
.error-404 .error-suggestions .suggestion-section:last-child {
  margin-bottom: 0;
}
.error-404 .error-suggestions .suggestion-section h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #000000;
  position: relative;
  padding-bottom: 0.5rem;
}
.error-404 .error-suggestions .suggestion-section h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  height: 2px;
  background-color: #A3836C;
}
.error-404 .error-suggestions .suggestion-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.error-404 .error-suggestions .suggestion-section ul li {
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(62, 62, 62, 0.1);
}
.error-404 .error-suggestions .suggestion-section ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.error-404 .error-suggestions .suggestion-section ul li a {
  color: #3E3E3E;
  text-decoration: none;
  transition: color 0.3s ease;
}
.error-404 .error-suggestions .suggestion-section ul li a:hover {
  color: #A3836C;
}
.error-404 .error-suggestions .suggestion-section .product-category {
  display: flex;
  justify-content: space-between;
}
.error-404 .error-suggestions .suggestion-section .product-category .count {
  background-color: #FFFFFF;
  color: #3E3E3E;
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
}
.error-404 .featured-products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.error-404 .featured-products .product {
  background-color: #FFFFFF;
  border-radius: 0.1rem;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.error-404 .featured-products .product:hover {
  transform: translateY(-5px);
}
.error-404 .featured-products .product .product-image img {
  width: 100%;
  height: 8rem;
  object-fit: cover;
}
.error-404 .featured-products .product .product-info {
  padding: 0.8rem;
}
.error-404 .featured-products .product .product-info .product-title {
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
}
.error-404 .featured-products .product .product-info .product-title a {
  color: #000000;
  text-decoration: none;
}
.error-404 .featured-products .product .product-info .product-title a:hover {
  color: #A3836C;
}
.error-404 .featured-products .product .product-info .product-price {
  color: #A3836C;
  font-weight: 500;
  font-size: 0.9rem;
}

/* Search Results Page Styles */
.search-header {
  padding-top: 7.5rem;
  text-align: center;
  margin-bottom: 2rem;
  background-color: #F3F3F3;
  padding-bottom: 2rem;
}
@media screen and (min-width: 37.5em) {
  .search-header {
    padding-top: 9rem;
  }
}
.search-header .search-title {
  font-size: 2.5rem;
  color: #000000;
  margin-bottom: 1.5rem;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 37.5em) {
  .search-header .search-title {
    font-size: 3rem;
  }
}
.search-header .search-title span {
  color: #A3836C;
  font-weight: 500;
}
.search-header .search-title:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background-color: #A3836C;
  margin: 1rem auto 0;
}
.search-header .search-form-container {
  max-width: 40rem;
  margin: 2rem auto 0;
  padding: 0 1rem;
}
.search-header .search-form-container .search-description {
  margin-bottom: 1rem;
  color: #3E3E3E;
  font-size: 1rem;
}
.search-header .search-form-container form {
  display: flex;
}
.search-header .search-form-container form input[type=search],
.search-header .search-form-container form .search-field {
  flex-grow: 1;
  padding: 0.8rem;
  border: 1px solid #EFE6DB;
  border-radius: 0.1rem 0 0 0.1rem;
  font-size: 1rem;
}
.search-header .search-form-container form input[type=search]:focus,
.search-header .search-form-container form .search-field:focus {
  outline: none;
  border-color: #A3836C;
}
.search-header .search-form-container form input[type=submit],
.search-header .search-form-container form .search-submit {
  background-color: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0 1.5rem;
  border-radius: 0 0.1rem 0.1rem 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.search-header .search-form-container form input[type=submit]:hover,
.search-header .search-form-container form .search-submit:hover {
  background-color: #876a55;
}

/* Product Result Specific Styling */
.product-result .product-price {
  font-size: 1.2rem;
  font-weight: 500;
  color: #A3836C;
  margin: 0.5rem 0 1rem;
}
.product-result .product-price ins {
  background: none;
  text-decoration: none;
}
.product-result .product-price del {
  color: #3E3E3E;
  font-weight: normal;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.product-result .read-more {
  background-color: #768F84;
}
.product-result .read-more:hover {
  background-color: #5e746a;
}

/* No Results Styling */
.no-results {
  text-align: center;
  padding: 3rem;
  background-color: #F3F3F3;
  border-radius: 0.1rem;
  margin: 2rem 0;
}
.no-results h2 {
  font-size: 1.8rem;
  color: #000000;
  margin-bottom: 1rem;
}
.no-results p {
  color: #3E3E3E;
  font-size: 1.1rem;
  max-width: 40rem;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header Banner
--------------------------------------------- */
.header-banner {
  background-color: var(--header-banner-bg-color, #D2232A);
  color: var(--header-banner-text-color, #FFFFFF);
  padding: 0.5rem 0;
  font-size: 0.875rem;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 101;
  grid-area: header-banner;
}
.header-banner .header-banner-content {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  font-weight: 500;
}
@media screen and (max-width: 37.5em) {
  .header-banner {
    padding: 0.375rem 0;
    font-size: 0.75rem;
  }
  .header-banner .header-banner-content {
    padding: 0 0.9375rem;
  }
}
@media screen and (max-width: 30rem) {
  .header-banner {
    font-size: 0.6875rem;
    padding: 0.3125rem 0;
  }
  .header-banner .header-banner-content {
    padding: 0 0.625rem;
  }
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
  grid-area: primary-menu;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  /* Navigation Search Styles */
}
@media screen and (min-width: 37.5em) {
  .main-navigation {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    z-index: 110;
  }
  .main-navigation #primary-menu {
    display: flex;
  }
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  margin-left: 2rem;
}
@media screen and (min-width: 37.5em) {
  .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    float: left;
    position: absolute;
    margin-left: 0;
    top: 100%;
    left: -999em;
    z-index: 99999;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 37.5em) {
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
@media screen and (min-width: 37.5em) {
  .main-navigation ul ul a {
    width: 15rem;
  }
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation li.catalog a::before {
  content: "\f02d";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation li.gift-guides a::before {
  content: "\f06b";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation li.sustainability a::before {
  content: "\f06c";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation li.story a::before {
  content: "\f518";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation li.blog a::before {
  content: "\f5ad";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 1rem;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #D2232A;
  font-weight: bold;
}
.main-navigation .shopping-cart-link::before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.main-navigation .nav-search {
  position: relative;
  margin: 0 1rem;
}
@media screen and (max-width: 37.5em) {
  .main-navigation .nav-search {
    order: -1; /* Move search before menu on mobile */
    margin-right: auto; /* Push it to the left */
    margin-left: 0;
  }
}
.main-navigation .nav-search .search-toggle {
  font-size: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  outline: none;
}
.main-navigation .nav-search .search-toggle::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.25rem;
  color: #000000;
}
.main-navigation .nav-search .search-toggle:hover::before {
  color: #A3836C;
}
.main-navigation .nav-search .search-toggle[aria-expanded=true]::before {
  content: "\f00d";
}
.main-navigation .nav-search .search-toggle[aria-expanded=true] + .search-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media screen and (max-width: 37.5em) {
  .main-navigation .nav-search .search-toggle[aria-expanded=true] + .search-container {
    transform: translateY(0);
  }
}
.main-navigation .nav-search .search-container {
  position: absolute;
  right: 0;
  top: 100%;
  width: 18rem;
  padding: 1rem;
  background-color: #FFFFFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
@media screen and (max-width: 37.5em) {
  .main-navigation .nav-search .search-container {
    position: fixed;
    top: 5.5rem;
    left: 0;
    right: 0;
    width: 100%;
    transform: translateY(-100%);
    border-radius: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.main-navigation .nav-search .search-container form {
  display: flex;
  width: 100%;
}
.main-navigation .nav-search .search-container form .search-field {
  flex: 1;
  width: 100%;
  min-width: 0; /* Prevent flexbox overflow */
  padding: 0.75rem;
  border: 1px solid #F3F3F3;
  border-radius: 0.1rem 0 0 0.1rem;
  box-sizing: border-box;
}
@media screen and (max-width: 37.5em) {
  .main-navigation .nav-search .search-container form .search-field {
    font-size: 16px; /* Prevent iOS zoom */
  }
}
.main-navigation .nav-search .search-container form .search-field:focus {
  outline: none;
  border-color: #A3836C;
}
.main-navigation .nav-search .search-container form .search-submit {
  flex-shrink: 0;
  background-color: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0 1rem;
  border-radius: 0 0.1rem 0.1rem 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}
.main-navigation .nav-search .search-container form .search-submit:hover {
  background-color: #876a55;
}

/* Small menu. */
.menu-toggle {
  font-size: 0;
  height: 3rem;
  width: 3rem;
  appearance: none;
  border-radius: 0;
  background-color: #F3F3F3;
  border: none;
  z-index: 110;
  margin-right: 1rem;
}
.menu-toggle::before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}

@media screen and (max-width: 37.5em) {
  .main-navigation.toggled #primary-menu {
    position: absolute;
    padding-top: 5.5rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: #FFFFFF;
    display: block;
  }
  .main-navigation.toggled #primary-menu ul {
    display: block;
  }
  .main-navigation.toggled #primary-menu ul li a {
    padding: 1rem;
    color: #000000;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.entry-footer {
  position: relative;
  background-color: #FFFFFF;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

@media screen and (min-width: 37.5em) {
  .wp-block-cover {
    padding: 3rem;
  }
  .wp-block-cover :where(.wp-block-columns.is-layout-flex) {
    gap: 4rem;
  }
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*
Theme Name: Hauskaa

WooCommerce styles override
*/
@font-face {
  font-family: "WooCommerce";
  src: url("../woff2/woocommerce.woff2") format("woff2"), url("../woff/woocommerce.woff") format("woff"), url("../ttf/woocommerce.ttf") format("truetype"), url("../svg/woocommerce.svg#WooCommerce") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none;
}
table.shop_table_responsive tbody th {
  display: none;
}
table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
}
table.shop_table_responsive tr td::before {
  content: attr(data-title) ": ";
  float: left;
}
table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
  display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
  display: none;
}
table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th {
    display: table-cell;
  }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left;
  }
  table.shop_table_responsive tr td {
    display: table-cell;
  }
  table.shop_table_responsive tr td::before {
    display: none;
  }
}
/**
 * Products
 */
.wp-block-woocommerce-product-collection .wc-block-product-template__responsive {
  margin: 0;
}
.wp-block-woocommerce-product-collection .product {
  background: #F3F3F3;
  padding: 1rem;
  font-size: 1em !important;
  border: none !important;
  flex-basis: 0 !important;
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
.wp-block-woocommerce-product-collection .product h3 {
  font-size: 1.2em !important;
  margin-bottom: 0 !important;
  text-decoration: none;
}
.wp-block-woocommerce-product-collection .product h3 a {
  text-decoration: none;
  color: #000000;
}
.wp-block-woocommerce-product-collection .product .wp-block-woocommerce-product-price {
  margin-bottom: 1rem;
}
.wp-block-woocommerce-product-collection .product .wp-block-woocommerce-product-price .woocommerce-Price-amount {
  font-size: 1.2rem !important;
  font-weight: 100;
}
.wp-block-woocommerce-product-collection .product .wp-block-woocommerce-product-price ins {
  color: #D2232A;
  font-weight: 500;
  background-color: transparent;
}
.wp-block-woocommerce-product-collection .product .wc-block-components-product-button {
  width: 100%;
}
.wp-block-woocommerce-product-collection .product .add_to_cart_button {
  margin: auto;
  margin-bottom: 1rem !important;
  width: calc(100% - 2rem);
  border-radius: 0.1rem;
  background-color: #000000;
  padding: 1rem;
  color: #FFFFFF;
  text-decoration: none;
}
.wp-block-woocommerce-product-collection .product .add_to_cart_button.product_type_simple span::before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.wp-block-woocommerce-product-collection .product .add_to_cart_button.product_type_variable span::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  margin-left: 0.5rem;
}

.wc-block-grid__products::after {
  content: "";
  flex: auto;
}

.products .product {
  background: #F3F3F3;
  padding: 1rem;
  font-size: 1em !important;
  border: none !important;
  flex-basis: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.products .woocommerce-LoopProduct-link {
  margin: 1rem 0;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #000000;
}
.products .woocommerce-LoopProduct-link img {
  width: 100%;
  height: 15rem !important;
  object-fit: contain;
}
.products .woocommerce-loop-product__title {
  font-size: 1.2em !important;
  margin-bottom: 0 !important;
  text-decoration: none;
}
.products .price {
  margin-bottom: 1rem;
}
.products .add_to_cart_button {
  margin: auto;
  margin-bottom: 1rem !important;
  width: calc(100% - 2rem);
  border-radius: 0.1rem;
  background-color: #000000;
  padding: 1rem;
  color: #FFFFFF;
  text-decoration: none;
}
.products .add_to_cart_button.product_type_simple span::before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.products .add_to_cart_button.product_type_variable span::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  margin-left: 0.5rem;
}

/**
 * Single product
 */
.single-product .woocommerce-breadcrumb {
  background: #F3F3F3;
  margin-top: 6.5rem;
  padding: 1rem 2rem;
  padding-top: 2rem;
}
.single-product .woocommerce-breadcrumb a {
  color: #000000;
}
@media screen and (min-width: 37.5em) {
  .single-product .woocommerce-breadcrumb {
    margin-top: 7rem;
    padding: 1rem clamp(2rem, (100% - 100rem + 4rem) / 2, 100%);
    padding-top: 2rem;
  }
}
.single-product #product-above-fold {
  background: #F3F3F3;
}
@media screen and (min-width: 37.5em) {
  .single-product #product-above-fold {
    display: flex;
    justify-content: center;
  }
}
.single-product #product-above-fold .product-above-fold-inner {
  display: flex;
  flex-direction: column-reverse;
  padding: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  max-width: 100rem;
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .single-product #product-above-fold .product-above-fold-inner {
    flex-direction: row;
  }
}
.single-product #product-above-fold .product_title {
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 1em;
}
.single-product #product-above-fold .product_subtitle {
  font-weight: normal;
  font-size: 1.5rem;
  margin-top: 0;
}
.single-product #product-above-fold .woocommerce-product-rating {
  display: flex;
  align-items: center;
  margin: 0.75rem 0 1.25rem;
}
.single-product #product-above-fold .woocommerce-product-rating .star-rating {
  margin-right: 0.5rem;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1.1em;
}
.single-product #product-above-fold .woocommerce-product-rating .star-rating::before {
  color: #a4a4a4;
  opacity: 1;
  line-height: 1.5;
}
.single-product #product-above-fold .woocommerce-product-rating .star-rating span::before {
  color: #D2232A;
  line-height: 1.5;
}
.single-product #product-above-fold .woocommerce-product-rating .woocommerce-review-link {
  font-size: 0.9rem;
  text-decoration: none;
  color: #3E3E3E;
  transition: color 0.2s ease;
  margin-top: 2px;
}
.single-product #product-above-fold .woocommerce-product-rating .woocommerce-review-link:hover {
  color: #D2232A;
  text-decoration: underline;
}
@media screen and (max-width: 37em) {
  .single-product #product-above-fold .woocommerce-product-rating .star-rating {
    font-size: 1em;
  }
  .single-product #product-above-fold .woocommerce-product-rating .woocommerce-review-link {
    font-size: 0.8rem;
  }
}
.single-product #product-above-fold .woocommerce-product-details__short-description span span {
  font-size: 1rem !important;
}
.single-product #product-above-fold .price {
  font-size: 1.8rem;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  font-weight: normal;
}
.single-product #product-above-fold .price ins {
  color: #D2232A;
  font-weight: 500;
  background-color: transparent;
}
.single-product #product-above-fold .product-customization-note {
  font-size: 1rem;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.5rem;
  display: inline-block;
}
.single-product #product-above-fold form.cart .variations {
  width: auto;
  border-radius: 0.1rem;
}
.single-product #product-above-fold form.cart .variations .label {
  padding: 0.5rem 1rem;
  padding-right: 3rem;
  padding-left: 0;
}
.single-product #product-above-fold form.cart .variations .value {
  padding: 0.5rem 1rem;
}
.single-product #product-above-fold form.cart .variations .value select {
  padding: 0.5rem;
  margin-right: 1rem;
  border-radius: 0.1rem;
}
.single-product #product-above-fold form.cart .variations .value .reset_variations {
  text-decoration: none;
  color: #D2232A;
  border: #D2232A 1px solid;
  border-radius: 0.1rem;
}
.single-product #product-above-fold .product-details-area {
  margin-top: 2rem;
}
.single-product #product-above-fold .product-details-table {
  background-color: #FFFFFF;
  text-align: left;
  max-width: 35rem;
}
.single-product #product-above-fold .product-details-table th, .single-product #product-above-fold .product-details-table td {
  padding: 0.75rem;
  vertical-align: top;
}
.single-product #product-above-fold .product-details-table .small-text {
  font-size: 0.8rem;
  font-weight: normal;
}
.single-product #product-above-fold .product-details-table .metric-measurements {
  font-size: 0.8rem;
  color: #333;
}
.single-product #product-above-fold .product-details-table table {
  border-collapse: collapse;
  margin-bottom: 0;
}
.single-product #product-above-fold .product-details-table table th {
  padding: 0;
  vertical-align: middle;
}
.single-product #product-above-fold .product-details-table table td {
  padding: 0.5rem;
  margin: 0;
  border: 1px solid #CCC;
  vertical-align: middle;
  text-align: center;
}
.single-product #product-above-fold .product_meta {
  font-weight: bold;
  display: none;
}
.single-product #product-above-fold .product_meta > span {
  display: block;
}
.single-product #product-above-fold .product_meta > span .sku {
  font-weight: normal;
}
.single-product #product-above-fold .product_meta > span a {
  font-weight: normal;
}
.single-product #product-above-fold .product-images {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 37.5em) {
  .single-product #product-above-fold .product-images {
    width: 50%;
  }
}
.single-product #product-above-fold .product-images .onsale {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #D2232A;
  color: #FFFFFF;
  border-radius: 0.1rem;
  border: none;
  z-index: 10;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 1rem;
}
.single-product #product-above-fold .product-images img {
  width: 100%;
  height: auto;
}
.single-product #product-above-fold .product-images .woocommerce-product-gallery {
  width: 100%;
}
.single-product #product-above-fold .product-images .woocommerce-product-gallery .flex-control-nav {
  width: 100%;
  display: flex;
  justify-content: center;
}
.single-product #product-above-fold .product-images .woocommerce-product-gallery .flex-control-nav li {
  width: auto;
  margin: 0.25rem;
  background: #FFFFFF;
}
.single-product #product-above-fold .product-images .woocommerce-product-gallery .flex-control-nav li img {
  display: block;
}
.single-product #product-above-fold .product-images .woocommerce-product-gallery .zoomImg {
  background-color: #FFFFFF;
}
@media screen and (min-width: 37.5em) {
  .single-product #product-above-fold .entry-summary {
    width: 50%;
    padding-right: 2rem;
  }
}
.single-product #product-above-fold .variations th {
  text-align: left;
}
.single-product #product-above-fold .variations .reset_variations {
  padding: 0.5rem;
}
.single-product #product-above-fold .single_add_to_cart_button {
  background: #000000;
  color: #FFFFFF;
  appearance: none;
  padding: 1rem 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.single-product #product-above-fold .single_add_to_cart_button::before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  margin-right: 1rem;
}
.single-product .wc-tabs-wrapper {
  padding: 2rem;
}
.single-product .wc-tabs-wrapper .wc-tabs {
  display: flex;
  border-bottom: 1px solid #F3F3F3;
}
.single-product .wc-tabs-wrapper .wc-tabs li {
  margin-right: 0.5rem;
}
.single-product .wc-tabs-wrapper .wc-tabs li a {
  padding: 1rem;
  border: #F3F3F3 1px solid;
  border-bottom: none;
  color: #000000;
}
.single-product .wc-tabs-wrapper .wc-tabs li.active a {
  background: #F3F3F3;
  text-decoration: none;
  font-weight: bold;
}
.single-product .related.products, .single-product .upsells.products {
  padding: 2rem;
}
.single-product .product-type-variable #product-above-fold .price {
  font-size: 1.2rem;
  font-weight: 100;
}
.single-product .product-type-variable #product-above-fold .woocommerce-variation-price .price {
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 1rem;
}
.single-product #tab-description p:first-of-type {
  margin-top: 0;
}
.single-product #tab-description p.has-medium-font-size {
  font-size: 1.5rem !important;
  font-weight: 200;
}
.single-product #tab-description p {
  max-width: 70rem;
}
.single-product #tab-description #h-featured-photos {
  margin-bottom: 0;
}
.single-product #tab-description #h-product-highlights {
  margin-bottom: 0;
}
.single-product #tab-description #h-inspiration {
  margin-bottom: 0;
}

/**
 * Reviews
 */
/**
 * WooCommerce Product Reviews
 */
#reviews {
  margin-top: 2rem;
}
#reviews .woocommerce-Reviews-title {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
#reviews .star-rating {
  margin-bottom: 0.5rem;
  height: 1.5em;
  line-height: 1.5;
}
#reviews .star-rating::before {
  color: #a4a4a4;
  opacity: 1;
  line-height: 1.5;
}
#reviews .star-rating span::before {
  color: #D2232A;
  line-height: 1.5;
}
#reviews p.stars a::before {
  color: #3E3E3E;
}
#reviews p.stars a:hover ~ a::before {
  color: #3E3E3E;
}
#reviews p.stars:hover a::before {
  color: #D2232A;
}
#reviews p.stars.selected a.active::before,
#reviews p.stars.selected a:not(.active)::before {
  color: #D2232A;
}
#reviews p.stars.selected a.active ~ a::before {
  color: #3E3E3E;
  opacity: 0.25;
}
#reviews .commentlist {
  padding: 0;
  list-style: none;
}
#reviews .commentlist li {
  border-bottom: 1px solid #F3F3F3;
  padding: 1.5rem 0;
}
#reviews .commentlist li:last-child {
  border-bottom: none;
}
#reviews .commentlist li .comment_container {
  display: flex;
}
#reviews .commentlist li .comment_container img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 1.5rem;
  border: 2px solid #EFE6DB;
}
#reviews .commentlist li .comment_container .comment-text {
  flex: 1;
}
#reviews .commentlist li .comment_container .comment-text .meta {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
#reviews .commentlist li .comment_container .comment-text .meta .woocommerce-review__author {
  font-weight: bold;
  font-size: 1.1rem;
  color: #3E3E3E;
  margin-right: 0.75rem;
}
#reviews .commentlist li .comment_container .comment-text .meta .woocommerce-review__dash {
  display: none;
}
#reviews .commentlist li .comment_container .comment-text .meta .woocommerce-review__published-date {
  font-size: 0.9rem;
  color: #717171;
}
#reviews .commentlist li .comment_container .comment-text .description p {
  margin-top: 0;
  line-height: 1.6;
}
#reviews #review_form_wrapper {
  margin-top: 2rem;
  padding: 2rem;
  background: #F3F3F3;
  border-radius: 6px;
}
#reviews #review_form_wrapper .comment-reply-title {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  display: block;
}
#reviews #review_form_wrapper .comment-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
#reviews #review_form_wrapper .comment-form .comment-form-rating {
  margin-bottom: 1.5rem;
}
#reviews #review_form_wrapper .comment-form .comment-form-rating label {
  margin-bottom: 0.75rem;
}
#reviews #review_form_wrapper .comment-form .comment-form-comment {
  margin-bottom: 1.5rem;
}
#reviews #review_form_wrapper .comment-form .comment-form-comment textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #dadada;
  border-radius: 4px;
}
#reviews #review_form_wrapper .comment-form .comment-form-comment textarea:focus {
  outline: none;
  border-color: #A3836C;
}
#reviews #review_form_wrapper .comment-form .comment-form-author,
#reviews #review_form_wrapper .comment-form .comment-form-email {
  margin-bottom: 1.5rem;
}
#reviews #review_form_wrapper .comment-form .comment-form-author input,
#reviews #review_form_wrapper .comment-form .comment-form-email input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #dadada;
  border-radius: 4px;
}
#reviews #review_form_wrapper .comment-form .comment-form-author input:focus,
#reviews #review_form_wrapper .comment-form .comment-form-email input:focus {
  outline: none;
  border-color: #A3836C;
}
#reviews #review_form_wrapper .comment-form .form-submit input[type=submit] {
  background: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
#reviews #review_form_wrapper .comment-form .form-submit input[type=submit]:hover {
  background: #876a55;
}
#reviews .woocommerce-noreviews {
  background: #F3F3F3;
  color: #3E3E3E;
  padding: 1rem 1.5rem;
  border-radius: 4px;
  border-left: 4px solid #768F84;
}
@media screen and (min-width: 37.5em) {
  #reviews .commentlist li .comment_container img {
    width: 80px;
    height: 80px;
  }
  #reviews #review_form_wrapper .comment-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
  #reviews #review_form_wrapper .comment-form .comment-form-rating,
  #reviews #review_form_wrapper .comment-form .comment-form-comment,
  #reviews #review_form_wrapper .comment-form .comment-reply-title,
  #reviews #review_form_wrapper .comment-form .form-submit {
    grid-column: 1/-1;
  }
}

/**
 * Checkout
 */
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
  background-color: #000000;
  color: #FFFFFF;
}
.wc-block-cart__submit-button:visited, .wc-block-components-checkout-place-order-button:visited {
  color: #FFFFFF;
}

.wc-block-components-checkout-return-to-cart-button {
  color: #000000;
}
.wc-block-components-checkout-return-to-cart-button:visited {
  color: #000000;
}

.wc-block-cart-items__row .wc-block-components-product-name {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon {
  font-size: 2rem;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  content: "\e0dd" !important;
  mask-image: none !important;
  background-color: transparent !important;
  margin: 0 auto !important;
  font-family: "Font Awesome 6 Pro";
  height: auto !important;
  font-size: 5rem;
  color: #000000;
}

.wp-block-separator.is-style-dots {
  font-size: 2rem;
}

.woocommerce-table--order-details {
  text-align: left;
  border-collapse: collapse;
}

.woocommerce-table--order-details thead {
  text-align: left;
  background-color: #EEE;
  padding: 1rem;
}

.woocommerce-table--order-details td, .woocommerce-table--order-details th {
  padding: 0.5rem 1rem;
  border: 1px solid #CCC;
}

.woocommerce-customer-details .woocommerce-columns {
  display: flex;
}

.woocommerce-customer-details .woocommerce-columns .woocommerce-column {
  margin-right: 5rem;
}

/**
 * General WooCommerce components
 */
.wc-block-grid__products {
  margin: 0 !important;
  gap: 1rem;
  justify-content: space-between;
}

@media screen and (min-width: 37.5em) {
  .wc-block-grid.has-2-columns .wc-block-grid__product {
    flex: 1 0 calc(50% - 0.75rem) !important;
    max-width: calc(50% - 0.75rem) !important;
    box-sizing: border-box;
  }
  .wc-block-grid.has-3-columns .wc-block-grid__product {
    flex: 1 0 calc(33.3333333333% - 0.75rem) !important;
    max-width: calc(33.3333333333% - 0.75rem) !important;
    box-sizing: border-box;
  }
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 calc(25% - 0.75rem) !important;
    max-width: calc(25% - 0.75rem) !important;
    box-sizing: border-box;
  }
  .wc-block-grid.has-5-columns .wc-block-grid__product {
    flex: 1 0 calc(20% - 1rem) !important;
    max-width: calc(20% - 1rem) !important;
    box-sizing: border-box;
  }
  .wc-block-grid.has-6-columns .wc-block-grid__product {
    flex: 1 0 calc(16.6666666667% - 1rem) !important;
    max-width: calc(16.6666666667% - 1rem) !important;
    box-sizing: border-box;
  }
}
.wc-block-grid__product {
  background: #F3F3F3;
  padding-bottom: 1rem !important;
  font-size: 1em !important;
  border: none !important;
}
.wc-block-grid__product .wc-block-grid__product-link {
  text-decoration: none;
  color: #000000;
  position: static !important;
}
.wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-onsale {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #D2232A;
  color: #FFFFFF;
  padding: 0.5rem;
  border-radius: 0.1rem;
  border: none;
}
.wc-block-grid__product .wc-block-components-product-image, .wc-block-grid__product .wc-block-grid__product-image {
  margin: 1rem 0;
  width: 100%;
  position: static !important;
}
.wc-block-grid__product .wc-block-components-product-image a, .wc-block-grid__product .wc-block-grid__product-image a {
  width: 100%;
  display: block;
}
.wc-block-grid__product .wc-block-components-product-image img, .wc-block-grid__product .wc-block-grid__product-image img {
  width: 100%;
  height: 15rem !important;
  object-fit: contain;
}
.wc-block-grid__product .wc-block-components-product-image .wc-block-grid__product-onsale, .wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-onsale {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #D2232A;
  color: #FFFFFF;
  padding: 0.5rem;
  border-radius: 0.1rem;
  border: none;
}
.wc-block-grid__product .wc-block-components-product-title, .wc-block-grid__product .wc-block-grid__product-title {
  font-size: 1.2em !important;
  margin-bottom: 0.5rem !important;
}
.wc-block-grid__product .wc-block-components-product-title .wc-block-components-product-name, .wc-block-grid__product .wc-block-grid__product-title .wc-block-components-product-name {
  text-decoration: none;
}
.wc-block-grid__product .wp-block-woocommerce-product-price, .wc-block-grid__product .wc-block-grid__product-price {
  margin-bottom: 2rem !important;
  font-size: 1.2rem;
  font-weight: 100;
}
.wc-block-grid__product .wp-block-woocommerce-product-price ins, .wc-block-grid__product .wc-block-grid__product-price ins {
  color: #D2232A;
  font-weight: 500;
  background-color: transparent;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
  margin-bottom: 0rem !important;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link {
  width: calc(100% - 2rem);
  border-radius: 0.1rem;
  background-color: #000000;
  color: #FFFFFF;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link::before {
  content: "\f07a";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added::before {
  content: "";
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added::after {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Pro" !important;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.product_type_variable::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  margin-left: 0.5rem;
}

.wc-block-grid.set-grid .wc-block-grid__product-link {
  display: block;
}
.wc-block-grid.set-grid .wc-block-components-product-image, .wc-block-grid.set-grid .wc-block-grid__product-image {
  width: 100%;
  display: block !important;
}
.wc-block-grid.set-grid .wc-block-components-product-image img, .wc-block-grid.set-grid .wc-block-grid__product-image img {
  height: 25rem !important;
  width: 100%;
  object-fit: cover;
  display: block;
}

.wc-block-components-product-button a {
  background-color: #000000;
  border-radius: 0.1rem;
  color: #FFFFFF !important;
}

.woocommerce-notices-wrapper .woocommerce-message {
  background-color: #768F84;
  padding: 1rem;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
  color: #FFFFFF;
  background: #000000;
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  margin: 0 2rem;
  border-radius: 0.1rem;
}

/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
  margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
  float: left;
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  cursor: ew-resize;
  outline: none;
  background: #4169e1;
  box-sizing: border-box;
  margin-top: -0.25em;
  opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background: #4169e1;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
  height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  height: 100%;
}

/**
 * WooCommerce search results
 */
/* WooCommerce Search Results Styling */
.woocommerce-page.search-results, .woocommerce-page.search-no-results {
  /* Fixed site header wrapper */
  /* Make the main content full width since we've removed sidebar */
  /* Minimal styling for products to maintain default WooCommerce appearance */
  /* Fix pagination display */
  /* Fix for pagination placement */
}
.woocommerce-page.search-results .site-main-header-wrapper, .woocommerce-page.search-no-results .site-main-header-wrapper {
  width: 100%;
  background-color: #F3F3F3;
  padding-top: 7.5rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 37.5em) {
  .woocommerce-page.search-results .site-main-header-wrapper, .woocommerce-page.search-no-results .site-main-header-wrapper {
    padding-top: 9rem;
  }
}
.woocommerce-page.search-results .woocommerce-products-header,
.woocommerce-page.search-results .products,
.woocommerce-page.search-results .woocommerce-pagination,
.woocommerce-page.search-results .woocommerce-result-count,
.woocommerce-page.search-results .woocommerce-ordering,
.woocommerce-page.search-results .woocommerce-notices-wrapper, .woocommerce-page.search-no-results .woocommerce-products-header,
.woocommerce-page.search-no-results .products,
.woocommerce-page.search-no-results .woocommerce-pagination,
.woocommerce-page.search-no-results .woocommerce-result-count,
.woocommerce-page.search-no-results .woocommerce-ordering,
.woocommerce-page.search-no-results .woocommerce-notices-wrapper {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.woocommerce-page.search-results .woocommerce-products-header, .woocommerce-page.search-no-results .woocommerce-products-header {
  text-align: center;
  margin-bottom: 0;
}
.woocommerce-page.search-results .woocommerce-products-header .woocommerce-products-header__title, .woocommerce-page.search-no-results .woocommerce-products-header .woocommerce-products-header__title {
  font-size: 2.5rem;
  color: #000000;
  margin-bottom: 1.5rem;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 37.5em) {
  .woocommerce-page.search-results .woocommerce-products-header .woocommerce-products-header__title, .woocommerce-page.search-no-results .woocommerce-products-header .woocommerce-products-header__title {
    font-size: 3rem;
  }
}
.woocommerce-page.search-results .woocommerce-products-header .woocommerce-products-header__title span, .woocommerce-page.search-no-results .woocommerce-products-header .woocommerce-products-header__title span {
  color: #A3836C;
  font-weight: 500;
}
.woocommerce-page.search-results .woocommerce-products-header .woocommerce-products-header__title:after, .woocommerce-page.search-no-results .woocommerce-products-header .woocommerce-products-header__title:after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background-color: #A3836C;
  margin: 1rem auto 0;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container {
  max-width: 40rem;
  margin: 2rem auto 0;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container .search-description, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container .search-description {
  margin-bottom: 1rem;
  color: #3E3E3E;
  font-size: 1rem;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container form, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container form {
  display: flex;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container form .search-field, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container form .search-field {
  flex-grow: 1;
  padding: 0.8rem;
  border: 1px solid #EFE6DB;
  border-radius: 0.1rem 0 0 0.1rem;
  font-size: 1rem;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container form .search-field:focus, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container form .search-field:focus {
  outline: none;
  border-color: #A3836C;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container form .search-submit, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container form .search-submit {
  background-color: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0 1.5rem;
  border-radius: 0 0.1rem 0.1rem 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.woocommerce-page.search-results .woocommerce-products-header .search-form-container form .search-submit:hover, .woocommerce-page.search-no-results .woocommerce-products-header .search-form-container form .search-submit:hover {
  background-color: #876a55;
}
.woocommerce-page.search-results .woocommerce-product-loop-wrapper, .woocommerce-page.search-no-results .woocommerce-product-loop-wrapper {
  margin-top: 2rem;
}
.woocommerce-page.search-results .woocommerce-result-count,
.woocommerce-page.search-results .woocommerce-ordering, .woocommerce-page.search-no-results .woocommerce-result-count,
.woocommerce-page.search-no-results .woocommerce-ordering {
  margin-bottom: 2rem;
}
.woocommerce-page.search-results ul.products, .woocommerce-page.search-no-results ul.products {
  max-width: 100rem;
  margin: 0 auto;
  overflow: hidden; /* Ensure floats are contained */
  /* Clearfix for products list */
}
.woocommerce-page.search-results ul.products::after, .woocommerce-page.search-no-results ul.products::after {
  content: "";
  display: table;
  clear: both;
}
.woocommerce-page.search-results ul.products li.product .product-excerpt, .woocommerce-page.search-no-results ul.products li.product .product-excerpt {
  color: #3E3E3E;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.woocommerce-page.search-results ul.products li.product .product-excerpt p, .woocommerce-page.search-no-results ul.products li.product .product-excerpt p {
  margin-bottom: 0;
}
.woocommerce-page.search-results .woocommerce-pagination, .woocommerce-page.search-no-results .woocommerce-pagination {
  clear: both;
  margin: 3rem auto;
  text-align: center;
  width: 100%;
  display: block;
  float: none;
  /* Ensure proper clearfix after pagination */
}
.woocommerce-page.search-results .woocommerce-pagination ul.page-numbers, .woocommerce-page.search-no-results .woocommerce-pagination ul.page-numbers {
  border: none;
  display: inline-block;
}
.woocommerce-page.search-results .woocommerce-pagination ul.page-numbers li, .woocommerce-page.search-no-results .woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  margin: 0 0.2rem;
}
.woocommerce-page.search-results .woocommerce-pagination ul.page-numbers li .page-numbers, .woocommerce-page.search-no-results .woocommerce-pagination ul.page-numbers li .page-numbers {
  padding: 0.5rem 0.8rem;
  min-width: 2.5rem;
  text-align: center;
}
.woocommerce-page.search-results .woocommerce-pagination ul.page-numbers li .page-numbers.next, .woocommerce-page.search-results .woocommerce-pagination ul.page-numbers li .page-numbers.prev, .woocommerce-page.search-no-results .woocommerce-pagination ul.page-numbers li .page-numbers.next, .woocommerce-page.search-no-results .woocommerce-pagination ul.page-numbers li .page-numbers.prev {
  font-size: 1rem;
}
.woocommerce-page.search-results .woocommerce-pagination::after, .woocommerce-page.search-no-results .woocommerce-pagination::after {
  content: "";
  display: table;
  clear: both;
}
.woocommerce-page.search-results .woocommerce-product-loop-wrapper, .woocommerce-page.search-no-results .woocommerce-product-loop-wrapper {
  clear: both;
  overflow: hidden;
}
.woocommerce-page.search-results .woocommerce-info, .woocommerce-page.search-no-results .woocommerce-info {
  border-top-color: #A3836C;
}
.woocommerce-page.search-results .woocommerce-info::before, .woocommerce-page.search-no-results .woocommerce-info::before {
  color: #A3836C;
}

/* Clean minimal no products found styling */
.woocommerce .woocommerce-no-products-found,
.woocommerce-page .woocommerce-no-products-found {
  text-align: center;
  padding: 3rem 1rem;
  background-color: transparent;
  margin: 2rem auto;
  max-width: 60rem;
  /* CSS Fallback Icon */
}
.woocommerce .woocommerce-no-products-found .no-results-icon,
.woocommerce-page .woocommerce-no-products-found .no-results-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 1.5rem;
  opacity: 0.4;
}
.woocommerce .woocommerce-no-products-found .no-results-icon-fallback,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 1.5rem;
  border: 2px solid rgba(62, 62, 62, 0.4);
  border-radius: 50%;
  position: relative;
  opacity: 0.5;
  /* Magnifying glass handle */
  /* Plus sign */
}
.woocommerce .woocommerce-no-products-found .no-results-icon-fallback::before, .woocommerce .woocommerce-no-products-found .no-results-icon-fallback::after,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback::before,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback::after {
  content: "";
  position: absolute;
  background-color: rgba(62, 62, 62, 0.4);
}
.woocommerce .woocommerce-no-products-found .no-results-icon-fallback::before,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback::before {
  width: 2px;
  height: 20px;
  bottom: -12px;
  right: 5px;
  transform: rotate(-45deg);
}
.woocommerce .woocommerce-no-products-found .no-results-icon-fallback::after,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback::after {
  width: 24px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.woocommerce .woocommerce-no-products-found .no-results-icon-fallback span,
.woocommerce-page .woocommerce-no-products-found .no-results-icon-fallback span {
  position: absolute;
  width: 2px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(62, 62, 62, 0.4);
}
.woocommerce .woocommerce-no-products-found .no-results-title,
.woocommerce-page .woocommerce-no-products-found .no-results-title {
  font-size: 1.8rem;
  color: #000000;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.woocommerce .woocommerce-no-products-found .woocommerce-info,
.woocommerce-page .woocommerce-no-products-found .woocommerce-info {
  background-color: transparent;
  padding: 0.5rem 0;
  border: none;
  font-size: 1.1rem;
  color: #3E3E3E;
  margin-bottom: 1.5rem;
}
.woocommerce .woocommerce-no-products-found .woocommerce-info::before,
.woocommerce-page .woocommerce-no-products-found .woocommerce-info::before {
  display: none;
}
.woocommerce .woocommerce-no-products-found .search-suggestions,
.woocommerce-page .woocommerce-no-products-found .search-suggestions {
  margin: 1.5rem auto;
  max-width: 30rem;
}
.woocommerce .woocommerce-no-products-found .search-suggestions p,
.woocommerce-page .woocommerce-no-products-found .search-suggestions p {
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #3E3E3E;
}
.woocommerce .woocommerce-no-products-found .search-suggestions ul,
.woocommerce-page .woocommerce-no-products-found .search-suggestions ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0.75rem auto;
  padding: 0;
}
.woocommerce .woocommerce-no-products-found .search-suggestions ul li,
.woocommerce-page .woocommerce-no-products-found .search-suggestions ul li {
  margin: 0;
  color: #3E3E3E;
  background-color: rgba(243, 243, 243, 0.6);
  padding: 0.3rem 0.75rem;
  border-radius: 2rem;
  font-size: 0.9rem;
}
.woocommerce .woocommerce-no-products-found .try-new-search,
.woocommerce-page .woocommerce-no-products-found .try-new-search {
  max-width: 35rem;
  margin: 2rem auto;
}
.woocommerce .woocommerce-no-products-found .try-new-search p,
.woocommerce-page .woocommerce-no-products-found .try-new-search p {
  font-weight: 500;
  margin-bottom: 0.8rem;
  color: #3E3E3E;
}
.woocommerce .woocommerce-no-products-found .try-new-search form,
.woocommerce-page .woocommerce-no-products-found .try-new-search form {
  display: flex;
}
.woocommerce .woocommerce-no-products-found .try-new-search form .search-field,
.woocommerce-page .woocommerce-no-products-found .try-new-search form .search-field {
  flex-grow: 1;
  padding: 0.8rem;
  border: 1px solid #EFE6DB;
  border-radius: 0.1rem 0 0 0.1rem;
  font-size: 1rem;
  background-color: rgba(243, 243, 243, 0.4);
}
.woocommerce .woocommerce-no-products-found .try-new-search form .search-field:focus,
.woocommerce-page .woocommerce-no-products-found .try-new-search form .search-field:focus {
  outline: none;
  border-color: #A3836C;
  background-color: #FFFFFF;
}
.woocommerce .woocommerce-no-products-found .try-new-search form .search-submit,
.woocommerce-page .woocommerce-no-products-found .try-new-search form .search-submit {
  background-color: #A3836C;
  color: #FFFFFF;
  border: none;
  padding: 0 1.5rem;
  border-radius: 0 0.1rem 0.1rem 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.woocommerce .woocommerce-no-products-found .try-new-search form .search-submit:hover,
.woocommerce-page .woocommerce-no-products-found .try-new-search form .search-submit:hover {
  background-color: #876a55;
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions {
  margin-top: 3rem;
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions h3,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions h3 {
  font-size: 1.3rem;
  color: #000000;
  margin-bottom: 1.5rem;
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions ul,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 37.5em) {
  .woocommerce .woocommerce-no-products-found .product-categories-suggestions ul,
  .woocommerce-page .woocommerce-no-products-found .product-categories-suggestions ul {
    gap: 1rem;
  }
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions ul li,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions ul li {
  margin: 0;
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions ul li a,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions ul li a {
  display: block;
  padding: 0.5rem 1rem;
  background-color: rgba(243, 243, 243, 0.6);
  color: #3E3E3E;
  border-radius: 2rem;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.woocommerce .woocommerce-no-products-found .product-categories-suggestions ul li a:hover,
.woocommerce-page .woocommerce-no-products-found .product-categories-suggestions ul li a:hover {
  background-color: #A3836C;
  color: #FFFFFF;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(239, 230, 219, 0.5);
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions h3,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions h3 {
  font-size: 1.3rem;
  color: #000000;
  margin-bottom: 2rem;
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
  .woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products,
  .woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  text-align: center;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a {
  text-decoration: none;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a img,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a img {
  margin: 0 auto 1rem;
  max-width: 100%;
  height: auto;
  border-radius: 0.1rem;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a h4,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a h4 {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a h4:hover,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a h4:hover {
  color: #A3836C;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price {
  color: #A3836C;
  font-weight: 500;
  font-size: 0.9rem;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price del,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price del {
  color: #3E3E3E;
  font-weight: normal;
  margin-right: 0.5rem;
}
.woocommerce .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price ins,
.woocommerce-page .woocommerce-no-products-found .featured-products-suggestions ul.products li.product a .price ins {
  text-decoration: none;
}

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

#mp_form_popup1 .mailpoet_paragraph {
  margin-bottom: 0rem !important;
}

/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*# sourceMappingURL=style.css.map */