/*!
Theme Name: JomilCustom
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jomilcustom
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.

JomilCustom 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/
*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
code,
kbd,
pre,
samp {
  font-size: 1em;
}
button,
hr,
input {
  overflow: visible;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
  box-sizing: border-box;
  padding: 0;
}
table,
textarea {
  width: 100%;
}
body,
pre,
textarea {
  overflow: auto;
}
.main-navigation a,
a,
ins,
mark,
p {
  text-decoration: none;
}
.widget select,
.wp-caption,
embed,
iframe,
img,
legend,
object,
pre {
  max-width: 100%;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}
.bypostauthor,
.gallery-caption,
.infinity-end.neverending .site-footer,
.main-navigation.toggled ul,
.menu-toggle,
.page-template-tpl_christmas main#main section.banners img,
.sticky,
.woocommerce.single-product div.product span.sku_wrapper,
details,
main {
  display: block;
}
hr {
  box-sizing: content-box;
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
a {
  background-color: transparent;
  cursor: pointer;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  height: auto;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  color: inherit;
  display: table;
  white-space: normal;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
h1,
h2 {
  line-height: 1em;
}
summary {
  display: list-item;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer,
.mobile-menu,
.page-template-tpl_landingpage nav#site-navigation,
.updated:not(.published),
.woocommerce .shopswatchinput,
.woocommerce-account article .entry-content h1,
.woocommerce-account aside#secondary,
.woocommerce-cart aside#secondary,
.woocommerce-checkout aside#secondary,
.woocommerce.single-product aside#secondary,
[hidden],
a.post-edit-link,
div#mobile-menu,
footer#colophon #gform_wrapper_105 label.gfield_label,
header#masthead small.tax_label,
template {
  display: none;
}
*,
::after,
::before {
  box-sizing: inherit;
}
body,
button,
input,
optgroup,
select,
textarea {
  color: #404040;
  font-size: 1rem;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
cite,
dfn,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation,
.widget,
address {
  margin: 0 0 1.5em;
}
*,
h1 {
  margin: 0;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  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;
}
ins,
mark {
  background: #fff9c0;
}
big {
  font-size: 125%;
}
ol,
ul {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ol,
li > ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  border-collapse: collapse;
}
a,
a:visited,
footer#colophon a:hover {
  color: #464646;
  transition: 0.3s;
}
a:active,
a:focus,
a:hover {
  color: #6b35c7;
  transition: 0.3s;
  outline: 0;
}
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="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 8px;
  height: 48px;
}
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
.main-navigation,
.page-template-tpl_christmas main#main section.categories .grid .category img,
.page-template-tpl_christmas main#main section.newproducts .products img {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li:hover > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li.focus > ul,
.main-navigation ul li:hover > ul {
  left: auto;
}
.main-navigation li,
.page-template-tpl_christmas main#main section.newproducts .products,
.woocommerce-page section.up-sells.upsells.products {
  position: relative;
}
div.customer-menu,
header#masthead {
  position: fixed;
  max-width: 1800px;
  z-index: 998;
  width: 100%;
}
.main-navigation a {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.comment-content a {
  word-wrap: break-word;
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.page-template-tpl_landingpage
  section.account-form
  .form
  .gform_wrapper
  .gf_page_steps,
.page-template-tpl_landingpage
  section.account-form
  .gform_wrapper
  .gform_footer,
.page-template-tpl_landingpage
  section.account-form
  .gform_wrapper
  .gform_page_footer,
.page-template-tpl_landingpage section.account-form h3.gsection_title,
.wp-caption-text {
  text-align: center;
}
.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);
}
.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;
}
.aligncenter,
.alignleft,
.alignright {
  margin-bottom: 1.5em;
}
.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;
}
#primary[tabindex="-1"]:focus {
  outline: 0;
}
.alignleft {
  float: left;
  margin-right: 1.5em;
}
.alignright {
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
* {
  padding: 0;
}
html #page {
  max-width: 1800px;
  margin: auto;
}
body {
  background: #ffffff;
  margin: auto;
  padding: 0;
  overflow-x: hidden;
  max-width: 1800px;
}
p {
  font-size: 1em;
  line-height: 1.5em;
  color: #161616;
  margin-bottom: 15px;
}
header#masthead a.cart-custom span.woocommerce-Price-amount.amount,
li strong,
p strong,
strong {
  font-weight: 700;
}
a button span,
a button.highlight span,
a:hover button span,
a:hover button.highlight span,
button:hover,
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
}
h1 {
  font-size: 2rem;
}
h2 {
  margin: 0 0 5px;
  font-size: 2em;
}
li {
  list-style-type: none;
}
main#primary {
  margin-top: 155px;
  padding: 70px 5% 30px;
  background: #fff;
}
span.belowtext {
  text-transform: capitalize;
  line-height: 1.25em;
  margin: 8px 0 15px !important;
  display: block;
}
div.swatchinput {
  vertical-align: top;
}
.gform_page_footer input[type="submit"],
.woocommerce-account article button.woocommerce-Button.button,
button,
input#gform_submit_button_1 {
  background: #6b35c7;
  border: 0;
  padding: 12px 42px;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.5s;
}
.home *,
section.about-us .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
a button,
button:hover {
  border: 0;
  cursor: pointer;
  transition: 0.5s;
  padding: 12px 42px;
}
section.new-products .product .text h4,
section.top .text h4 {
  line-height: 1em;
  text-transform: uppercase;
}
button:hover {
  background: #d2377c;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
}
a button {
  background: #6b35c7;
  border-radius: 8px;
}
a button span {
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.5s;
}
a:hover button {
  background: #d2377c;
  border: 0;
  padding: 12px 42px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.5s;
}
a button.highlight,
a:hover button.highlight {
  padding: 10px 21px;
  transition: 0.5s;
  cursor: pointer;
}
a:hover button span {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.5s;
}
.gform_page_footer input[type="submit"]:hover,
a button.pink,
input#gform_submit_button_1:hover {
  background: #d2377c;
  transition: 0.5s;
}
a:hover button.pink {
  background: #6b35c7;
  transition: 0.5s;
}
a button.highlight {
  background: #fff;
  border: 3px solid #d2377c;
  border-radius: 8px;
}
a button.highlight span {
  color: #d2377c;
  cursor: pointer;
  transition: 0.5s;
}
a:hover button.highlight {
  background: #d2377c;
  border: 3px solid #d2377c;
  border-radius: 8px;
}
a:hover button.highlight span {
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
}
div.customer-menu {
  top: 0;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background: #f2f2f2;
  height: 30px;
  padding: 5px 5%;
}
div.customer-menu a {
  display: flex;
  flex-direction: row;
  align-items: inherit;
  margin-left: 25px;
}
body.logged-in div.customer-menu a:last-child {
  display: none !important;
}
div.customer-menu a img,
header#masthead a.cart-custom img {
  margin-right: 5px;
}
div.customer-menu a p {
  padding: 0;
  margin: 0;
  color: #464646;
  transition: 0.3s;
}
div.customer-menu a:hover p {
  color: #a46497;
  transition: 0.3s;
}
header#masthead {
  top: 30px;
  background: #fff;
  margin: auto;
}
header#masthead .site-branding {
  margin-right: 40px;
}
header#masthead .top-search {
  width: 100%;
  height: 90px;
  background: #fff;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}
header#masthead a.cart-custom {
  padding: 9px 24px;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: auto;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #464646;
  cursor: pointer;
  transition: 0.5s;
}
header#masthead a.cart-custom:hover {
  background: #f2f2f2;
  cursor: pointer;
  color: #b06d87;
  transition: 0.5s;
}
header#masthead nav {
  width: 100%;
  background: #f2f2f2;
  padding: 8px 16px;
}
@media screen and (min-width: 1280px) {
  header#masthead nav {
    padding: 8px 32px;
  }
}
header#masthead nav .menu-categories-menu-container ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.9em;
}
header#masthead .site-branding img.custom-logo {
  width: 100px;
}
header#masthead .search-bar {
  width: calc(100% - 530px);
}
.aws-search-result .aws_result_title {
  display: block;
  font-weight: 400;
  margin-bottom: 3px;
  color: #d2377c;
}
header#masthead .aws-container .aws-search-field {
  padding: 5px 18px;
  font-size: 1em;
  border-radius: 5px !important;
}
header#masthead .aws-search-btn.aws-form-btn {
  background: #b06d87 !important;
  border-radius: 8px !important;
  border: 0 !important;
  width: 100px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center;
  margin-left: -10px !important;
  z-index: 80;
  cursor: pointer;
  transition: 0.5s;
}
header#masthead .aws-search-btn.aws-form-btn:hover {
  background: #885166 !important;
  cursor: pointer;
  transition: 0.5s;
}
.aws-container .aws-search-form .aws-search-btn svg {
  fill: #fff;
}
.aws-search-result .aws_result_link {
  font-size: 1.2em;
}
header#masthead .main-navigation a {
  color: #464646;
  transition: 0.5s;
}
header#masthead .main-navigation a:hover {
  color: #b06d87;
  transition: 0.5s;
}
header#masthead .main-navigation li:last-child a {
  color: #d2377c;
  font-weight: 600;
}
div.customer-menu .socials,
div.customer-menu div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
div.customer-menu .socials a {
  display: flex !important;
  margin-left: 0;
}
div.customer-menu .socials a img {
  margin: 0 3px 1px;
}
section.top {
  margin-top: 155px;
  padding: 120px 10% 70px;
}
section.top .text {
  max-width: 530px;
}
section.top .text h4 {
  margin: 0;
  color: #b06d87;
}
.page-template-tpl_landingpage h2,
.page-template-tpl_landingpage h3,
.woocommerce form.checkout.woocommerce-checkout h3,
.woocommerce-account article .woocommerce-info:before,
.woocommerce-info:before,
section.about-us .text h2,
section.top .text h1 {
  color: #d2377c;
}
section.new-products {
  background: #fff;
  padding: 35px 10%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section.new-products .product {
  width: calc(50% - 10px);
  border: 8px solid #efe4e9;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
section.new-products .product .text {
  padding: 30px 20px;
  position: relative;
  z-index: 10;
}
section.new-products .product .gradient {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 1;
  background: #fff;
  background: linear-gradient(90deg, #fff 25%, rgba(255, 255, 255, 0) 100%);
}
section.new-products .product .text h4 {
  margin: 0 0 3px;
  font-size: 0.9em;
  color: #b06d87;
}
section.new-products .product .text a h2 {
  max-width: 350px;
  color: #d2377c;
  transition: 0.3s;
}
section.new-products .product .text a:hover h2 {
  color: #6b35c7;
  transition: 0.3s;
}
section.new-products .product .text p {
  max-width: 350px;
}
section.how-to-buy a {
  text-align: center;
  width: 100%;
  display: block;
  padding: 12px 5%;
  font-size: 1.3em;
  font-weight: 600;
  color: #d2377c;
  cursor: pointer;
  background: #efe4e8;
  transition: 0.5s;
}
section.how-to-buy a:hover {
  color: #efe4e8;
  cursor: pointer;
  background: #d2377c;
  transition: 0.5s;
}
section.categories {
  background: #fff;
  padding: 50px 10%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.categories a.category {
  width: calc(33.333% - 13px);
  margin-bottom: 20px;
  cursor: pointer;
}
section.categories a.category h3 {
  text-align: center;
  padding: 10px 12px;
  background: #efe4e8f2;
  margin-top: 275px;
  color: #d2377c;
  cursor: pointer;
  transition: 0.5s;
}
section.categories a.category:hover h3 {
  background: #d2377c;
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
}
section.about-us {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #f8f8f8;
}
section.about-us .text {
  width: 50%;
  padding: 70px 10%;
}
section.about-us .image {
  width: 50%;
}
section.testimonials {
  background: #fff;
  text-align: center;
  padding: 50px 10%;
}
section.testimonials h2 {
  color: #b06d87;
  margin-bottom: 30px;
}
section.testimonials .glide {
  position: relative;
  max-width: 640px;
  margin: auto;
}
.entry-content,
.entry-summary,
.glide__slides,
.page-content,
footer#colophon ul,
section.testimonials .glide ul li {
  margin: 0;
}
section.testimonials .glide ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
section.testimonials .glide ul li.glide__slide {
  padding: 25px 50px !important;
  border-radius: 8px;
  background: #fff;
}
section.testimonials .glide ul li.glide__slide h3 {
  color: #d2377c;
  font-size: 1.5em;
}
section.testimonials .glide button.glide__arrow {
  box-shadow: none;
  text-shadow: none;
  border: 2px solid #464646;
  border-radius: 0;
  transform: rotate(45deg);
  color: transparent;
  padding: 0;
  height: 20px;
  width: 20px;
  background: 0 0 !important;
  transition: 0.3s;
}
section.testimonials .glide .glide__arrow--right {
  right: 15px;
  border: 2px solid #464646 !important;
  border-bottom: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  transition: 0.3s;
  background: 0 0 !important;
}
section.testimonials .glide .glide__arrow--right:hover {
  border: 2px solid #d2377c !important;
  border-bottom: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  background: 0 0 !important;
  transition: 0.3s;
}
section.testimonials .glide .glide__arrow--left {
  left: 15px;
  border: 2px solid #464646 !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  background: 0 0 !important;
  transition: 0.3s;
}
section.testimonials .glide .glide__arrow--left:hover {
  border: 2px solid #d2377c !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  background: 0 0 !important;
  transition: 0.3s;
}
section.top.top-brands {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #f8f8f8;
  margin-top: 165px;
}
section.top.about .text,
section.top.top-brands .text {
  width: 50%;
  max-width: 100%;
  padding: 120px 8%;
}
section.top.about .text p,
section.top.contact .text p,
section.top.top-brands .text p {
  max-width: 500px;
}
section.top.top-brands .image {
  width: 50%;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
section.brands {
  background: #fff;
  padding: 70px 8%;
}
section.brands .brand {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 70px 0;
  border-bottom: 1px solid #eee;
}
section.brands .brand .text {
  width: 50%;
  padding-right: 5%;
}
section.brands .brand .text img {
  margin-bottom: 15px;
  max-width: 175px;
}
section.brands .brand .text h2 {
  margin-bottom: 8px;
}
section.brands .brand .text a button {
  margin-top: 10px;
}
section.brands .brand .products-preview {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
section.brands .brand .products-preview a.product {
  width: calc(33.333% - 10px);
  display: block;
  margin-right: 10px;
  margin-bottom: 9px;
  background: #f8f8f8;
  padding: 10px;
  line-height: 1.2em;
  font-weight: 600;
  color: #404040;
  transition: 0.3s;
}
.woocommerce-account article #my-account-menu .myaccount-menu li.active a,
section.brands .brand .products-preview a.product:hover {
  color: #b06d87;
  transition: 0.3s;
}
.woocommerce-page .yith-wcan-filters .yith-wcan-filter h4,
footer#colophon p,
footer#colophon ul li,
section.brands .brand .products-preview a.product img {
  margin-bottom: 5px;
}
.page-template-tpl_landingpage section.top {
  margin-top: 119px;
  padding: 70px 15%;
}
.page-template-tpl_landingpage section.top .text {
  margin: auto;
  text-align: center;
  background: #fff;
  padding: 35px 40px;
  border-radius: 4px;
  max-width: 640px;
  position: relative;
}
.page-template-tpl_landingpage section.top .text h1 {
  font-size: 2.5em;
  margin-bottom: 5px;
}
.page-template-tpl_landingpage section.top .text .offer {
  position: absolute;
  width: 120px;
  height: 120px;
  background: #d2377c;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -90px;
  transform: rotate(10deg);
  top: calc(50% - 65px);
  transition: 0.5s;
}
.page-template-tpl_landingpage section.top .text a.offer:hover {
  cursor: pointer;
  background: #6b35c7;
  transition: 0.5s;
}
.page-template-tpl_landingpage section.account-form .offer h3,
.page-template-tpl_landingpage section.top .text .offer h3 {
  font-size: 1.7em;
  color: #fff;
  line-height: 1em;
}
.page-template-tpl_landingpage section.account-form .offer p,
.page-template-tpl_landingpage section.top .text .offer p {
  color: #fff;
  line-height: 1em;
  margin-bottom: 0;
}
.page-template-tpl_landingpage section.account-form,
.page-template-tpl_landingpage section.top-brands,
.page-template-tpl_landingpage section.top-products {
  background: #fff;
  padding: 70px 10%;
}
.page-template-tpl_landingpage section.testimonials,
section.firstoffer {
  background: #f8f8f8;
}
.page-template-tpl_landingpage section.top-brands > .text,
.page-template-tpl_landingpage section.top-products > .text {
  max-width: 480px;
  margin: 0 auto 35px;
  text-align: center;
}
.page-template-tpl_landingpage section.top-products .products {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-template-tpl_landingpage section.top-products .products a.product.main {
  width: calc(30% - 20px);
  margin-right: 20px;
  border: 1px solid #f2f2f2;
}
.page-template-tpl_landingpage section.top-products .products .flex {
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-template-tpl_landingpage section.top-products .products .flex a.product {
  width: calc(33.333% - 20px);
  margin: 0 20px 20px 0;
  border: 1px solid #f2f2f2;
}
.page-template-tpl_landingpage
  section.top-products
  .products
  .flex
  a.product:nth-child(n + 4) {
  margin: 0 20px 0 0;
}
.page-template-tpl_landingpage
  section.top-products
  .products
  .flex
  a.product
  .image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #f2f2f2;
}
.page-template-tpl_landingpage
  section.top-products
  .products
  a.product.main
  .image {
  width: 100%;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 1px solid #f2f2f2;
}
.page-template-tpl_landingpage section.top-products .product .text {
  padding: 15px;
}
.page-template-tpl_landingpage section.top-products .product .text p {
  font-size: 0.75em;
  margin-bottom: 0;
}
.page-template-tpl_landingpage section.top-products .product.main .text p {
  font-size: 0.85em;
}
.page-template-tpl_landingpage section.top-products .product .text h4 {
  color: #d2377c;
  font-size: 1.2em;
  line-height: 1em;
  margin-bottom: 5px;
}
.page-template-tpl_landingpage section.top-products .product.main .text h4 {
  color: #6b35c7;
  font-size: 1.5em;
}
.page-template-tpl_landingpage section.top-products a button {
  margin: 35px auto 0;
  text-align: center;
  display: block;
}
.page-template-tpl_landingpage section.top-brands .brands {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-template-tpl_landingpage section.top-brands .brand {
  width: calc(50% - 30px);
  margin: 0 0 40px;
}
.page-template-tpl_landingpage section.top-brands a.about {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.page-template-tpl_landingpage section.top-brands a.about img {
  max-width: 100px;
  margin: 0 20px 0 0;
}
.page-template-tpl_landingpage section.top-brands a.about h4 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.page-template-tpl_landingpage section.top-brands a.about p {
  font-size: 0.9em;
  margin-bottom: 0;
}
.page-template-tpl_landingpage section.top-brands .products,
footer#colophon .gform_wrapper form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.page-template-tpl_landingpage section.top-brands .products a.single-product {
  width: calc(33.333% - 10px);
  margin-right: 10px;
  background: #f8f8f8;
  padding: 10px;
}
.page-template-tpl_landingpage
  section.top-brands
  .products
  a.single-product
  .image {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 10px;
}
.page-template-tpl_christmas main#main section.banners .text p,
.page-template-tpl_landingpage
  section.top-brands
  .products
  a.single-product
  h5 {
  line-height: 1.2em;
}
.page-template-tpl_landingpage section.top-brands a button {
  margin: 10px auto 0;
  text-align: center;
  display: block;
}
.page-template-tpl_landingpage section.account-form > .text {
  max-width: 480px;
  margin: 0 auto 35px;
  text-align: center;
  position: relative;
}
.page-template-tpl_landingpage section.account-form .form {
  max-width: 640px;
  margin: 0 auto;
}
.page-template-tpl_landingpage
  section.account-form
  .gform_wrapper
  .gform_page_footer
  input {
  background: #d2377c;
  color: #fff;
  padding: 12px 24px;
  border: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5pt;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.5s;
}
.page-template-tpl_landingpage
  section.account-form
  .gform_wrapper
  .gform_page_footer
  .gform_previous_button {
  background: #cfd3d9;
  cursor: pointer;
  transition: 0.5s;
}
.page-template-tpl_landingpage
  section.account-form
  .gform_wrapper
  .gform_page_footer
  input:hover {
  background: #464646;
  cursor: pointer;
  transition: 0.5s;
}
.page-template-tpl_landingpage section.account-form div#field_209_18 {
  text-align: center;
  margin: 0 auto;
}
.page-template-tpl_landingpage section.account-form .offer {
  position: absolute;
  width: 120px;
  height: 120px;
  background: #d2377c;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -140px;
  transform: rotate(10deg);
  top: calc(50% - 50px);
}
section.firstoffer {
  padding: 10px 5%;
}
section.firstoffer p {
  font-size: 0.75em;
  margin-bottom: 0;
  text-align: center;
}
.woocommerce-store-notice,
p.demo_store {
  background-color: #b06d87 !important;
}
.woocommerce div.product.product-type-variable .woocommerce-tabs {
  background: #fff;
  z-index: 999;
  position: relative;
  padding-bottom: 50px;
  padding-top: 20px;
}
.woocommerce .product-type-variable section.related.products {
  background: #fff;
  position: relative;
  margin-top: -1px;
}
.woocommerce h1.page-title,
.woocommerce-account article .addresses .title h3,
section.content h2,
section.content h3 {
  color: #000000;
}
.woocommerce .newuser {
  font-size: 1.1em !important;
  background: #d2377c12;
  padding: 15px;
  max-width: 520px;
}
.woocommerce main#main {
  padding: 16px;
  margin-top: 148px;
}
@media screen and (min-width: 1280px) {
  .woocommerce main#main {
    padding: 32px;
    margin-top: 132px;
  }
}
.woocommerce-account article .woocommerce-info,
.woocommerce-info {
  border-top-color: #d2377c;
}
.woocommerce-message {
  border-top-color: #a46497;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-message::before {
  color: #a46497;
}
.woocommerce a.login-register.button {
  background: #be185d;
  color: #fff;
  text-align: center;
  border-radius: 999px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 0.875rem;
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin: 24px 0;
  float: none !important;
}
.woocommerce-page .shop-container-sidebar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 20px;
}
.woocommerce-page .shop-container-sidebar .shop-sidebar {
  width: calc(25% - 20px);
  margin-right: 20px;
}
.woocommerce-page .shop-container-sidebar .shop-container {
  width: 75%;
}
.woocommerce-page .product-type-simple section.up-sells.upsells.products {
  position: static;
  z-index: 0;
}
.woocommerce-page section.up-sells.upsells.products h2 {
  padding: 10px 0;
  margin-bottom: 0;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
  content: "";
  display: none;
}
/* .woocommerce-page ul.products {
  padding: 0 0 50px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 32px;
} */
.woocommerce-page .woocommerce-ordering select {
  padding: 8px 12px;
}

/* Shop controls wrapper - flex container for result count and sorting */
.shop-controls-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

/* Result count styling */
.woocommerce .woocommerce-result-count {
  margin: 0;
  font-size: 14px;
  color: #666;
}

/* Custom sorting dropdown styles */
.woocommerce .woocommerce-ordering {
  display: block !important;
  margin: 0;
  float: none;
}

.woocommerce .woocommerce-ordering select {
  padding: 8px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  min-width: 220px;
  color: #404040;
}

.woocommerce .woocommerce-ordering select:hover {
  border-color: #b06d87;
}

.woocommerce .woocommerce-ordering select:focus {
  outline: none;
  border-color: #b06d87;
  box-shadow: 0 0 5px rgba(176, 109, 135, 0.3);
}

@media screen and (max-width: 768px) {
  .shop-controls-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .woocommerce .woocommerce-result-count {
    text-align: center;
    order: 2;
  }

  .woocommerce .woocommerce-ordering {
    order: 1;
  }

  .woocommerce .woocommerce-ordering select {
    width: 100%;
    min-width: auto;
  }
}
.woocommerce-page ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  border-radius: 12px;
  background: #fafafa;
}
.woocommerce ul.products li.product a img {
  border-radius: 12px;
  max-height: fit-content;
  margin: 0;
  transition: 0.5s;
}
.woocommerce ul.products li.product a img:hover {
  transform: scale(1.05);
  transition: 0.5s;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product a.button.add_to_cart_button {
  background: #be185d;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 999px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  font-size: 0.775rem;
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin: 0;
}
@media screen and (min-width: 1280px) {
  .woocommerce ul.products li.product .button,
  .woocommerce-page ul.products li.product a.button.add_to_cart_button {
    font-size: 0.875rem;
    height: 40px;
  }
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover {
  background: #9d174d;
  color: #fff;
  transition: 0.3s;
}
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 1.1rem !important;
  line-height: 1.4;
  font-weight: 600;
  color: #000000;
  transition: 0.5s;
  padding: 0;
}
.woocommerce-page ul.products li.product .price {
  color: #000000;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}
.woocommerce-page nav.woocommerce-pagination {
  font-size: 1.5em;
}
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-message .button {
  margin: 0 0 10px 10px;
}
.woocommerce.single-product div.product form.cart .variations label {
  display: block;
  line-height: initial;
  background-size: cover !important;
}
.woocommerce td.product-name a {
  font-weight: 600;
  color: #b06d87;
}
/* .woocommerce-page aside#secondary {
  background: #f8f8f8;
  padding: 20px;
} */
.woocommerce-page .yith-wcan-filters {
  background-color: transparent;
  margin-bottom: 30px;
  padding: 20px 20px 15px;
}
.woocommerce-page .yith-wcan-filters .filter-content {
  border-radius: 8px;
}
.woocommerce-page .yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
  background: #fff;
}
.woocommerce-page .yith-wcan-filters ul.matching-items.filter-items {
  margin: 0 0 0 5px;
}
.woocommerce-page .yith-wcan-filters .yith-wcan-filter .price-slider {
  padding: 20px 10px 0;
}
.woocommerce-page .filter-price-slider .filter-content {
  background: 0 0 !important;
}
.woocommerce-page a.added_to_cart.wc-forward {
  margin: 0 auto 7px;
  text-align: center;
  width: 100%;
  color: #b06d87;
  text-decoration: underline !important;
}
.woocommerce-cart main#primary {
  padding: 100px 10% 30px;
}
.woocommerce-cart th.product-price:after,
.woocommerce-checkout th.product-price:after {
  content: " (incl. VAT)";
  font-size: 0.8em;
}
.woocommerce-cart th.product-subtotal:after,
.woocommerce-checkout th.product-subtotal:after {
  content: " (excl. VAT)";
  font-size: 0.8em;
}
.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title {
  margin-bottom: 10px;
  color: #a46497;
}
.woocommerce-page table.cart td.actions .input-text {
  width: 150px;
}
.woocommerce-cart .coupon button[name="apply_coupon"] {
  background-color: #f2f2f2;
  color: #666;
  transition: 0.3s;
}
.woocommerce-cart a.button.empty-cart {
  background-color: #fff;
  border: 2px solid red;
  color: red;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: 700;
  transition: 0.3s;
}
.woocommerce-cart a.button.empty-cart:hover {
  background-color: red;
  border: 2px solid red;
  color: #fff;
  padding: 8px 20px;
  transition: 0.3s;
}
.woocommerce-checkout h3#order_review_heading {
  font-size: 2em;
  color: #a46497;
  border-bottom: 1px solid;
  margin-bottom: 15px;
  margin-top: 25px;
}
.woocommerce-checkout table.shop_table th {
  font-weight: 600;
  line-height: 1.5em;
  color: #a46497;
}
.woocommerce-checkout table.shop_table tr.order-total {
  font-size: 1.35em;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
  background: #b06d87;
  line-height: 1.5em;
  display: block !important;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description:before {
  border-color: #b06d87 transparent transparent;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #f0f0f0;
}
.woocommerce table.my_account_orders .button {
  margin: 3px 5px 2px 0;
}
span.woocommerce-terms-and-conditions-checkbox-text,
span.woocommerce-terms-and-conditions-checkbox-text a {
  font-weight: 700;
  color: #d2377c;
}
.woocommerce-account article {
  padding: 50px 10%;
}
.woocommerce-account article .entry-header {
  margin-bottom: 20px;
  color: #b06d87;
}
.woocommerce-account article .yith-wcmap .user-profile .user-info .logout a {
  background: #aaa;
  padding: 6px 16px 4px;
  transition: 0.3s;
}
.woocommerce-account article .yith-wcmap .user-profile .user-info .username {
  font-weight: 600;
  color: #b06d87;
  font-size: 1.15em;
}
.woocommerce-account article .user-profile {
  border: 1px solid #e0e0e0;
  padding: 15px 15px 9px;
  margin-bottom: -21px;
}
.woocommerce-account article .woocommerce-MyAccount-content p a {
  transition: 0.3s;
  color: #d2377c;
}
.page-template-tpl_christmas main#main section.banners .text h2,
.page-template-tpl_christmas main#main section.banners .text p,
.woocommerce-account article .woocommerce-MyAccount-content a.button,
footer#colophon .site-info h3 {
  color: #fff;
}
.woocommerce-account article #my-account-menu.layout-simple .myaccount-menu li {
  padding: 0 0 0 15px;
  border-left: 1px solid #e0e0e0;
}
.woocommerce-account article #my-account-menu .myaccount-menu li a {
  color: #666;
  transition: 0.3s;
}
.woocommerce-account article #my-account-menu .myaccount-menu li.active:hover a,
.woocommerce-account article #my-account-menu .myaccount-menu li:hover a,
section.top.contact .text h4 a:hover {
  color: #d2377c;
  transition: 0.3s;
}
.woocommerce-account article #my-account-menu .myaccount-menu li,
.woocommerce-account article #my-account-menu .myaccount-menu li.active:hover {
  background: #f8f8f8;
  transition: 0.3s;
}
.woocommerce-account article #my-account-menu .myaccount-menu li.active,
.woocommerce-account article #my-account-menu .myaccount-menu li:hover {
  background: #fff;
  transition: 0.3s;
}
.woocommerce-account
  article
  form.woocommerce-EditAccountForm.edit-account
  input[type="text"] {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px 12px;
}
.woocommerce-account
  article
  form.woocommerce-EditAccountForm.edit-account
  fieldset {
  margin-bottom: 15px;
}
.woocommerce-account article button.woocommerce-Button.button:hover {
  background: #d2377c;
  cursor: pointer;
  transition: 0.5s;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  padding: 10px;
}
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt {
  background: #be185d;
  color: #fff;
  text-align: center;
  border-radius: 999px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin: 0;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover {
  background-color: #9d174d;
  color: #fff;
  text-align: center;
  transition: 0.3s;
}
.woocommerce.single-product main#main {
  padding: 20px;
}
.woocommerce.single-product div.product form.cart .variations select {
  padding: 5px 15px 5px 5px;
}
.woocommerce.single-product
  div.product
  div.images.woocommerce-product-gallery
  .flex-viewport {
  margin-bottom: 10px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 16px;
}
.woocommerce.single-product div.product form.cart {
  margin-top: 20px;
}
.woocommerce.single-product div.product .quantity:before {
  content: "QUANTITY";
  position: absolute;
  margin-top: -20px;
  font-size: 0.75em;
  font-weight: 600;
}
.woocommerce-page.single-product div.product div.images {
  float: left;
  width: 35%;
}
.woocommerce.single-product #content div.product div.summary,
.woocommerce.single-product div.product div.summary {
  width: 62%;
}
.woocommerce.single-product div.product h1.product_title {
  color: #000000;
  font-size: 2.75em;
}
.woocommerce.single-product div.product .summary p.price,
.woocommerce.single-product div.product .summary span.price {
  color: #000000;
  font-size: 2em !important;
  margin-top: 8px;
  font-weight: 600;
  margin-bottom: 10px;
}
.woocommerce.single-product .related.products ul.products {
  padding-top: 10px;
  padding-bottom: 0;
}
.page-template-tpl_christmas main#main h1,
.page-template-tpl_christmas main#main h2,
.page-template-tpl_christmas main#main h3 {
  margin-bottom: 0;
}
.page-template-tpl_christmas main#main p {
  color: #464646;
  margin: 0;
}
.page-template-tpl_christmas main#main a button {
  background-color: #e40b2e;
  transition: 0.5s;
}
.page-template-tpl_christmas main#main a button span {
  color: #fff;
  transition: 0.5s;
}
.page-template-tpl_christmas main#main a button:active,
.page-template-tpl_christmas main#main a button:focus,
.page-template-tpl_christmas main#main a button:hover {
  background-color: #1b4a2b;
  cursor: pointer;
  transition: 0.5s;
}
.page-template-tpl_christmas main#main section.top-xmas {
  background-color: #fff;
  text-align: center;
  padding: 120px 5% 90px;
  margin-top: 155px;
}
.page-template-tpl_christmas main#main section.top-xmas .text {
  max-width: 420px;
  margin: auto;
  position: relative;
}
.page-template-tpl_christmas main#main section.top-xmas .text h1 {
  color: #e40b2e;
  font-size: 3em;
  margin-bottom: 0 !important;
}
.page-template-tpl_christmas main#main section.top-xmas .text p {
  margin: 0 0 15px !important;
}
.page-template-tpl_christmas main#main section.top-xmas .text::before {
  content: url(https://jomil.co.uk/wp-content/uploads/2020/10/pine-needles-left.png);
  position: absolute;
  left: calc(50% - 420px);
  top: 0;
}
.page-template-tpl_christmas main#main section.top-xmas .text::after {
  content: url(https://jomil.co.uk/wp-content/uploads/2020/10/pine-needles-right.png);
  position: absolute;
  right: calc(50% - 420px);
  top: 0;
}
.page-template-tpl_christmas main#main section.banners {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page-template-tpl_christmas main#main section.banners .text {
  padding: 12px 20px;
  position: relative;
}
.page-template-tpl_christmas main#main a {
  text-decoration: none !important;
}
.page-template-tpl_christmas main#main section.banners .left,
.page-template-tpl_christmas main#main section.banners .left .text {
  background-color: #e40b2e;
  transition: 0.3s;
}
.page-template-tpl_christmas main#main section.banners .left:hover,
.page-template-tpl_christmas main#main section.banners .left:hover .text {
  background-color: #ff0029;
  transition: 0.3s;
}
.page-template-tpl_christmas main#main section.banners .left .text::after {
  content: url(https://jomil.co.uk/wp-content/uploads/2020/10/acorn.png);
  position: absolute;
  right: 5px;
  top: -12px;
}
.page-template-tpl_christmas main#main section.banners .right,
.page-template-tpl_christmas main#main section.banners .right .text {
  background-color: #1b4a2b;
  transition: 0.3s;
}
.page-template-tpl_christmas main#main section.banners .right:hover,
.page-template-tpl_christmas main#main section.banners .right:hover .text {
  background-color: #287944;
  transition: 0.3s;
}
.page-template-tpl_christmas main#main section.banners .right .text::after {
  content: url(https://jomil.co.uk/wp-content/uploads/2020/10/mistletoe.png);
  position: absolute;
  right: 5px;
  top: 0;
}
.page-template-tpl_christmas main#main section.newproducts {
  background: #f2f2f2;
  padding: 70px 10%;
  text-align: center;
}
.page-template-tpl_christmas main#main section.newproducts .text {
  margin: 0 auto 25px;
  text-align: center;
  max-width: 420px;
}
.page-template-tpl_christmas main#main section.categories .text h2,
.page-template-tpl_christmas main#main section.newproducts .text h2 {
  color: #1b4a2b;
}
.page-template-tpl_christmas main#main section.newproducts .products p {
  margin: 0;
  padding: 10px;
  background: #1b4a2b;
  text-align: center;
  color: #fff;
  transition: 0.5s;
}
.page-template-tpl_christmas main#main section.newproducts .products a:hover p {
  background: #287944;
  transition: 0.5s;
}
.page-template-tpl_christmas
  main#main
  section.newproducts
  .products
  .glide__arrow {
  color: transparent;
  padding: 0;
  background-color: transparent;
  border: 4px solid #1b4a2b;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border-left: 0;
  border-bottom: 0;
  height: 20px;
  top: 41%;
  width: 20px;
  transition:
    opacity 150ms,
    border 0.3s ease-in-out;
}
.page-template-tpl_christmas
  main#main
  section.newproducts
  .products
  .glide__arrow:hover {
  border: 4px solid #287944;
  border-left: 0;
  border-bottom: 0;
  top: 41%;
  transition:
    opacity 150ms,
    border 0.3s ease-in-out;
}
.page-template-tpl_christmas
  main#main
  section.newproducts
  .products
  .glide__arrow--right {
  right: -25px;
  transform: rotate(45deg);
}
.page-template-tpl_christmas
  main#main
  section.newproducts
  .products
  .glide__arrow--left {
  left: -25px;
  transform: rotate(-135deg);
}
.page-template-tpl_christmas main#main section.categories {
  padding: 70px 10%;
  background: #fff;
}
.page-template-tpl_christmas main#main section.categories .text {
  margin: 0 0 25px;
  max-width: 420px;
}
.page-template-tpl_christmas main#main section.categories .grid {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page-template-tpl_christmas main#main section.categories .grid .category {
  width: calc(33.33% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-template-tpl_christmas main#main section.categories .grid .category p {
  margin: 0;
  padding: 10px;
  background: #e40b2e;
  text-align: center;
  color: #fff;
  transition: 0.5s;
}
.page-template-tpl_christmas
  main#main
  section.categories
  .grid
  .category:hover
  p {
  background: #ff0029;
  transition: 0.5s;
}
.page-template-tpl_christmas footer#colophon .site-info {
  background: #21472e;
}
.page-template-tpl_basic .content .text ul {
  margin: 0 0 15px;
}
.page-template-tpl_basic .content .text ul li {
  list-style-type: disc;
  margin-left: 15px;
}
.page-template-tpl_basic .content .text table td {
  width: auto;
  padding: 10px;
  border: 1px solid #464646;
}
.page-template-tpl_basic .content ol li {
  list-style: numerical !important;
}
.page-template-tpl_basic .content ul li {
  list-style: disc !important;
}
.page-template-tpl_basic .content .gform_wrapper ol li,
.page-template-tpl_basic .content .gform_wrapper ul li {
  list-style: none !important;
}
.error-404 .page-content {
  text-align: center;
  padding: 50px 5%;
}
section.top.contact {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #fff;
  margin-top: 195px;
}
section.top.contact .text {
  width: 50%;
  padding: 120px 35px 120px 10%;
  max-width: 100%;
}
section.top.contact .text h4 a {
  font-weight: 600;
  text-transform: lowercase;
  font-size: 1.35em;
  color: #b06d87;
  transition: 0.3s;
}
section.top.contact iframe {
  width: 50%;
}
section.form {
  background: #f2f2f2;
  padding: 70px 10%;
}
section.form div#gform_wrapper_105 {
  max-width: 600px;
}
#gform_wrapper_1 label.gfield_label {
  color: #464646;
  font-weight: 600;
}
section.top.about {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #fff;
  margin-top: 155px;
}
section.top.about .image {
  width: 50%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
section.content {
  padding: 70px 8%;
  background: #f8f8f8;
}
section.content p,
section.content ul {
  max-width: 720px;
}
footer#colophon {
  width: 100%;
  background: #f8f8f8;
}
footer#colophon .site-info {
  background: #9d174d;
  padding: 50px 10% 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
footer#colophon .site-info .widget {
  margin: 0 20px 20px 0;
  max-width: calc(25% - 20px);
  width: auto;
}
footer#colophon,
footer#colophon a,
footer#colophon a:visited,
footer#colophon p {
  color: #fff;
  transition: 0.3s;
}
footer#colophon .gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
}
footer#colophon .gform_wrapper {
  margin-bottom: 3px;
  margin-top: 0;
}
footer#colophon .gform_wrapper .top_label div.ginput_container {
  margin-top: 0;
}
footer#colophon .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
  margin-top: 0;
}
footer#colophon input#gform_submit_button_105 {
  background: #d2377c;
  border: 0;
  margin-left: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.9em;
  padding: 11px 21px;
  transition: 0.5s;
}
footer#colophon input#gform_submit_button_105:hover {
  background: #b12463;
  cursor: pointer;
  transition: 0.5s;
}
footer#colophon input#input_105_1 {
  padding: 6px 12px;
  border: 0;
}
footer#colophon .bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 10%;
  font-size: 0.8em;
}
footer#colophon .bottom p {
  color: #464646;
}
@media screen and (max-width: 1440px) {
  .page-template-tpl_landingpage section.account-form,
  .page-template-tpl_landingpage section.top-brands,
  .page-template-tpl_landingpage section.top-products,
  section.about-us .text {
    padding: 70px 5%;
  }
  .page-template-tpl_landingpage
    section.top-brands
    .products
    a.single-product
    .image {
    height: 170px;
  }
}
@media screen and (max-width: 1200px) {
  div.customer-menu {
    padding: 5px 20px;
  }
  header#masthead .top-search {
    padding-left: 16px;
    padding-right: 16px;
  }
  header#masthead nav {
    padding: 9px 20px 8px;
  }
  section.top {
    padding: 120px 5% 70px;
  }
  section.new-products {
    padding: 35px 5%;
  }
  .woocommerce-account article,
  section.categories,
  section.content,
  section.testimonials {
    padding: 50px 5%;
  }
  .page-template-tpl_christmas main#main section.categories,
  .page-template-tpl_christmas main#main section.newproducts,
  .woocommerce main#main,
  section.about-us .text {
    padding: 20px 20px;
  }
  footer#colophon .site-info {
    padding: 50px 5% 30px;
  }
  footer#colophon .bottom {
    padding: 5px 5%;
  }
  .woocommerce.single-product main#main {
    padding: 70px 10%;
  }
  .page-template-tpl_landingpage
    section.top-brands
    .products
    a.single-product
    .image {
    height: 150px;
  }
  section.top.about .text {
    padding: 90px 5%;
  }
}
@media screen and (max-width: 1024px) {
  div.customer-menu {
    display: none;
  }
  header#masthead {
    top: 0;
    padding-bottom: 16px;
  }
  header#masthead .main-navigation ul#mobile-menu,
  header#masthead .main-navigation.toggled ul#mobile-menu {
    height: 100vh;
    top: 0;
    position: fixed;
    width: calc(100% - 90px);
    max-width: 400px;
    min-width: 150px;
    display: flex !important;
    transition: 1s;
  }
  header#masthead a.new-button,
  header#masthead nav#site-navigation {
    display: none;
  }
  header#masthead .catalogue {
    display: none;
  }
  header#masthead .search-bar {
    width: calc(100% - 550px);
  }
  header#masthead .site-branding img.custom-logo {
    width: 78px;
  }
  header#masthead .mobile-menu {
    display: block !important;
    width: 75px;
    height: 90px;
  }
  header#masthead .mobile-menu nav#site-navigation {
    display: flex !important;
  }
  header#masthead .site-branding {
    margin-right: 10px;
  }
  header#masthead a.cart-custom {
    display: none;
  }
  header#masthead a.cart-customlocation {
    width: auto;
  }
  header#masthead .top-search {
    padding-right: 0;
  }
  header#masthead .main-navigation .menu-toggle {
    display: block;
  }
  header#masthead .main-navigation {
    display: flex;
    width: 100px;
    position: fixed;
    right: 16px;
    top: 0;
    height: 90px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    z-index: 9999;
    padding: 16px 0 16px 0;
  }
  header#masthead .main-navigation ul#mobile-menu {
    background: #f8f8f8;
    left: -500px;
    padding: 35px 20px !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  header#masthead .main-navigation.toggled ul#mobile-menu {
    background: #fff;
    z-index: 9999;
    left: 0;
    padding: 35px 20px 35px 5% !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  header#masthead .main-navigation ul li {
    margin: 0;
    font-size: 1.25em;
    height: auto;
  }
  header#masthead .main-navigation ul li a,
  header#masthead .main-navigation ul li:hover a {
    margin: 0 0 15px;
    line-height: 1em;
    padding-bottom: 3px;
  }
  header#masthead .main-navigation ul li ul li.current_page_item a,
  header#masthead .main-navigation ul li.current_page_item a,
  header#masthead .main-navigation ul li.current_page_item:hover a {
    margin: 0 0 15px;
    padding-bottom: 3px;
  }
  header#masthead .main-navigation ul li:hover {
    margin: 0;
    font-size: 1.25em;
  }
  header#masthead .main-navigation ul ul {
    box-shadow: none;
  }
  header#masthead .main-navigation li:first-child a {
    color: #d2377c;
    font-weight: 600;
  }
  header#masthead .main-navigation li:nth-child(2) a {
    color: #464646;
    font-weight: 300;
  }
  header#masthead .main-navigation li:nth-child(2) a:hover {
    color: #b06d87;
    transition: 0.5s;
  }
  header#masthead .main-navigation li:last-child a {
    color: #b06d87;
    font-weight: 600;
  }
  header#masthead button div:first-child {
    margin: 0 0 5px;
  }
  header#masthead button div {
    height: 3px;
    width: 34px;
    background: #161616;
    margin: 5px 0;
    transition: 0.3s;
  }
  header#masthead button:hover div {
    background: #d2377c;
    transition: 0.3s;
  }
  header#masthead button div:last-child {
    margin: 5px 0 8px;
    transition: 0.3s;
  }
  header#masthead nav#site-navigation.toggled button div:first-child {
    transform: rotate(45deg);
    width: 34px;
    transform-origin: 6px 5px;
    transition: 0.3s;
  }
  header#masthead nav#site-navigation.toggled button div {
    width: 0;
    transition: 0.3s;
  }
  header#masthead nav#site-navigation.toggled button div:last-child {
    transform: rotate(-45deg);
    width: 34px;
    transform-origin: 8px -1px;
    transition: 0.3s;
  }
  header#masthead .menu-toggle {
    background-color: transparent;
    color: #161616;
    border: 0;
    border-radius: 0;
    font-size: 0.65em;
    cursor: pointer;
    padding: 0 !important;
  }
  header#masthead .menu-toggle:hover {
    color: #d2377c;
    cursor: pointer;
    transition: 0.3s;
  }
  header#masthead .menu-toggle:focus {
    outline: 0;
  }
  header.active .menu-toggle,
  header.active .menu-toggle:hover {
    color: #d2377c !important;
    transition: 0.3s;
  }
  header.active button div,
  header.active button:hover div {
    background-color: #d2377c !important;
    transition: 0.3s;
  }
  .woocommerce-page .shop-container-sidebar {
    display: block;
  }
  .woocommerce-page .shop-container-sidebar .shop-container,
  section.brands .brand .products-preview {
    width: 100%;
  }
  .woocommerce-page .shop-container-sidebar .shop-sidebar {
    width: 100%;
    margin-right: 0;
  }
  .woocommerce-page
    .shop-container-sidebar
    .shop-sidebar
    .filters-container
    form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .woocommerce-page
    .shop-container-sidebar
    .shop-sidebar
    .yith-wcan-filters
    .yith-wcan-filter {
    margin-bottom: 10px;
    width: calc(33.333% - 15px);
  }
  main#primary,
  section.top.contact {
    margin-top: 170px;
  }
  section.top,
  section.top.about {
    margin-top: 121px;
  }
  .woocommerce-cart main#primary {
    padding: 70px 5% 30px;
  }
  .woocommerce-account article {
    padding: 50px 0;
  }
  section.top.about .text,
  section.top.contact .text {
    padding: 120px 35px 120px 5% !important;
  }
  section.brands {
    padding: 0 5% 50px;
  }
  section.brands .brand {
    flex-direction: column;
  }
  section.brands .brand .text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 25px;
  }
  .page-template-tpl_landingpage section.top-brands .brand {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 40px;
  }
  .page-template-tpl_landingpage
    section.top-brands
    .products
    a.single-product
    .image {
    height: 180px;
  }
  /* .woocommerce-page ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  } */
}
@media screen and (max-width: 820px) {
  header#masthead .catalogue {
    display: none;
  }
  header#masthead .catalogue a button {
    width: auto;
    padding: 10px 12px;
  }
  header#masthead .catalogue a button span {
    display: none;
  }
  header#masthead .catalogue a button img {
    display: block !important;
  }
  header#masthead .search-bar {
    width: calc(100% - 450px);
  }
  section.top {
    padding: 100px 5% 50px;
    background-position: 20% !important;
  }
  section.categories a.category {
    width: calc(50% - 10px);
  }
  .page-template-tpl_brands section.top,
  .page-template-tpl_christmas main#main section.banners,
  section.about-us,
  section.top.about,
  section.top.contact {
    flex-direction: column;
  }
  section.about-us .text {
    width: 100%;
    padding: 50px 5%;
  }
  section.about-us .image {
    width: 100%;
    height: 350px;
  }
  .woocommerce.single-product main#main {
    padding: 100px 5% 70px;
  }
  .woocommerce-page.single-product div.product div.images {
    float: none;
    width: 100%;
  }
  .page-template-tpl_landingpage section.top-products .products .flex,
  .woocommerce.single-product div.product div.summary {
    width: 100%;
  }
  .woocommerce
    div.product.product-type-variable
    div.images.woocommerce-product-gallery {
    position: static;
  }
  main#primary {
    padding: 90px 5% 30px;
  }
  footer#colophon .site-info .widget {
    max-width: calc(50% - 20px);
  }
  footer#colophon .site-info .widget ul#menu-footer,
  footer#colophon .site-info .widget ul#menu-popular-footer {
    column-count: 2;
  }
  footer#colophon .bottom {
    padding: 8px 5%;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-template-tpl_christmas main#main section.top-xmas {
    padding: 70px 5% 50px;
  }
  .page-template-tpl_christmas main#main section.categories .grid .category {
    width: calc(50% - 20px);
  }
  .page-template-tpl_brands section.top .text,
  section.top.about .text,
  section.top.contact .text {
    width: 100%;
    padding: 90px 5% 70px !important;
  }
  .page-template-tpl_brands section.top .image,
  section.top.about .image,
  section.top.contact iframe {
    width: 100% !important;
    height: 300px !important;
  }
  .page-template-tpl_landingpage section.top {
    background: #fff !important;
    padding: 0;
  }
  .page-template-tpl_landingpage section.top .image {
    display: block !important;
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
  }
  .page-template-tpl_landingpage section.top .text {
    background: #f8f8f8;
    padding: 50px 10%;
    max-width: 100%;
  }
  .page-template-tpl_landingpage section.top .text .offer {
    right: 20px;
    top: -75px;
  }
  .page-template-tpl_landingpage section.top-products .products {
    display: block;
  }
  .page-template-tpl_landingpage section.top-products .products a.product.main {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .page-template-tpl_landingpage
    section.top-products
    .products
    a.product.main
    .image {
    height: 250px;
    border-bottom: 0 solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
  }
  .page-template-tpl_landingpage section.top-products .product.main .text {
    padding: 20px 25px;
  }
  .page-template-tpl_landingpage
    section.top-products
    .products
    .flex
    a.product {
    width: calc(33.333% - 13px);
    margin: 0 0 20px;
  }
  .page-template-tpl_landingpage
    section.top-products
    .products
    .flex
    a.product:nth-child(n + 4) {
    margin: 0;
  }
  .page-template-tpl_landingpage section.account-form,
  .page-template-tpl_landingpage section.top-brands,
  .page-template-tpl_landingpage section.top-products {
    padding: 50px 5%;
  }
  .page-template-tpl_landingpage section.top-products a button {
    margin: 20px auto 0;
  }
  .page-template-tpl_landingpage
    section.top-brands
    .products
    a.single-product
    .image {
    height: 150px;
  }
}
@media screen and (max-width: 767.999px) {
  header#masthead .catalogue {
    display: none;
  }
  header#masthead .search-bar {
    width: calc(100% - 350px);
  }
  .woocommerce-page
    .shop-container-sidebar
    .shop-sidebar
    .filters-container
    form {
    display: block;
  }
  .woocommerce-page
    .shop-container-sidebar
    .shop-sidebar
    .yith-wcan-filters
    .yith-wcan-filter {
    margin-bottom: 20px;
    width: 100%;
  }
  /* .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } */
  .woocommerce-page ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
  .woocommerce-page ul.products li.product:nth-child(3n) {
    margin-right: 20px !important;
  }
  .woocommerce-page ul.products li.product:nth-child(2n) {
    margin-right: 0 !important;
  }
  #my-account-menu.position-vertical-left {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #my-account-menu.layout-simple .myaccount-menu:after {
    padding: 0 !important;
  }
  #my-account-menu.position-vertical-left ~ .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
  }
  .woocommerce-account article .user-profile {
    border: 1px solid #e0e0e0;
  }
  #my-account-menu.layout-simple .myaccount-menu li a {
    border-bottom: 0 !important;
  }
  #my-account-menu.layout-simple.position-vertical-left .myaccount-menu li a {
    border-right: 1px solid #e0e0e0 !important;
  }
  .woocommerce-cart td.product-price::before,
  .woocommerce-checkout td.product-price::before {
    content: attr(data-title) " (incl. VAT): " !important;
  }
  .woocommerce-cart td.product-subtotal::before,
  .woocommerce-checkout td.product-subtotal::before {
    content: attr(data-title) " (excl. VAT): " !important;
  }
  .woocommerce-cart a.button.empty-cart {
    float: none !important;
    width: 100% !important;
    display: block !important;
    margin: 45px 0 0;
    position: static;
  }
}
@media screen and (max-width: 640px) {
  .woocommerce main#main {
    margin-top: 148px;
  }
  .woocommerce main#main,
  section.top {
    padding: 16px;
  }
  header#masthead a.cart-customlocation span.woocommerce-Price-amount.amount {
    display: none;
  }
  header#masthead a.cart-customlocation {
    padding: 11px;
  }
  header#masthead .search-bar {
    width: calc(100% - 300px);
    display: none;
  }
  header#masthead a.cart-customlocation img {
    margin-right: 0;
  }
  header#masthead a.cart-custom {
    padding: 9px;
  }
  .woocommerce-cart main#primary,
  main#primary {
    padding: 120px 5% 30px;
  }
  .page-template-tpl_brands section.top {
    margin-top: 120px;
  }
  .covid {
    display: none !important;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    top: auto;
  }
  section.new-products {
    flex-wrap: wrap;
  }
  section.new-products .product {
    width: 100%;
    margin-bottom: 20px;
  }
  section.new-products .product .gradient {
    background: #fff;
    background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
  }
  section.categories a.category h3 {
    margin-top: 200px;
  }
  footer#colophon .site-info .widget {
    max-width: 100%;
  }
  footer#colophon .gform_body.gform-body {
    width: 100%;
  }
  footer#colophon input#gform_submit_button_103 {
    max-width: 130px;
    padding: 8px 20px !important;
  }
  .page-template-tpl_christmas main#main section.banners .text::after {
    content: none;
  }
  .page-template-tpl_christmas main#main section.newproducts {
    padding: 70px 10%;
  }
  .page-template-tpl_christmas main#main section.categories .grid .category {
    width: 100%;
    margin-right: 0;
  }
  .page-template-tpl_christmas main#main section.newproducts .products p {
    padding: 10px 5px;
    font-size: 0.8em;
    line-height: 1.3em;
  }
  section.top.contact .text {
    padding: 120px 5% 70px !important;
  }
  .page-template-tpl_brands section.top .text {
    padding: 120px 5% 50px !important;
  }
  .page-template-tpl_landingpage section.top-products .products .flex a.product,
  section.brands .brand .products-preview a.product {
    width: calc(50% - 10px);
  }
  .page-template-tpl_brands section.top .image,
  section.top.about .image {
    height: 200px !important;
  }
  section.top.about .text {
    padding: 70px 5% 50px !important;
  }
  main#primary {
    margin-top: 170px;
  }
  .woocommerce-account article {
    padding: 0 0 35px;
  }
  .woocommerce.single-product div.product h1.product_title {
    font-size: 2em;
  }
  .page-template-tpl_landingpage section.top-products .products a.product.main {
    display: block;
  }
  .page-template-tpl_landingpage
    section.top-products
    .products
    a.product.main
    .image {
    height: 250px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 0px solid #f2f2f2;
  }
  .page-template-tpl_landingpage
    section.top-brands
    .products
    a.single-product
    .image {
    height: 120px;
  }
}
@media screen and (max-width: 500px) {
  .woocommerce.single-product main#main {
    padding: 70px 5%;
  }
  .woocommerce.single-product div.product form.cart .variations label {
    width: 100px !important;
    height: 100px !important;
    display: block;
  }
  .woocommerce
    table.shop_attributes
    tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_color {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .woocommerce table.shop_attributes td {
    padding: 0 10px !important;
  }
  .woocommerce.single-product div.swatchinput {
    width: 110px;
  }
  .woocommerce main#main {
    padding: 24px 16px;
  }
  .covid p,
  div.customer-menu a p,
  header#masthead .search-bar {
    display: none;
  }
  .covid p.mobile {
    display: block !important;
  }
  header#masthead a.cart-customlocation span.woocommerce-Price-amount.amount {
    display: block;
  }
  header#masthead a.cart-customlocation {
    padding: 8px 11px;
  }
  header#masthead a.cart-customlocation img {
    margin-right: 5px;
  }
  header#masthead .mobile-search,
  header#masthead .mobile-search .search-bar {
    display: block !important;
    width: 100%;
    padding: 0 10px 10px;
  }
  section.top {
    margin-top: 185px;
    padding: 50px 5%;
  }
  .page-template-tpl_landingpage section.top-products .products .flex a.product,
  section.categories a.category {
    width: 100%;
  }
  footer#colophon .site-info .widget ul#menu-footer,
  footer#colophon .site-info .widget ul#menu-popular-footer {
    column-count: 1;
  }
  .page-template-tpl_christmas main#main section.top-xmas {
    margin-top: 185px;
    padding: 130px 5% 50px;
  }
  .page-template-tpl_landingpage section.top-brands .products {
    flex-wrap: wrap;
  }
  .page-template-tpl_landingpage section.top-brands .products a.single-product {
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .woocommerce-account article .user-profile {
    margin-bottom: 0;
  }
}
.cky-btn,
.cky-btn:hover {
  padding: 8px !important;
  border-radius: 8px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.cky-btn-accept {
  background-color: #6b35c7 !important;
  border: 2px solid #6b35c7 !important;
}
.cky-btn-accept:hover {
  background-color: #d9377c !important;
  border: 2px solid #d9377c !important;
}
.cky-btn-customize .cky-btn-reject {
  border: 2px solid #6b35c7 !important;
}
.cky-btn-customize:hover,
.cky-btn-reject:hover {
  border: 2px solid #d9377c !important;
  background-color: #d9377c !important;
  color: #fff !important;
}

/* Search Form Styles */
.search-wrapper {
  position: relative;
  width: 100%;
}
.ep-autosuggest-container {
  width: 100%;
}
.ep-autosuggest-container .ep-autosuggest > ul > li {
  margin: 2px 0;
}
.search-container {
  position: relative;
  display: flex;
  align-items: center;
}

.search-field {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
}

.search-submit {
  padding: 8px 16px;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

/* Dropdown Styles */
.search-results-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
}

.search-results-dropdown.active {
  display: block;
}

.search-result-item {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.search-result-item:hover {
  background: #f5f5f5;
}

.search-result-item:last-child {
  border-bottom: none;
}
.autosuggest-item {
  padding: 8px;
}

.autosuggest-item-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.autosuggest-thumbnail {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.autosuggest-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.autosuggest-details {
  flex: 1;
}

.autosuggest-title {
  font-weight: 500;
  margin-bottom: 4px;
}

.autosuggest-price {
  color: #d2377c;
  font-size: 0.9em;
}

.autosuggest-sku {
  font-size: 0.775rem;
  color: #be185d;
  text-transform: uppercase;
}

.autosuggest-link {
  text-decoration: none;
  color: inherit;
}
.mobile-search-bar {
  display: block;
  padding: 0 16px;
}
@media screen and (min-width: 1024px) {
  .mobile-search-bar {
    display: none;
  }
}
.search-bar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .search-bar {
    display: block;
  }
}
.new-button {
  margin-right: 12px;
}
.wpc-posts-found {
  display: none;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 0 0 24px 0;
  font-size: 1rem;
}
.woocommerce .woocommerce-result-count {
  margin: 0;
}

/* Product subcategory styling */
.woocommerce ul.products li.product .product-category {
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 500;
  color: #737373;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .product-category a {
  color: #737373;
  text-decoration: none;
}

.woocommerce ul.products li.product .product-category a {
  color: #a3a3a3;
  font-weight: 500;
  font-size: 0.625rem;
}

/* New styles for the product info wrapper */
.product-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-info-wrapper .woocommerce-loop-product__title {
  order: 2;
}

.product-info-wrapper .product-category {
  order: 1;
}

/* Style for product title links */
.product-info-wrapper .woocommerce-loop-product__title a {
  color: #000000;
  text-decoration: none;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 600;
}

.woocommerce ul.products li.product .price {
  color: #000000;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.025em;
  margin-top: auto;
}

/* Style for the product image link */
.woocommerce ul.products li.product a.product-image-link {
  display: block;
  border-radius: 12px;
  background: #fafafa;
  overflow: hidden;
}

.woocommerce ul.products li.product a.product-image-link img {
  border-radius: 12px;
  max-height: fit-content;
  margin: 0;
}

/* Product action wrapper styles */
.product-action-wrapper {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.woocommerce-page .shop-container {
  width: 100%;
  max-width: 100%;
}

/* Update the existing shop-container-sidebar styles for backward compatibility */

.woocommerce-page .shop-container-sidebar .shop-container {
  width: 100%;
}

/* .woocommerce-page .shop-container-sidebar .shop-sidebar {
  display: none;
} */

.mobile-menu-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

/* Cart Badge Styles */
.cart-count-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #be185d; /* Pink to match site branding */
  color: white;
  font-size: 10px;
  font-weight: 400;
  min-width: 16px;
  height: 16px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 3px;
}

.mobile-menu-icons a {
  position: relative;
  margin-right: 15px;
}

.stock.out-of-stock {
  margin: 20px 0;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
  background-color: #9d174d !important;
  border-color: #9d174d !important;
  border-top-right-radius: 6px !important;
  border-top-left-radius: 6px !important;
}
.cwginstock-subscribe-form .panel-primary {
  border-color: #9d174d !important;
  border-radius: 6px !important;
}
.panel-body.cwginstock-panel-body input[type="submit"] {
  border-color: #9d174d !important;
  border-radius: 6px !important;
  background: #9d174d !important;
  color: #ffffff !important;
  padding: 0.6em 1em !important;	
  height: 48px !important;
}