/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/products/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      4.6.2
Tested up to: 6.7
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

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

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*/ /*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body,
button,
input,
textarea {
  color: #43454b;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  letter-spacing: 1px;
}

select {
  color: initial;
  font-family: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light",
    "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  max-width: 100%;
}
summary {
  display: list-item;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 300;
  margin: 0 0 0.5407911001em;
  color: #131315;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: 300;
}
h1,
.alpha {
  font-size: 2.617924em;
  line-height: 1.214;
  letter-spacing: -1px;
}
h2,
.beta {
  font-size: 2em;
  line-height: 1.214;
}
h2 + h3,
.beta + h3 {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 0.5407911001em;
}
h3,
.gamma {
  font-size: 1.618em;
}
h4,
.delta {
  font-size: 1.41575em;
}
.alpha,
.beta,
.gamma,
.delta {
  display: block;
}
p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
  margin-top: 2.2906835em;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 0 0 1.41575em;
}
p {
  margin: 0 0 1.41575em;
}
ul,
ol {
  margin: 0 0 1.41575em 3em;
  padding: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}
dt {
  font-weight: 600;
}
dd {
  margin: 0 0 1.618em;
}
b,
strong {
  font-weight: 600;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  padding: 0 1em;
  border-left: 3px solid rgba(0, 0, 0, 0.05);
  font-style: italic;
}
address {
  margin: 0 0 1.41575em;
}
pre {
  background: rgba(0, 0, 0, 0.1);
  font-family: "Courier 10 Pitch", Courier, monospace;
  margin-bottom: 1.618em;
  padding: 1.618em;
  overflow: auto;
  max-width: 100%;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.202em 0.5407911001em;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  text-decoration: none;
  font-weight: 600;
  background: rgba(0, 0, 0, 0);
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}
a {
  color: #2c2d33;
  text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 2px solid #7f54b3;
}
.storefront-cute * {
  font-family: "Comic Sans MS", sans-serif;
}
* {
  box-sizing: border-box;
}
body {
  background-color: #fff;
  overflow-x: hidden;
}
.site {
  overflow-x: hidden;
}
.site-content,
.header-widget-region {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-header {
  background-color: #2c2d33;
  padding-top: 1.618em;
  padding-bottom: 1.618em;
  color: #9aa0a7;
  background-position: center center;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
  display: block;
  margin-bottom: 0;
}
.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
  width: 100%;
  max-width: 210px;
}
.site-header .widget {
  margin-bottom: 0;
}
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb .site-header {
  margin-bottom: 4.235801032em;
}
.no-wc-breadcrumb.page-template-template-homepage .site-header {
  margin-bottom: 0;
}
.header-widget-region {
  position: relative;
  z-index: 99;
}
.header-widget-region::before,
.header-widget-region::after {
  content: "";
  display: table;
}
.header-widget-region::after {
  clear: both;
}
.header-widget-region .widget {
  margin: 0;
  padding: 1em 0;
  font-size: 0.875em;
}
.site-branding {
  float: left;
  margin-bottom: 0;
  width: calc(100% - 120px);
}
.site-branding .site-title {
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0;
}
.site-branding .site-title a {
  font-weight: 700;
}
.site-branding .site-description {
  font-size: 0.875em;
  display: none;
}
.site-branding .logo {
  margin: 0;
}
.site-main {
  margin-bottom: 2.617924em;
}
.site-content {
  outline: none;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 4.235801032em;
}
.page-template-template-homepage .type-page {
  padding-top: 2.617924em;
  padding-bottom: 2.617924em;
  position: relative;
}
.page-template-template-homepage .type-page .storefront-hero__button-edit {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 0.875em;
}
.page-template-template-homepage .entry-content {
  font-size: 1.1em;
}
.page-template-template-homepage .entry-content p:last-child {
  margin-bottom: 0;
}
.page-template-template-homepage .entry-header h1 {
  font-size: 3.706325903em;
  margin-bottom: 0.2360828548em;
}
.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
  max-width: 41.0994671405em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.page-template-template-homepage.has-post-thumbnail
  .type-page.has-post-thumbnail {
  background-size: cover;
  background-position: center center;
  padding-top: 6.8535260698em;
  padding-bottom: 6.8535260698em;
}
.page-template-template-homepage.has-post-thumbnail
  .type-page.has-post-thumbnail
  .entry-content,
.page-template-template-homepage.has-post-thumbnail
  .type-page.has-post-thumbnail
  .entry-title {
  opacity: 0;
  transition: all, ease, 0.5s;
}
.page-template-template-homepage.has-post-thumbnail
  .type-page.has-post-thumbnail
  .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail
  .type-page.has-post-thumbnail
  .entry-title.loaded {
  opacity: 1;
}
.site-footer {
  background-color: #f3f3f3;
  color: #3b3c3f;
  padding: 1.618em 0 3.706325903em;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: #333437;
}
.site-footer a {
  color: #2c2d33;
  text-decoration: underline;
}
.site-footer a:hover {
  text-decoration: none;
}
.site-footer a.button,
.site-footer a.components-button:not(.is-link),
.site-footer a.wp-block-button__link {
  text-decoration: none;
}
.site-info {
  padding: 2.617924em 0;
}
.site-info span[role="separator"] {
  padding: 0 0.2360828548em 0 0.3342343017em;
}
.site-info span[role="separator"]::before {
  content: "|";
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.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;
  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;
  display: block;
  font-weight: 700;
  height: auto;
  left: 0;
  line-height: normal;
  padding: 1em 1.618em;
  text-decoration: none;
  top: 0;
  width: auto;
  z-index: 100000;
  outline: none;
}
.screen-reader-text.skip-link:focus {
  clip-path: none;
}
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
  content: "";
  display: table;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
  clear: both;
}
table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table caption {
  padding: 1em 0;
  font-weight: 600;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}
table td p:last-child,
table th p:last-child {
  margin-bottom: 0;
}
table th {
  font-weight: 600;
}
table thead th {
  padding: 1.41575em;
  vertical-align: middle;
}
table tbody h2 {
  font-size: 1em;
  letter-spacing: normal;
  font-weight: 400;
}
table tbody h2 a {
  font-weight: 400;
}
.error404 .site-content .widget_product_search {
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.025);
}
.error404 .site-content .widget_product_search form {
  margin: 0;
}
.error404.right-sidebar .content-area,
.error404.left-sidebar .content-area {
  width: 100%;
}
.error404 .fourohfour-columns-2 {
  padding: 2.617924em 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-width: 1px 0;
  margin-bottom: 2.617924em;
}
.error404 .fourohfour-columns-2::before,
.error404 .fourohfour-columns-2::after {
  content: "";
  display: table;
}
.error404 .fourohfour-columns-2::after {
  clear: both;
}
.error404 .fourohfour-columns-2 ul.products li.product,
.error404 .fourohfour-columns-2 .widget {
  margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
  margin-bottom: 2.2906835em;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
  width: 45.4545454545%;
  float: left;
  margin-right: 9.0909090909%;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
  margin-right: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.025);
}
#comments {
  padding-top: 2.617924em;
}
#comments .comments-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 0.5407911001em;
  margin-bottom: 1.618em;
}
#comments .comment-list {
  list-style: none;
  margin-left: 0;
}
#comments .comment-list .comment-body::before,
#comments .comment-list .comment-body::after {
  content: "";
  display: table;
}
#comments .comment-list .comment-body::after {
  clear: both;
}
#comments .comment-list .comment-content {
  padding-bottom: 1.618em;
  margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
  padding: 1.618em;
  border-radius: 3px;
}
#comments .comment-list .comment-content .comment-text p:last-child {
  margin-bottom: 0;
}
#comments .comment-list .comment-meta {
  margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
  margin-bottom: 1em;
  max-width: 64px;
  height: auto;
}
#comments .comment-list .comment-meta a.comment-date {
  font-size: 0.875em;
}
#comments .comment-list .comment-meta cite {
  font-style: normal;
  clear: both;
  display: block;
}
#comments .comment-list .reply {
  margin-bottom: 1.618em;
  padding-top: 0.6180469716em;
}
#comments .comment-list .reply::before,
#comments .comment-list .reply::after {
  content: "";
  display: table;
}
#comments .comment-list .reply::after {
  clear: both;
}
#comments .comment-list .reply a {
  display: inline-block;
  margin-right: 1em;
}
#comments .comment-list .reply a:last-child {
  margin-right: 0;
}
#comments .comment-list .children {
  list-style: none;
}
.comment-content a {
  word-wrap: break-word;
}
#respond {
  clear: both;
  padding: 1.618em;
  background-color: rgba(0, 0, 0, 0.0125);
  position: relative;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
  width: 100%;
}
#respond .form-submit,
#respond form {
  margin-bottom: 0;
}
#respond #cancel-comment-reply-link {
  position: absolute;
  top: 0.5407911001em;
  right: 0.5407911001em;
  display: block;
  height: 1em;
  width: 1em;
  overflow: hidden;
  line-height: 1;
  font-size: 1.41575em;
  text-align: center;
  transition: transform, ease, 0.3s;
}
#respond #cancel-comment-reply-link:hover {
  transform: scale(1.3);
}
.hentry {
  margin: 0 0 4.235801032em;
}
.hentry .wp-post-image {
  margin-bottom: 1.618em;
  margin-left: auto;
  margin-right: auto;
}
.hentry .entry-header {
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry .entry-header .posted-on,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
  font-size: 0.875em;
}
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
  font-weight: 600;
  text-decoration: underline;
}
.hentry .entry-header .posted-on a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .byline a:hover {
  text-decoration: none;
}
.hentry .entry-content a {
  text-decoration: underline;
}
.hentry .entry-content a:hover {
  text-decoration: none;
}
.hentry .entry-content a.button,
.hentry .entry-content a.components-button:not(.is-link),
.hentry .entry-content a.wp-block-button__link {
  text-decoration: none;
}
.hentry .entry-taxonomy {
  margin: 1.41575em 0 0;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry.type-page .entry-header {
  border-bottom: 0;
  margin-bottom: 0;
}
.cat-links,
.tags-links {
  font-size: 0.875em;
}
.cat-links a,
.tags-links a {
  color: #727272;
  font-weight: 600;
  text-decoration: underline;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-links {
  clear: both;
  margin: 0 0 1em;
}
form {
  margin-bottom: 1.618em;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #43454b;
  border-color: #43454b;
  color: #fff;
  cursor: pointer;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  -webkit-appearance: none;
}
button::after,
input[type="button"]::after,
input[type="reset"]::after,
input[type="submit"]::after,
.button::after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
.added_to_cart::after {
  display: none;
}
button.cta,
button.alt,
input[type="button"].cta,
input[type="button"].alt,
input[type="reset"].cta,
input[type="reset"].alt,
input[type="submit"].cta,
input[type="submit"].alt,
.button.cta,
.button.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.added_to_cart.cta,
.added_to_cart.alt {
  background-color: #2c2d33;
  border-color: #2c2d33;
}
button.cta:hover,
button.alt:hover,
input[type="button"].cta:hover,
input[type="button"].alt:hover,
input[type="reset"].cta:hover,
input[type="reset"].alt:hover,
input[type="submit"].cta:hover,
input[type="submit"].alt:hover,
.button.cta:hover,
.button.alt:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link.cta:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link.alt:hover,
.added_to_cart.cta:hover,
.added_to_cart.alt:hover {
  background-color: #2c2d33;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
.added_to_cart:hover {
  color: #fff;
}
button.loading,
input[type="button"].loading,
input[type="reset"].loading,
input[type="submit"].loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
.added_to_cart.loading {
  opacity: 0.5;
}
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
.added_to_cart.small {
  padding: 0.5407911001em 0.875em;
  font-size: 0.875em;
}
button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link.disabled,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}
button.disabled:hover,
button:disabled:hover,
input[type="button"].disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"].disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"].disabled:hover,
input[type="submit"]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link.disabled:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link:disabled:hover,
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover {
  opacity: 0.5 !important;
}
.button.woocommerce-MyAccount-downloads-file {
  overflow-wrap: anywhere;
  word-break: break-word;
  -ms-word-break: break-all;
}
.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover {
  opacity: 0.5;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  margin: 0 0 0 0.3819820591em;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="search"]::placeholder {
  color: #616161;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text {
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.input-text:focus {
  background-color: #ededed;
}
textarea {
  overflow: auto;
  padding-left: 0.875em;
  vertical-align: top;
  width: 100%;
}
label {
  font-weight: 400;
}
label.inline input {
  width: auto;
}
fieldset {
  padding: 1.618em;
  padding-top: 1em;
  border: 0;
  margin: 0;
  margin-bottom: 1.618em;
  margin-top: 1.618em;
}
fieldset legend {
  font-weight: 600;
  padding: 0.6180469716em 1em;
  margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  display: inline-block;
  border-radius: 0;
}
.wp-caption {
  margin-bottom: 1em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  text-align: left;
  font-style: italic;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  padding: 1em 0;
}
.gallery {
  margin-bottom: 1em;
}
.gallery::before,
.gallery::after {
  content: "";
  display: table;
}
.gallery::after {
  clear: both;
}
.gallery .gallery-item {
  float: left;
}
.gallery .gallery-item .gallery-icon a {
  display: block;
}
.gallery .gallery-item .gallery-icon img {
  border: none;
  height: auto;
  margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
  margin: 0;
  text-align: center;
}
.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
  width: 16.666666667%;
}
.gallery.gallery-columns-7 .gallery-item {
  width: 14.285714286%;
}
.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
  width: 11.111111111%;
}
embed,
iframe,
object,
video {
  max-width: 100%;
}
.secondary-navigation {
  display: none;
}
button.menu-toggle {
  cursor: pointer;
  text-align: left;
  float: right;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0);
  box-shadow: none;
  border-radius: 2px;
  background-image: none;
  padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
  font-size: 0.875em;
  max-width: 120px;
}
button.menu-toggle:hover {
  background-image: none;
}
button.menu-toggle span::before {
  transition: all, ease, 0.2s;
}
button.menu-toggle::before,
button.menu-toggle::after,
button.menu-toggle span::before {
  content: "";
  display: block;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -1px;
  transition: all, ease, 0.2s;
  border-radius: 3px;
}
button.menu-toggle::before {
  transform: translateY(-4px);
}
button.menu-toggle::after {
  transform: translateY(4px);
}
.toggled button.menu-toggle::before,
.toggled button.menu-toggle::after {
  transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
  transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
  opacity: 0;
}
.primary-navigation {
  display: none;
}
.main-navigation::before,
.main-navigation::after {
  content: "";
  display: table;
}
.main-navigation::after {
  clear: both;
}
.main-navigation div.menu {
  display: none;
}
.main-navigation div.menu:last-child {
  display: block;
}
.main-navigation .menu {
  clear: both;
}
.handheld-navigation,
.nav-menu,
.main-navigation div.menu > ul:not(.nav-menu) {
  overflow: hidden;
  max-height: 0;
  transition: all, ease, 0.8s;
}
.handheld-navigation {
  clear: both;
}
.handheld-navigation ul {
  margin: 0;
}
.handheld-navigation ul.menu li {
  position: relative;
}
.handheld-navigation ul.menu li button::after {
  transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu li button.toggled-on::after {
  transform: rotate(180deg);
}
.handheld-navigation ul.menu .sub-menu {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all, ease, 0.9s;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
  visibility: visible;
  max-height: 9999px;
  opacity: 1;
}
.handheld-navigation .dropdown-toggle {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded="true"] {
  max-height: 9999px;
}
.main-navigation ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.main-navigation ul ul {
  display: block;
  margin-left: 1.41575em;
}
.main-navigation ul li a {
  padding: 0.875em 0;
  display: block;
}
.main-navigation ul li a:hover {
  color: #e6e6e6;
}
.site-main nav.navigation {
  clear: both;
  padding: 2.617924em 0;
}
.site-main nav.navigation::before,
.site-main nav.navigation::after {
  content: "";
  display: table;
}
.site-main nav.navigation::after {
  clear: both;
}
.site-main nav.navigation .nav-previous a,
.site-main nav.navigation .nav-next a {
  display: inline-block;
}
.site-main nav.navigation .nav-previous {
  float: left;
  width: 50%;
}
.site-main nav.navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.pagination,
.woocommerce-pagination {
  padding: 1em 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-width: 1px 0;
  text-align: center;
  clear: both;
}
.pagination ul.page-numbers::before,
.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
  content: "";
  display: table;
}
.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after {
  clear: both;
}
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
  list-style: none;
  margin: 0;
  vertical-align: middle;
}
.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
  display: inline-block;
}
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
  border-left-width: 0;
  display: inline-block;
  padding: 0.3342343017em 0.875em;
  background-color: rgba(0, 0, 0, 0.025);
  color: #43454b;
}
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #2c2d33;
  border-color: #2c2d33;
}
.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
  background-color: rgba(0, 0, 0, 0);
}
.pagination .page-numbers li .page-numbers.prev,
.pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next {
  padding-left: 1em;
  padding-right: 1em;
}
.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
  transform: rotateY(180deg);
}
.widget {
  margin: 0 0 3.706325903em;
}
.widget select {
  max-width: 100%;
}
.widget .widget-search .search-submit {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.widget .widget-title,
.widget .widgettitle {
  font-size: 1.41575em;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 1em;
  margin-bottom: 1em;
  font-weight: 300;
}
.widget ul {
  margin-left: 0;
  list-style: none;
}
.widget ul ul {
  margin-left: 1.618em;
}
.widget-area .widget {
  font-size: 0.875em;
  font-weight: 400;
}
.widget-area .widget h1.widget-title {
  font-size: 1.41575em;
}
.widget-area .widget a {
  font-weight: 600;
  text-decoration: underline;
}
.widget-area .widget a:hover {
  text-decoration: none;
}
.widget-area .widget a.button,
.widget-area .widget a.components-button:not(.is-link),
.widget-area .widget a.wp-block-button__link {
  text-decoration: none;
}
.widget-area .widget a.button {
  font-weight: 600 !important;
}
.widget_search form:not(.wp-block-search),
.widget_product_search form:not(.wp-block-search) {
  position: relative;
}
.widget_search form:not(.wp-block-search) input[type="text"],
.widget_search form:not(.wp-block-search) input[type="search"],
.widget_product_search form:not(.wp-block-search) input[type="text"],
.widget_product_search form:not(.wp-block-search) input[type="search"] {
  width: 100%;
}
.widget_search form:not(.wp-block-search) input[type="submit"],
.widget_search form:not(.wp-block-search) button[type="submit"],
.widget_product_search form:not(.wp-block-search) input[type="submit"],
.widget_product_search form:not(.wp-block-search) button[type="submit"] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  top: 0;
  left: 0;
}
.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
  margin: 0;
}
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
  list-style: none;
  margin-bottom: 1em;
  line-height: 1.41575em;
}
.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children {
  margin-left: 0;
  margin-top: 1em;
}
#wp-calendar th,
#wp-calendar td,
.wp-calendar-table th,
.wp-calendar-table td {
  padding: 0.236em;
  text-align: center;
}
.widget_recent_entries ul ul.children,
.widget_pages ul ul.children {
  margin: 0.6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
  margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
  text-decoration: none !important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
  display: inline-block;
  height: 1em;
  line-height: 1;
}
@media (min-width: 768px) {
  table.shop_table_responsive tbody tr td,
  table.shop_table_responsive tbody tr th {
    text-align: left;
  }
  .site-header {
    padding-top: 2.617924em;
    padding-bottom: 0;
  }
  .site-header .site-branding {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }
  .site-header .site-branding img {
    height: auto;
    max-width: 230px;
    max-height: none;
  }
  .woocommerce-active .site-header .site-branding {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }
  .woocommerce-active .site-header .site-search {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .woocommerce-active .site-header .main-navigation {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
  }
  .woocommerce-active .site-header .site-header-cart {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
  }
  .storefront-secondary-navigation .site-header .site-branding {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
  }
  .storefront-secondary-navigation .site-header .secondary-navigation {
    width: 56.5217391304%;
    float: right;
    margin-right: 0;
  }
  .storefront-secondary-navigation.woocommerce-active
    .site-header
    .site-branding {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }
  .storefront-secondary-navigation.woocommerce-active
    .site-header
    .secondary-navigation {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }
  .site-branding .site-description {
    margin-bottom: 0;
    display: block;
  }
  .site-branding,
  .site-search,
  .site-header-cart,
  .site-logo-anchor,
  .site-logo-link,
  .custom-logo-link {
    margin-bottom: 1.41575em;
  }
  .site-header .subscribe-and-connect-connect {
    float: right;
    margin-bottom: 1em;
  }
  .site-header .subscribe-and-connect-connect .icons {
    list-style: none;
    margin: 0;
  }
  .site-header .subscribe-and-connect-connect .icons a {
    font-size: 1em !important;
  }
  .site-header .subscribe-and-connect-connect .icons li {
    margin: 0 0 0 0.5407911001em !important;
    display: inline-block;
  }
  .col-full {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
  }
  .col-full::before,
  .col-full::after {
    content: "";
    display: table;
  }
  .col-full::after {
    clear: both;
  }
  .col-full:after {
    content: " ";
    display: block;
    clear: both;
  }
  .site-content::before,
  .site-content::after {
    content: "";
    display: table;
  }
  .site-content::after {
    clear: both;
  }
  .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }
  .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }
  .right-sidebar .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }
  .right-sidebar .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }
  .left-sidebar .content-area {
    width: 73.9130434783%;
    float: right;
    margin-right: 0;
  }
  .left-sidebar .widget-area {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }
  .storefront-full-width-content .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .content-area,
  .widget-area {
    margin-bottom: 2.617924em;
  }
  .page-template-template-fullwidth-php .content-area,
  .page-template-template-homepage-php .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .footer-widgets {
    padding-top: 4.235801032em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .footer-widgets::before,
  .footer-widgets::after {
    content: "";
    display: table;
  }
  .footer-widgets::after {
    clear: both;
  }
  .footer-widgets.col-2 .block {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }
  .footer-widgets.col-2 .block.footer-widget-2 {
    float: right;
    margin-right: 0;
  }
  .footer-widgets.col-3 .block {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%;
  }
  .footer-widgets.col-3 .block.footer-widget-3 {
    float: right;
    margin-right: 0;
  }
  .footer-widgets.col-4 .block {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }
  .footer-widgets.col-4 .block.footer-widget-4 {
    float: right;
    margin-right: 0;
  }
  .comment-list::before,
  .comment-list::after {
    content: "";
    display: table;
  }
  .comment-list::after {
    clear: both;
  }
  .comment-list .comment {
    clear: both;
  }
  .comment-list .comment-meta {
    width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%;
    text-align: right;
  }
  .comment-list .comment-meta .avatar {
    float: right;
  }
  .comment-list .comment-content {
    padding-bottom: 3.706325903em;
    margin-bottom: 3.706325903em;
  }
  .comment-list .comment-content,
  .comment-list #respond {
    width: 76.4705882353%;
    float: right;
    margin-right: 0;
  }
  .comment-list #respond {
    float: right;
  }
  .comment-list #respond .comment-form-author,
  .comment-list #respond .comment-form-email,
  .comment-list #respond .comment-form-url {
    width: 100%;
    margin-right: 0;
  }
  .comment-list .comment-body #respond {
    box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
    margin-bottom: 2.617924em;
    margin-top: -1.618em;
  }
  .comment-list .reply {
    clear: both;
    text-align: right;
  }
  .comment-list ol.children {
    width: 88.2352941176%;
    float: right;
    margin-right: 0;
    list-style: none;
  }
  .comment-list ol.children .comment-meta {
    width: 20%;
    float: left;
    margin-right: 6.6666666667%;
  }
  .comment-list ol.children .comment-content,
  .comment-list ol.children #respond {
    width: 73.3333333333%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children {
    width: 86.6666666667%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children .comment-meta {
    width: 23.0769230769%;
    float: left;
    margin-right: 7.6923076923%;
  }
  .comment-list ol.children ol.children .comment-content,
  .comment-list ol.children ol.children #respond {
    width: 69.2307692308%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children ol.children {
    width: 84.6153846154%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children ol.children .comment-meta {
    width: 27.2727272727%;
    float: left;
    margin-right: 9.0909090909%;
  }
  .comment-list ol.children ol.children ol.children .comment-content,
  .comment-list ol.children ol.children ol.children #respond {
    width: 63.6363636364%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children ol.children ol.children {
    width: 81.8181818182%;
    float: right;
    margin-right: 0;
  }
  .comment-list ol.children ol.children ol.children ol.children .comment-meta {
    width: 33.3333333333%;
    float: left;
    margin-right: 11.1111111111%;
  }
  .comment-list
    ol.children
    ol.children
    ol.children
    ol.children
    .comment-content,
  .comment-list ol.children ol.children ol.children ol.children #respond {
    width: 55.5555555556%;
    float: right;
    margin-right: 0;
  }
  #respond {
    padding: 2.617924em;
  }
  #respond .comment-form-author,
  #respond .comment-form-email,
  #respond .comment-form-url {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }
  #respond .comment-form-url {
    float: right;
    margin-right: 0;
  }
  #respond .comment-form-comment {
    clear: both;
  }
  .hentry .entry-header {
    margin-bottom: 2.617924em;
  }
  .menu-toggle,
  .handheld-navigation,
  .main-navigation.toggled .handheld-navigation,
  .main-navigation.toggled div.menu {
    display: none;
  }
  .primary-navigation {
    display: block;
  }
  .main-navigation,
  .secondary-navigation {
    clear: both;
    display: block;
    width: 100%;
  }
  .main-navigation ul,
  .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
  }
  .main-navigation ul li,
  .secondary-navigation ul li {
    position: relative;
    display: inline-block;
    text-align: left;
  }
  .main-navigation ul li a,
  .secondary-navigation ul li a {
    display: block;
  }
  .main-navigation ul li a::before,
  .secondary-navigation ul li a::before {
    display: none;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul,
  .secondary-navigation ul li:hover > ul,
  .secondary-navigation ul li.focus > ul {
    left: 0;
    display: block;
  }
  .main-navigation ul li:hover > ul li > ul,
  .main-navigation ul li.focus > ul li > ul,
  .secondary-navigation ul li:hover > ul li > ul,
  .secondary-navigation ul li.focus > ul li > ul {
    left: -9999px;
  }
  .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
  .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
  .secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
  .secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }
  .main-navigation ul li:hover > ul li:hover > ul,
  .main-navigation ul li:hover > ul li.focus > ul,
  .main-navigation ul li.focus > ul li:hover > ul,
  .main-navigation ul li.focus > ul li.focus > ul,
  .secondary-navigation ul li:hover > ul li:hover > ul,
  .secondary-navigation ul li:hover > ul li.focus > ul,
  .secondary-navigation ul li.focus > ul li:hover > ul,
  .secondary-navigation ul li.focus > ul li.focus > ul {
    left: 100%;
    top: 0;
    display: block;
  }
  .main-navigation ul ul,
  .secondary-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    z-index: 99999;
    left: -9999px;
  }
  .main-navigation ul ul.sub-menu--is-touch-device,
  .secondary-navigation ul ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }
  .main-navigation ul ul li,
  .secondary-navigation ul ul li {
    display: block;
  }
  .main-navigation ul ul li a,
  .secondary-navigation ul ul li a {
    width: 200px;
  }
  ul.menu li.current-menu-item > a {
    color: #43454b;
  }
  .storefront-primary-navigation {
    clear: both;
  }
  .storefront-primary-navigation::before,
  .storefront-primary-navigation::after {
    content: "";
    display: table;
  }
  .storefront-primary-navigation::after {
    clear: both;
  }
  .main-navigation div.menu {
    display: block;
  }
  .main-navigation ul.menu,
  .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    margin-left: -1em;
    transition: none;
  }
  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a {
    padding: 1.618em 1em;
  }
  .main-navigation ul.menu > li.menu-item-has-children:hover::after,
  .main-navigation ul.menu > li.page_item_has_children:hover::after,
  .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
  .main-navigation ul.nav-menu > li.page_item_has_children:hover::after {
    display: block;
  }
  .main-navigation ul.menu ul,
  .main-navigation ul.nav-menu ul {
    margin-left: 0;
  }
  .main-navigation ul.menu ul li a,
  .main-navigation ul.nav-menu ul li a {
    padding: 0.875em 1.41575em;
    font-weight: 400;
    font-size: 0.875em;
  }
  .main-navigation ul.menu ul li:last-child,
  .main-navigation ul.nav-menu ul li:last-child {
    border-bottom: 0;
  }
  .main-navigation ul.menu ul ul,
  .main-navigation ul.nav-menu ul ul {
    margin-left: 0;
    box-shadow: none;
  }
  .main-navigation ul.menu ul a:hover,
  .main-navigation ul.menu ul li:hover > a,
  .main-navigation ul.menu ul li.focus,
  .main-navigation ul.nav-menu ul a:hover,
  .main-navigation ul.nav-menu ul li:hover > a,
  .main-navigation ul.nav-menu ul li.focus {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .main-navigation a {
    padding: 0 1em 2.2906835em;
  }
  .secondary-navigation {
    margin: 0 0 1.618em;
    width: auto;
    clear: none;
    line-height: 1;
  }
  .secondary-navigation .menu {
    font-size: 0.875em;
    width: auto;
    float: right;
  }
  .secondary-navigation .menu > li:hover > a {
    text-decoration: none;
  }
  .secondary-navigation .menu ul a {
    padding: 0.326em 0.875em;
    background: rgba(0, 0, 0, 0.05);
  }
  .secondary-navigation .menu ul li:first-child a {
    padding-top: 1em;
  }
  .secondary-navigation .menu ul li:last-child a {
    padding-bottom: 1em;
  }
  .secondary-navigation .menu ul ul {
    margin-top: -0.6180469716em;
  }
  .secondary-navigation .menu a {
    padding: 1em 0.875em;
    color: #737781;
    font-weight: 400;
  }
  .secondary-navigation .menu a:hover {
    text-decoration: none;
  }
  .error404 .fourohfour-columns-2 .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }
  .error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 0;
  }
  .error404 .fourohfour-columns-2 .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
  }
}
@media (max-width: 568px) {
  .col-full {
    margin-left: 1.41575em;
    margin-right: 1.41575em;
    padding: 0;
  }
}

#pfc_crop_container {
  display: block;
  margin-top: 0px !important;
  position: relative;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px !important;
}

div#pfc_preview {
  text-align: center;
  max-width: 100% !important;
  width: 100%;
}

#pfc_crop_inline_image {
  max-height: 300px !important;
}

.pfc-workshop-left section {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px !important;
}

#pfc-configurator input[type="text"],
#pfc-configurator input[type="number"],
#pfc-configurator input[type="email"],
#pfc-configurator input[type="url"],
#pfc-configurator select {
  border-radius: 5px !important;
}

#pfc_running_total {
  font-size: 14px !important;
  font-weight: normal !important;
}

#pfc_running_total > div:nth-child(3) {
  font-weight: bold !important;
}

#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-dimensions
  > div:nth-child(4)
  > span:nth-child(4) {
  font-size: 15px !important;
}

#pfc_price_mat_single,
#pfc_price_mat_outer,
#pfc_price_mat_inner {
  width: 60px !important;
}

#pfc_frame_tooltip .pfc-frame-tooltip-inner {
  max-width: 400px !important;
  padding: 12px !important;
}

#pfc_frame_tooltip .pfc-frame-preview,
#pfc_frame_tooltip .pfc-frame-slice {
  max-width: 48% !important;
  flex: 1 1 48% !important;
}

#pfc-configurator .pfc-navigation .button {
  text-transform: none !important;
}

#pfc-configurator h3 {
  color: #4e4e4e;
  font-weight: 300;
  font-size: 16px;
}

.pfc-type-group label:has(input[type="radio"]:checked) {
  border-color: #00b29a !important;
  background: #eef7f6 !important;
}

.pfc-type-group label {
  display: block;
  padding: 8px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.pfc-type-group input[type="radio"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
  position: relative;
}

.pfc-type-group input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #00b29a;
  border-radius: 50%;
}

.pfc-frame-filters {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap; /* optional: wraps on small screens */
}

.pfc-frame-filters label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 0; /* remove inline margin */
}

#pfc_debug_section,
#pfc_crop_container
  > div.__cropro_.__cropro__3_
  > div
  > div:nth-child(1)
  > div:nth-child(2),
#pfc_crop_container > div > div > div:nth-child(1) > div:nth-child(2),
#pfc_crop_container
  > div
  > div
  > div:nth-child(1)
  > div:nth-child(1)
  > div:nth-child(3),
#pfc_calc_debug,
#pfc-configurator > ul > li:nth-child(1) {
  display: none !important;
}

.pfc-workshop-left .pfc-mat-layer,
.pfc-workshop-left #pfc_frame_row1,
#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-frames
  > div:nth-child(8),
.pfc-workshop-left
  #pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-frames
  > div:nth-child(10) {
  align-items: end !important;
}

.pfc-workshop-left label,
#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-dimensions
  > div:nth-child(4)
  > span:nth-child(1),
.pfc-workshop-left
  #pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-dimensions
  > div:nth-child(4)
  > span:nth-child(4) {
  font-size: 15px;
}

.pfc-workshop-left h3,
.pfc-workshop-left h4 {
  font-size: 18px !important;
}

.__cropro__1_toolbar_colors,
#pfc_crop_container > div.__cropro_.__cropro__2_ > div > div:nth-child(1),
#pfc_crop_container > div > div > div:nth-child(1),
#pfc_crop_container > div > div > div:nth-child(3) {
  background-color: #233a5e !important;
}

#pfc-configurator {
  border: 0px !important;
  padding: 0px !important;
  min-height: 400px;
  background-color: var(--pfc-bg-color);
  color: var(--pfc-text-color);
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

#pfc-configurator .pfc-tabs {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin: 0;
  /* border-bottom: 1px solid var(--pfc-border-color); */
  overflow-x: auto;
  /* background-color: var(--pfc-panel-bg); */
}

#pfc-configurator .pfc-tabs li {
  flex: 1 1 0;
  margin-right: 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
  /* border: 1px solid var(--pfc-border-color); */
  border-bottom: none;
  /* background-color: var(--pfc-panel-bg); */
  color: var(--pfc-text-color);
  white-space: nowrap;
  border-radius: 0px !important;
  font-size: 0.875rem;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
  float: none;
  width: auto;
  line-height: 25px !important;
  overflow: visible;
  white-space: unset;
  text-overflow: unset;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left: 0px !important;
  border-right: 0px !important;
}

#pfc-configurator .pfc-left {
  background-color: var(--pfc-panel-bg);
  border: 0px !important;
  /* border-radius: 4px; */
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

#pfc-configurator .pfc-right {
  background-color: var(--pfc-panel-bg);
  border: 0px !important;
  /* border-radius: 4px; */
  padding: 1rem;
  box-shadow: none !important;
  background: none !important;
}

#pfc-configurator h1,
#pfc-configurator h2,
#pfc-configurator h3,
#pfc-configurator h4,
#pfc-configurator h5,
#pfc-configurator h6 {
  color: var(--pfc-heading-color);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.16667;
  letter-spacing: 0.009em;
  font-family: "SF-Display", Arial, sans-serif;
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  > p
  > strong {
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 600;
  letter-spacing: -0.022em;
  font-family: "SF-Text", Arial, sans-serif;
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  > label,
#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > label,
#pfc-configurator > div.pfc-wrapper > div.pfc-left > div.pfc-steps > div > p {
  font-size: 15px;
  line-height: 1.42859;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #333;
}

#pfc-configurator .pfc-option .label,
#pfc-configurator .pfc-step-frame label span,
#pfc-configurator .pfc-option span {
  color: inherit;
  font-weight: inherit;
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  > label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  margin: 8px 0;
  border: 1px solid var(--pfc-border-color);
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease,
    transform 0.05s ease;

  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.42859;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #333;
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  label:active {
  border-color: #00b29a;
  background: #eef7f6;
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  > label:hover {
  border-color: color-mix(
    in srgb,
    var(--pfc-primary-color) 35%,
    var(--pfc-border-color)
  );
  box-shadow: 0 6px 18px rgba(0, 43, 90, 0.08);
}

#pfc-configurator
  > div.pfc-wrapper
  > div.pfc-left
  > div.pfc-steps
  > div
  > div
  > br,
#pfc-configurator > div.pfc-wrapper > div.pfc-left > div.pfc-steps > div > hr {
  display: none !important;
}

body > div.__cropro_.__cropro__1_ > div > div:nth-child(1) > div:nth-child(2) {
  display: none !important;
}

.pfc-workshop-right #pfc_preview {
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding-top: 20px;
  padding-left: 20px;
  text-align: center;
}

.pfc-workshop-left {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.pfc-workshop-right {
  min-width: 40% !important;
}

.pfc-workshop-left #pfc_image_preview {
  display: none !important;
}

.pfc-workshop-left #pfc_height,
.pfc-workshop-left #pfc_width {
  width: 50% !important;
}

body > div.__cropro_.__cropro__0_ > div > div:nth-child(1) > div:nth-child(2) {
  display: none !important;
}

/* Shared button style */
.pfc-btn,
button.button,
input[type="file"]::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;

  border-radius: 6px;
  border: 1px solid #e5e7eb;

  background: #ffffff;
  color: #374151;

  cursor: pointer;
  transition: all 0.15s ease;
}

/* Subtle hover */
.pfc-btn:hover,
button.button:hover,
input[type="file"]::file-selector-button:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

/* Active state */
.pfc-btn:active,
button.button:active,
input[type="file"]::file-selector-button:active {
  background: #f3f4f6;
}

/* Focus */
.pfc-btn:focus,
button.button:focus,
input[type="file"]::file-selector-button:focus {
  outline: none;
  border-color: #c7d2fe;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
}

/* Remove default width styling */
input[type="file"] {
  font-size: 13px;
}

.pfc-workshop-left,
#pfc-configurator > div.pfc-wrapper > div.pfc-left {
  max-width: 50% !important;
  flex: 1 1 520px;
  min-width: 320px;
  -webkit-box-shadow: 5px 5px 15px -7px #0000002e;
  box-shadow: 5px 5px 15px -7px #0000002e;
  padding-right: 10px;
  z-index: 999;

  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid var(--store-accent) !important;
}

.pfc-workshop-right {
  flex: 0 0 50% !important;
  min-width: 320px;
  position: sticky;
  top: 20px;
  max-width: 50% !important;
  height: 100vh !important;
}

.pfc-workshop-left section input {
  max-width: 120px !important;
}

.pfc-workshop-left section div span {
  font-size: 15px;
}

#pfc_preview_canvas {
  border: none !important;
}

.pfc-workshop-layout {
  gap: 0px !important;
}

#pfc_mirror_section > div:nth-child(5),
#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-frames
  > div:nth-child(10),
#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-frames
  > div:nth-child(12),
#pfc-configurator
  > div.pfc-workshop-layout
  > div.pfc-workshop-left
  > section.pfc-frames
  > div:nth-child(14) {
  align-items: flex-end !important;
}

.storefront-breadcrumb {
  margin: 0px !important;
}

.page-id-328 #content > div.col-full,
.page-id-2 #content > div.col-full {
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 2.617924em;
  box-sizing: content-box;
  padding-left: 0px;
  padding-right: 0px;
}

.page-id-328 .storefront-breadcrumb,
.page-id-328 .hentry.type-page .entry-header,
.page-id-2 .storefront-breadcrumb,
.page-id-2 .hentry.type-page .entry-header {
  display: none !important;
}

.site-content {
  outline: none;
  background: #f9fbfd;
}

h3 {
  color: #333 !important;
  font-size: 16px !important;
}

/* Container */
.pfc-size-tabs {
  list-style: none;
  padding: 4px;
  display: inline-flex;
  gap: 4px;
  margin-bottom: 0.75rem;

  background: var(--pfc-secondary-color);
  border: 1px solid var(--pfc-border-color);
  border-radius: 6px;
  margin-left: 0px;
}

/* Tab items */
.pfc-size-tabs li {
  padding: 6px 12px;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;

  color: var(--pfc-text-color);
  border-radius: 4px;

  transition: all 0.15s ease;
  user-select: none;
}

/* Hover */
.pfc-size-tabs li:hover {
  background: var(--pfc-accent-color);
}

/* Active tab */
.pfc-size-tabs li.active {
  background: var(--pfc-primary-color);
  color: white;
  font-weight: 600;
}

/* Optional: subtle pressed effect */
.pfc-size-tabs li:active {
  transform: scale(0.97);
}

.pfc-steps input[type="file"] {
  font-size: 13px;
  /* visibility: hidden; */
  display: none !important;
}

.pfc-size-tabs {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header,
.site-header {
  margin-bottom: 4.235801032em;
  padding-bottom: 0px !important;
  margin-bottom: 0px;
  padding-top: 30px !important;
}

/* Modern Järsi Storefront theme overrides */

/* Define a reusable colour palette based on the workshop configurator theme. */
:root {
  --store-primary: #233a5e;
  --store-primary-hover: #1a2f4c;
  --store-secondary: #eef4fb;
  --store-accent: #cfdff4;
  --store-text: #1b2e45;
  --store-muted-text: #5a6e8c;
}

/* Header styling */
.site-header {
  background-color: var(--store-primary);
  color: #ffffff;
  padding: 1rem 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.site-header .site-branding a {
  display: flex;
  align-items: center;
}

/* Primary navigation */
.site-header .main-navigation ul.menu {
  display: flex;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header .main-navigation ul.menu li a {
  font-size: 0.95rem;
  color: #333;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none;
}
.site-header .main-navigation ul.menu li a:hover,
.site-header .main-navigation ul.menu li.current-menu-item a,
.site-header .main-navigation ul.menu li.current_page_item a {
  border-bottom-color: var(--store-accent);
}

/* Search in header */
.site-header .site-search input.search-field {
  width: 180px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--store-accent);
  background-color: var(--store-secondary);
  color: var(--store-text);
  font-size: 0.85rem;
}
.site-header .site-search button {
  background-color: var(--store-accent);
  color: var(--store-primary);
  border: none;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.85rem;
}
.site-header .site-search button:hover {
  background-color: var(--store-primary-hover);
  color: #ffffff;
}

/* Header cart contents */
#site-header-cart .cart-contents {
  color: #ffffff;
}

/* Products grid styling */
ul.products.columns-4,
ul.products.columns-3,
ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
ul.products li.product {
  background-color: #ffffff;
  border: 1px solid var(--store-accent);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  padding: 1rem;
  width: calc(33.333% - 1rem);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
ul.products li.product:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
ul.products li.product img {
  border-radius: 4px;
  width: 100%;
  height: auto;
}
ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.5rem;
  color: var(--store-text);
}
ul.products li.product .price {
  color: var(--store-primary);
  font-weight: 700;
  margin-top: 0.25rem;
}
ul.products li.product .button {
  display: block;
  margin-top: 0.75rem;
  background-color: var(--store-primary);
  color: #ffffff;
  padding: 0.5rem 0;
  border-radius: 4px;
  text-align: center;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
ul.products li.product .button:hover {
  background-color: var(--store-accent);
  color: var(--store-primary);
}

/* Single product page styling */
.single-product .product .summary {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid var(--store-accent);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.single-product .product .entry-summary h1.product_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--store-text);
  margin-bottom: 0.5rem;
}
.single-product .product .price {
  font-size: 1.25rem;
  color: var(--store-primary);
  margin-bottom: 0.75rem;
}
.single-product .product .woocommerce-product-details__short-description {
  font-size: 0.9rem;
  color: var(--store-muted-text);
  margin-bottom: 1rem;
}
.single-product .product form.cart .button {
  background-color: var(--store-primary);
  color: #ffffff;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.single-product .product form.cart .button:hover {
  background-color: var(--store-primary-hover);
}
.single-product .product .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin-top: 1.5rem;
  border-bottom: 1px solid var(--store-accent);
}
.single-product .product .woocommerce-tabs ul.tabs li a {
  padding: 0.5rem 0;
  color: var(--store-text);
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease;
  text-decoration: none;
}
.single-product .product .woocommerce-tabs ul.tabs li.active a,
.single-product .product .woocommerce-tabs ul.tabs li a:hover {
  border-bottom-color: var(--store-primary);
}

/* Global button styling */
.button,
.woocommerce-button,
button.button,
input[type="submit"],
input[type="button"] {
  background-color: var(--store-primary);
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.button:hover,
.woocommerce-button:hover,
button.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--store-accent);
  color: var(--store-primary);
}

@media (min-width: 768px) {
  .site-main ul.products.columns-3 li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 0px !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
}

ul.products.columns-4,
ul.products.columns-3,
ul.products {
  gap: 0 !important;
}

.vc_row {
  overflow: visible !important;
  transform: none !important;
}

.pfc-wrapper {
  display: flex;
  align-items: flex-start;
}

.pfc-right {
  position: sticky;
  top: 20px;
}

.site-header .main-navigation ul.menu li a {
  font-size: 0.95rem;
  color: #333;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none;
  font-weight: 500;
}

.pfc-workshop-left button.button:hover,
#pfc_enlarge_preview:hover,
.pfc-skip-upload.button:hover {
  background-color: var(--pfc-secondary-color) !important;
  color: var(--pfc-primary-color) !important;
  border-color: var(--pfc-primary-color) !important;
  border: 1px solid !important;
}

.pfc-workshop-left button.button,
#pfc_enlarge_preview,
.pfc-skip-upload.button {
  border: 1px solid !important;
}

#pfc-configurator .pfc-option:has(input:checked),
#pfc-configurator .pfc-step-frame label:has(input:checked) {
  border-color: #00b29a !important;
  background: #eef7f6 !important;
}

#pfc-configurator {
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px !important;
}

.pfc-mat-swatch input[type="radio"]:checked + .pfc-mat-circle {
  border-color: #00b29a;
  box-shadow: 0 0 0 2px #00b29a;
}

@media (min-width: 768px) {
  .site-header-cart .cart-contents {
    padding: 0px !important;
  }
}

#site-header-cart .cart-contents {
  color: #333;
}

.woocommerce-active .site-header .site-header-cart {
  font-size: 0.95rem;
  font-weight: 500;
  padding-top: 7px;
}

#site-header-cart > li > div > div > ul > li > dl {
  display: none;
}

#pfc-configurator .pfc-tabs {
  -webkit-box-shadow: 5px 5px 15px -7px #0000002e;
  box-shadow: 5px 5px 15px -7px #0000002e;
}

/* ===== Wrapper ===== */
.storefront-sorting {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-bottom: 20px;
  padding: 12px 16px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

/* ===== Sorting dropdown ===== */
.woocommerce-ordering {
  margin: 0;
}

.woocommerce-ordering select.orderby {
  appearance: none;
  padding: 8px 36px 8px 12px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;

  /* custom arrow */
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23333' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 7.5l4.5 5 4.5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.woocommerce-ordering select.orderby:hover {
  background-color: #f0f0f0;
}

.woocommerce-ordering select.orderby:focus {
  outline: none;
  border-color: #1e73be;
  box-shadow: 0 0 0 2px rgba(30, 115, 190, 0.1);
}

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

/* ===== Pagination ===== */
.woocommerce-pagination {
  width: 100%;
  margin-top: 10px;
}

.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Pagination items */
.woocommerce-pagination .page-numbers li {
  margin: 0;
}

/* Links + current */
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #333;
  transition: all 0.2s ease;
}

/* Hover */
.woocommerce-pagination .page-numbers a:hover {
  background: #f0f0f0;
  border-color: #d5d5d5;
}

/* Active page */
.woocommerce-pagination .page-numbers .current {
  background: #333;
  color: #fff;
  border-color: #333;
}

/* Dots */
.woocommerce-pagination .page-numbers .dots {
  border: none;
  background: transparent;
  color: #999;
}

/* Next arrow */
.woocommerce-pagination .page-numbers .next {
  font-weight: bold;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .storefront-sorting {
    flex-direction: column;
    align-items: stretch;
  }

  .woocommerce-result-count {
    order: 3;
  }

  .woocommerce-pagination {
    order: 4;
  }
}

.woocommerce-pagination .page-numbers a {
  transition: transform 0.15s ease, background 0.2s ease;
}

.woocommerce-pagination .page-numbers a:hover {
  transform: translateY(-2px);
}

/* Hide internal configurator categories */
.wc-block-product-categories-list-item a[href*="/frame/"],
.wc-block-product-categories-list-item a[href*="/glass/"],
.wc-block-product-categories-list-item a[href*="/mat/"],
.wc-block-product-categories-list-item a[href*="/mirror/"],
.wc-block-product-categories-list-item a[href*="/paper/"],
.wc-block-product-categories-list-item a[href*="/service/"],
.wc-block-product-categories-list-item a[href*="/extra/"],
.wc-block-product-categories-list-item a[href*="/back/"],
.wc-block-product-categories-list-item a[href*="/alusraam/"] {
  display: none !important;
}

/* ===== Category Widget Wrapper ===== */
.wp-block-woocommerce-product-categories {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

/* ===== List ===== */
.wc-block-product-categories-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===== Category item ===== */
.wc-block-product-categories-list-item {
  margin: 0;
}

/* ===== Links ===== */
.wc-block-product-categories-list-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 10px;
  margin-bottom: 4px;

  border-radius: 8px;
  text-decoration: none;

  font-size: 14px;
  color: #2c3e50;

  transition: all 0.2s ease;
}

/* Hover */
.wc-block-product-categories-list-item > a:hover {
  background: #eef4fb;
  color: #1e73be;
}

/* Active category */
.wc-block-product-categories-list-item.current-cat > a {
  background: #1e73be;
  color: #fff;
  font-weight: 600;
}

/* ===== Subcategories ===== */
.wc-block-product-categories-list--depth-1 {
  padding-left: 10px;
  margin-top: 4px;
  border-left: 2px solid #eef4fb;
}

/* Subcategory links */
.wc-block-product-categories-list--depth-1 a {
  font-size: 13px;
  color: #5a6e8c;
  padding: 6px 10px;
}

/* Hover sub */
.wc-block-product-categories-list--depth-1 a:hover {
  color: #1e73be;
  background: #f5f9ff;
}

/* ===== Smooth expand effect ===== */
.wc-block-product-categories-list ul {
  transition: all 0.25s ease;
}

/* ===== Optional: spacing cleanup ===== */
.wc-block-product-categories-list-item:last-child a {
  margin-bottom: 0;
}

.wc-block-product-categories-list-item > a::after {
  content: "›";
  font-size: 12px;
  opacity: 0.4;
  transition: transform 0.2s ease;
}

.wc-block-product-categories-list-item > a:hover::after {
  transform: translateX(3px);
}

.wc-block-product-categories-list--depth-1 {
  max-height: 0;
  overflow: hidden;
}

.wc-block-product-categories-list-item:hover > ul {
  max-height: 500px;
}

#pfc_image_upload_section button.pfc-skip-upload {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #333333;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  cursor: pointer;
  line-height: 1;
}

.page-id-4858 .hentry.type-page .entry-header {
  display: none;
}