/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/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:      3.5.1
Tested up to: 5.6.0
Requires PHP: 5.6.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.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: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

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
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box
}

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: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse
}

td,
th {
    padding: 0
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

body,
button,
input,
textarea {
    color: #43454b;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400
}

body,
button,
input,
select,
textarea {
    font-family: Source Sans Pro, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif
}

select {
    color: initial;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 300
}

.alpha,
h1 {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px
}

.beta,
h2 {
    font-size: 2em;
    line-height: 1.214
}

.beta+h3,
h2+h3 {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: .5407911001em
}

.gamma,
h3 {
    font-size: 1.618em
}

.delta,
h4 {
    font-size: 1.41575em
}

.alpha,
.beta,
.delta,
.gamma {
    display: block
}

blockquote+h2,
blockquote+h3,
blockquote+h4,
blockquote+header h2,
form+h2,
form+h3,
form+h4,
form+header h2,
ol+h2,
ol+h3,
ol+h4,
ol+header h2,
p+h2,
p+h3,
p+h4,
p+header h2,
table+h2,
table+h3,
table+h4,
table+header h2,
ul+h2,
ul+h3,
ul+h4,
ul+header h2 {
    margin-top: 2.2906835em
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px
}

hr,
p {
    margin: 0 0 1.41575em
}

ol,
ul {
    margin: 0 0 1.41575em 3em;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

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

dt {
    font-weight: 600
}

dd {
    margin: 0 0 1.618em
}

b,
strong {
    font-weight: 600
}

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

blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0, 0, 0, .05)
}

address {
    margin: 0 0 1.41575em
}

pre {
    background: rgba(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, .05);
    padding: .202em .5407911001em
}

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

ins,
mark {
    text-decoration: none;
    font-weight: 600;
    background: rgba(0, 0, 0, 0)
}

sub,
sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .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,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid #96588a
}

.storefront-cute * {
    font-family: Comic Sans MS, sans-serif
}

* {
    box-sizing: border-box
}

body {
    background-color: #fff
}

.site,
body {
    overflow-x: hidden
}

.header-widget-region,
.site-content {
    -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: 50%;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.site-header .custom-logo-link,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
    display: block;
    margin-bottom: 0
}

.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-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:after,
.header-widget-region:before {
    content: "";
    display: table
}

.header-widget-region:after {
    clear: both
}

.header-widget-region .widget {
    margin: 0;
    padding: 1em 0;
    font-size: .875em
}

.site-branding {
    float: left;
    margin-bottom: 0;
    width: -webkit-calc(100% - 120px);
    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: .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: .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: .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: 50%;
    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;
    -webkit-transition: all, ease, .5s;
    transition: all, ease, .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 .2360828548em 0 .3342343017em
}

.site-info span[role=separator]:before {
    content: "\007c"
}

.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);
    -webkit-clip-path: inset(50%);
    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, .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 {
    -webkit-clip-path: none;
    clip-path: none
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header: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
}

table tbody h2,
table tbody h2 a {
    font-weight: 400
}

.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025)
}

.error404 .site-content .widget_product_search form {
    margin: 0
}

.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area {
    width: 100%
}

.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em
}

.error404 .fourohfour-columns-2:after,
.error404 .fourohfour-columns-2:before {
    content: "";
    display: table
}

.error404 .fourohfour-columns-2:after {
    clear: both
}

.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products li.product {
    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, .025)
}

#comments {
    padding-top: 2.617924em
}

#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em
}

#comments .comment-list {
    list-style: none;
    margin-left: 0
}

#comments .comment-list .comment-body:after,
#comments .comment-list .comment-body:before {
    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: .875em
}

#comments .comment-list .comment-meta cite {
    font-style: normal;
    clear: both;
    display: block
}

#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: .6180469716em
}

#comments .comment-list .reply:after,
#comments .comment-list .reply:before {
    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, .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: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    -webkit-transition: ease, .3s, -webkit-transform;
    transition: ease, .3s, -webkit-transform;
    transition: transform, ease, .3s;
    transition: transform, ease, .3s, -webkit-transform
}

#respond #cancel-comment-reply-link:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    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, .05)
}

.hentry .entry-header .byline,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .posted-on {
    font-size: .875em
}

.hentry .entry-header .byline a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .posted-on a {
    font-weight: 600;
    text-decoration: underline
}

.hentry .entry-header .byline a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .posted-on 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, .05)
}

.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0
}

.cat-links,
.tags-links {
    font-size: .875em
}

.cat-links a,
.tags-links a {
    color: #727272;
    font-weight: 600;
    text-decoration: underline
}

.byline,
.updated:not(.published) {
    display: none
}

.group-blog .byline,
.single .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
}

.added_to_cart,
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 0;
    border-radius: 0;
    background: none;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none;
    word-break: break-all
}

.added_to_cart:after,
.button:after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:after,
button:after,
input[type=button]:after,
input[type=reset]:after,
input[type=submit]:after {
    display: none
}

.added_to_cart.alt,
.added_to_cart.cta,
.button.alt,
.button.cta,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
button.alt,
button.cta,
input[type=button].alt,
input[type=button].cta,
input[type=reset].alt,
input[type=reset].cta,
input[type=submit].alt,
input[type=submit].cta {
    background-color: #2c2d33;
    border-color: #2c2d33
}

.added_to_cart.alt:hover,
.added_to_cart.cta:hover,
.button.alt:hover,
.button.cta:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
button.alt:hover,
button.cta:hover,
input[type=button].alt:hover,
input[type=button].cta:hover,
input[type=reset].alt:hover,
input[type=reset].cta:hover,
input[type=submit].alt:hover,
input[type=submit].cta:hover {
    background-color: #2c2d33
}

.added_to_cart:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    color: #fff
}

.added_to_cart.loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading {
    opacity: .5
}

.added_to_cart.small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small {
    padding: .5407911001em .875em;
    font-size: .875em
}

.added_to_cart.disabled,
.added_to_cart: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,
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 {
    opacity: .5 !important;
    cursor: not-allowed
}

.added_to_cart.disabled:hover,
.added_to_cart: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,
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 {
    opacity: .5 !important
}

.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
    opacity: .5;
    cursor: not-allowed
}

.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover {
    opacity: .5
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=checkbox]+label,
input[type=radio]+label {
    margin: 0 0 0 .3819820591em
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

input[type=search]::-webkit-input-placeholder {
    color: #616161
}

input[type=search]:-ms-input-placeholder {
    color: #616161
}

input[type=search]::-ms-input-placeholder {
    color: #616161
}

input[type=search]::placeholder {
    color: #616161
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.input-text,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    padding: .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, .125)
}

.input-text:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    background-color: #ededed
}

textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%
}

label {
    font-weight: 400
}

label.inline input {
    width: auto
}

fieldset {
    padding: 1em 1.618em 1.618em;
    border: 0;
    margin: 1.618em 0
}

fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s;
    opacity: 0
}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-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, .05);
    padding: 1em 0
}

.gallery {
    margin-bottom: 1em
}

.gallery:after,
.gallery:before {
    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;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
    max-width: 120px
}

button.menu-toggle,
button.menu-toggle:hover {
    background-image: none
}

button.menu-toggle span:before {
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s;
    border-radius: 3px
}

button.menu-toggle:before {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

button.menu-toggle:after {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.toggled button.menu-toggle:after,
.toggled button.menu-toggle:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toggled button.menu-toggle:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.toggled button.menu-toggle span:before {
    opacity: 0
}

.primary-navigation {
    display: none
}

.main-navigation:after,
.main-navigation:before {
    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,
.main-navigation div.menu>ul:not(.nav-menu),
.nav-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all, ease, .8s;
    transition: all, ease, .8s
}

.handheld-navigation {
    clear: both
}

.handheld-navigation ul {
    margin: 0
}

.handheld-navigation ul.menu li {
    position: relative
}

.handheld-navigation ul.menu li button:after {
    -webkit-transition: all, ease, .9s;
    transition: all, ease, .9s
}

.handheld-navigation ul.menu li button.toggled-on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.handheld-navigation ul.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transition: all, ease, .9s;
    transition: all, ease, .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: .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:after,
.site-main nav.navigation:before {
    content: "";
    display: table
}

.site-main nav.navigation:after {
    clear: both
}

.site-main nav.navigation .nav-next a,
.site-main nav.navigation .nav-previous 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, .05);
    border-width: 1px 0;
    text-align: center;
    clear: both
}

.pagination ul.page-numbers:after,
.pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before {
    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: .3342343017em .875em;
    background-color: rgba(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.next,
.pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
    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, .05)
}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
    -webkit-transform: rotateY(180deg);
    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);
    -webkit-clip-path: inset(50%);
    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, .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: .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_product_search form,
.widget_search form {
    position: relative
}

.widget_product_search form input[type=search],
.widget_product_search form input[type=text],
.widget_search form input[type=search],
.widget_search form input[type=text] {
    width: 100%
}

.widget_product_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_search form button[type=submit],
.widget_search form input[type=submit] {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    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_archive ul,
.widget_categories ul,
.widget_layered_nav_filters ul,
.widget_layered_nav ul,
.widget_links ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
    margin: 0
}

.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav_filters ul li,
.widget_layered_nav ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em
}

.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav_filters ul .children,
.widget_layered_nav ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children {
    margin-left: 0;
    margin-top: 1em
}

#wp-calendar td,
#wp-calendar th,
.wp-calendar-table td,
.wp-calendar-table th {
    padding: .236em;
    text-align: center
}

.widget_pages ul ul.children,
.widget_recent_entries ul ul.children {
    margin: .6180469716em 0 0 1.41575em
}

.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: .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
    }

    .custom-logo-link,
    .site-branding,
    .site-header-cart,
    .site-logo-anchor,
    .site-logo-link,
    .site-search {
        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 .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:after,
    .col-full:before {
        content: "";
        display: table
    }

    .col-full:after {
        content: " ";
        display: block;
        clear: both
    }

    .site-content:after,
    .site-content:before {
        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, .05)
    }

    .footer-widgets:after,
    .footer-widgets:before {
        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:after,
    .comment-list:before {
        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 #respond,
    .comment-list .comment-content {
        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, .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 #respond,
    .comment-list ol.children .comment-content {
        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 #respond,
    .comment-list ol.children ol.children .comment-content {
        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 #respond,
    .comment-list ol.children ol.children ol.children .comment-content {
        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 #respond,
    .comment-list ol.children ol.children ol.children ol.children .comment-content {
        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
    }

    .handheld-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled div.menu,
    .menu-toggle {
        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.focus>ul,
    .main-navigation ul li:hover>ul,
    .secondary-navigation ul li.focus>ul,
    .secondary-navigation ul li:hover>ul {
        left: 0;
        display: block
    }

    .main-navigation ul li.focus>ul li>ul,
    .main-navigation ul li:hover>ul li>ul,
    .secondary-navigation ul li.focus>ul li>ul,
    .secondary-navigation ul li:hover>ul li>ul {
        left: -9999px
    }

    .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,
    .main-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,
    .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device {
        display: none;
        left: 0
    }

    .main-navigation ul li.focus>ul li.focus>ul,
    .main-navigation ul li.focus>ul li:hover>ul,
    .main-navigation ul li:hover>ul li.focus>ul,
    .main-navigation ul li:hover>ul li:hover>ul,
    .secondary-navigation ul li.focus>ul li.focus>ul,
    .secondary-navigation ul li.focus>ul li:hover>ul,
    .secondary-navigation ul li:hover>ul li.focus>ul,
    .secondary-navigation ul li:hover>ul li:hover>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:after,
    .storefront-primary-navigation:before {
        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;
        -webkit-transition: none;
        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: .875em 1.41575em;
        font-weight: 400;
        font-size: .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.focus,
    .main-navigation ul.menu ul li:hover>a,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li.focus,
    .main-navigation ul.nav-menu ul li:hover>a {
        background-color: rgba(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: .875em;
        width: auto;
        float: right
    }

    .secondary-navigation .menu>li:hover>a {
        text-decoration: none
    }

    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(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: -.6180469716em
    }

    .secondary-navigation .menu a {
        padding: 1em .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
    }
}
/* ============================================
   FLORA FIONA - Custom WooCommerce Styling
   Optimeret til Storefront Theme
   ============================================ */

/* === CSS VARIABLES === */
:root {
  --ff-gold: #b8954f;
  --ff-gold-light: #d4af61;
  --ff-gold-dark: #8b7240;
  --ff-black: #1a1a1a;
  --ff-white: #ffffff;
  --ff-cream: #faf8f5;
  --ff-gray-light: #f5f5f5;
  --ff-gray: #888888;
  --ff-gray-dark: #444444;
  --ff-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  --ff-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
  --ff-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --ff-radius: 8px;
  --ff-radius-lg: 12px;
}

/* === GLOBAL TYPOGRAPHY === */
body {
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--ff-black);
  background-color: var(--ff-white);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ff-black);
}

/* Bedre læsbarhed på tekst */
p, span, a, li {
  color: var(--ff-black);
}

/* Links generelt */
a {
  color: var(--ff-gold);
  transition: var(--ff-transition);
}

a:hover {
  color: var(--ff-gold-dark);
}

/* ============================================
   HEADER STYLING - CENTRERET LOGO
   ============================================ */

/* Header baggrund - lys og elegant */
.site-header {
  background-color: var(--ff-white) !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
}

/* Fjern standard margin fra header */
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header,
.no-wc-breadcrumb .site-header {
  margin-bottom: 0 !important;
}

/* Logo sektion - Centreret og stort */
.site-header .col-full {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

.site-branding {
  float: none !important;
  width: auto !important;
  text-align: center !important;
  margin: 0 auto !important;
  order: 1 !important;
}

.site-branding .custom-logo-link {
  display: inline-block !important;
}

.site-branding .custom-logo-link img,
.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img {
  max-width: 280px !important;
  width: 280px !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* Skjul søgefelt i header (eller style det) */
.site-header .site-search {
  display: none !important;
}

/* ============================================
   NAVIGATION STYLING - GULD TEMA
   ============================================ */

.storefront-primary-navigation {
  background-color: var(--ff-white) !important;
  border-top: 1px solid var(--ff-gray-light) !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
}

.storefront-primary-navigation .col-full {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  position: relative !important;
}

/* Navigation menu */
.main-navigation {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.woocommerce-active .site-header .main-navigation {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li {
  margin: 0 !important;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  color: var(--ff-black) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 18px 25px !important;
  transition: var(--ff-transition) !important;
  position: relative !important;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a {
  color: var(--ff-gold) !important;
  background: transparent !important;
}

/* Underline effekt på hover */
.main-navigation ul.menu > li > a::after,
.main-navigation ul.nav-menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 15px !important;
  left: 25px !important;
  right: 25px !important;
  height: 2px !important;
  background: var(--ff-gold) !important;
  transform: scaleX(0) !important;
  transition: transform 0.3s ease !important;
}

.main-navigation ul.menu > li > a:hover::after,
.main-navigation ul.nav-menu > li > a:hover::after,
.main-navigation ul.menu > li.current-menu-item > a::after,
.main-navigation ul.nav-menu > li.current-menu-item > a::after {
  transform: scaleX(1) !important;
}

/* Dropdown menu styling */
.main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
  background: var(--ff-white) !important;
  border: 1px solid var(--ff-gray-light) !important;
  border-radius: var(--ff-radius) !important;
  box-shadow: var(--ff-shadow) !important;
  padding: 10px 0 !important;
}

.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
  color: var(--ff-black) !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.main-navigation ul.menu ul li a:hover,
.main-navigation ul.nav-menu ul li a:hover {
  background: var(--ff-cream) !important;
  color: var(--ff-gold) !important;
}

/* ============================================
   HEADER CART STYLING
   ============================================ */

.woocommerce-active .site-header .site-header-cart {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#site-header-cart {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#site-header-cart > li {
  display: inline-block !important;
}



#site-header-cart .cart-contents:hover {
  color: var(--ff-gold) !important;
  background: var(--ff-cream) !important;
}

#site-header-cart .cart-contents .woocommerce-Price-amount {
  color: var(--ff-gold) !important;
  font-weight: 600 !important;
}

#site-header-cart .cart-contents .count {
  background: var(--ff-gold) !important;
  color: var(--ff-white) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  margin-left: 5px !important;
}

/* Mini cart dropdown */
#site-header-cart .widget_shopping_cart {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  top: 100% !important;
  background: var(--ff-white) !important;
  border: 1px solid var(--ff-gray-light) !important;
  border-radius: var(--ff-radius-lg) !important;
  box-shadow: var(--ff-shadow-hover) !important;
  min-width: 320px !important;
  z-index: 9999 !important;
  padding: 20px !important;
}

#site-header-cart:hover .widget_shopping_cart,
#site-header-cart .widget_shopping_cart:hover {
  display: block !important;
}

/* Mini cart produkter */
.widget_shopping_cart .woocommerce-mini-cart {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  max-height: 300px !important;
  overflow-y: auto !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item:last-child {
  border-bottom: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: var(--ff-radius) !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item a:not(.remove) {
  color: var(--ff-black) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item .quantity {
  display: block !important;
  font-size: 12px !important;
  color: var(--ff-gray) !important;
  margin-top: 4px !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item .remove {
  color: var(--ff-gray) !important;
  font-size: 18px !important;
  margin-left: auto !important;
}

/* Mini cart total og knapper */
.widget_shopping_cart .woocommerce-mini-cart__total {
  padding: 15px 0 !important;
  border-top: 1px solid var(--ff-gray-light) !important;
  margin-top: 10px !important;
  font-size: 15px !important;
}

.widget_shopping_cart .woocommerce-mini-cart__total strong {
  color: var(--ff-black) !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 10px !important;
  margin-top: 15px !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
  flex: 1 !important;
  text-align: center !important;
  padding: 12px 15px !important;
  font-size: 12px !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
  background: transparent !important;
  color: var(--ff-gold) !important;
  border: 2px solid var(--ff-gold) !important;
  box-shadow: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
  background: var(--ff-gold) !important;
  color: var(--ff-white) !important;
}

/* ============================================
   SKJUL "FORSIDE" TITEL
   ============================================ */

.woocommerce-products-header__title.page-title,
.page-title {
  display: none !important;
}

/* ============================================
   SORTING - START FRA VENSTRE, PAGINATION HØJRE
   ============================================ */

.storefront-sorting {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  padding: 25px 0 !important;
  margin-bottom: 10px !important;
  border: none !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
}

.woocommerce .woocommerce-ordering {
  margin: 0 !important;
  float: none !important;
  order: 1 !important;
}

.woocommerce .woocommerce-ordering select.orderby {
  border: 2px solid var(--ff-gray-light) !important;
  border-radius: var(--ff-radius) !important;
  padding: 12px 40px 12px 15px !important;
  font-size: 15px !important;
  background-color: var(--ff-white) !important;
  cursor: pointer;
  transition: var(--ff-transition);
  box-shadow: none !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--ff-black) !important;
}

.woocommerce .woocommerce-ordering select.orderby:focus {
  border-color: var(--ff-gold) !important;
  outline: none !important;
}

.woocommerce-result-count {
  color: var(--ff-gray-dark) !important;
  font-size: 15px !important;
  margin: 0 !important;
  order: 2 !important;
  font-weight: 500 !important;
}

/* Pagination i højre side */
.storefront-sorting .woocommerce-pagination {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: auto !important;
  order: 3 !important;
}

/* ============================================
   BREADCRUMB STYLING
   ============================================ */

.storefront-breadcrumb {
  background: var(--ff-cream) !important;
  padding: 15px 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
}

.woocommerce-breadcrumb {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 14px !important;
  color: var(--ff-gray) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-breadcrumb a {
  color: var(--ff-gray-dark) !important;
  text-decoration: none !important;
  transition: var(--ff-transition) !important;
  font-weight: 500 !important;
}

.woocommerce-breadcrumb a:hover {
  color: var(--ff-gold) !important;
}

.woocommerce-breadcrumb .breadcrumb-separator {
  color: var(--ff-gray) !important;
  margin: 0 8px !important;
}

/* Breadcrumb home icon styling */
.woocommerce-breadcrumb a:first-child::before {
  content: none !important;
}

/* ============================================
   STOREFRONT LAYOUT OVERRIDES
   ============================================ */

.col-full {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Begræns bredde på indhold men ikke baggrund */
.site-content .col-full {
  max-width: 1600px !important;
  padding-top: 30px !important;
}

/* Header og navigation full width */
.site-header .col-full,
.storefront-primary-navigation .col-full {
  max-width: 1600px !important;
}

/* Footer full width */
.site-footer .col-full {
  max-width: 1400px !important;
}

.site-main {
  width: 100% !important;
}

/* Full width content area for shop */
.woocommerce-page #primary.content-area,
.post-type-archive-product #primary.content-area,
.tax-product_cat #primary.content-area {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}

/* Fjern Storefront's standard margins */
@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 568px) {
  .col-full {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ============================================
   BUTTONS
   ============================================ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple,
.button,
button,
input[type="submit"] {
  background: var(--ff-gold) !important;
  background-color: var(--ff-gold) !important;
  color: var(--ff-white) !important;
  border: none !important;
  border-radius: var(--ff-radius) !important;
  padding: 14px 32px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: var(--ff-transition) !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(184, 149, 79, 0.3) !important;
  text-shadow: none !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product a.button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--ff-gold-dark) !important;
  background-color: var(--ff-gold-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(184, 149, 79, 0.4) !important;
  color: var(--ff-white) !important;
}

/* "Læs mere" knap for udsolgte */
.woocommerce ul.products li.product.outofstock a.button {
  background: transparent !important;
  color: var(--ff-gold) !important;
  border: 2px solid var(--ff-gold) !important;
  box-shadow: none !important;
}

.woocommerce ul.products li.product.outofstock a.button:hover {
  background: var(--ff-gold) !important;
  color: var(--ff-white) !important;
}

/* ============================================
   PRODUCT GRID
   ============================================ */

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 30px !important;
  margin: 0 !important;
  padding: 40px 0 !important;
  width: 100% !important;
  clear: both !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product {
  background: var(--ff-white);
  border-radius: var(--ff-radius-lg);
  overflow: hidden;
  box-shadow: var(--ff-shadow);
  transition: var(--ff-transition);
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
}

.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last {
  margin-left: 0 !important;
  margin-right: 0 !important;
  clear: none !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-8px);
  box-shadow: var(--ff-shadow-hover);
}

/* Product Image */
.woocommerce ul.products li.product a img {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  transition: var(--ff-transition);
}

.woocommerce ul.products li.product > a {
  display: block;
  overflow: hidden;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05);
}

/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 20px 20px 10px !important;
  margin: 0 !important;
  color: var(--ff-black);
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0 !important;
}

/* Product Price */
.woocommerce ul.products li.product .price {
  padding: 0 20px 15px !important;
  margin: 0 !important;
  text-align: center;
  font-size: 18px !important;
  color: var(--ff-gold) !important;
  font-weight: 700;
  flex-grow: 1;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

.woocommerce ul.products li.product .price del {
  color: var(--ff-gray);
  font-size: 14px;
}

/* Add to Cart Button in Grid */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple {
  margin: auto 20px 20px 20px !important;
  width: calc(100% - 40px) !important;
  text-align: center !important;
  display: block !important;
  padding: 12px 20px !important;
  box-sizing: border-box !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination {
  border: none !important;
  padding: 30px 0 !important;
  text-align: right !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul.page-numbers {
  border: none !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-pagination ul li {
  border: none !important;
  margin: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-pagination ul li a.page-numbers,
.woocommerce-pagination ul li span.page-numbers {
  padding: 10px 16px !important;
  border-radius: var(--ff-radius) !important;
  background: var(--ff-white) !important;
  border: 2px solid var(--ff-gray-light) !important;
  color: var(--ff-black) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: var(--ff-transition) !important;
  display: block !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li a.page-numbers:hover {
  background: var(--ff-gold) !important;
  border-color: var(--ff-gold) !important;
  color: var(--ff-white) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li span.page-numbers.current {
  background: var(--ff-gold) !important;
  border-color: var(--ff-gold) !important;
  color: var(--ff-white) !important;
}

/* Pagination i sorting bar - kompakt version */
.storefront-sorting .woocommerce-pagination {
  padding: 0 !important;
}

.storefront-sorting .woocommerce-pagination ul.page-numbers {
  gap: 4px !important;
}

.storefront-sorting .woocommerce-pagination ul li a,
.storefront-sorting .woocommerce-pagination ul li span {
  padding: 8px 14px !important;
  font-size: 13px !important;
}

/* Fjern ekstra pile på pagination */
.woocommerce-pagination ul li a.next::after,
.woocommerce-pagination ul li a.prev::before,
.woocommerce nav.woocommerce-pagination ul li a.next::after,
.woocommerce nav.woocommerce-pagination ul li a.prev::before,
.page-numbers.next::after,
.page-numbers.prev::before {
  display: none !important;
  content: none !important;
}

/* ============================================
   SINGLE PRODUCT PAGE
   ============================================ */

.single-product div.product {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.single-product .product_title.entry-title {
  font-size: 32px !important;
  margin-bottom: 20px !important;
  color: var(--ff-black);
  font-weight: 600 !important;
}

.single-product p.price {
  font-size: 28px !important;
  color: var(--ff-gold) !important;
  margin-bottom: 20px !important;
  font-weight: 700;
}

/* Stock status */
.single-product .stock {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.single-product .stock.in-stock {
  color: #4a7c59 !important;
}

.single-product .stock.out-of-stock {
  color: #c0392b !important;
}

/* Quantity Input */
.woocommerce .quantity .qty {
  width: 80px !important;
  height: 50px !important;
  border: 2px solid var(--ff-gray-light) !important;
  border-radius: var(--ff-radius) !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: var(--ff-white) !important;
  box-shadow: none !important;
}

.woocommerce .quantity .qty:focus {
  border-color: var(--ff-gold) !important;
  outline: none !important;
  background: var(--ff-white) !important;
}

/* Single Add to Cart */
.single-product .single_add_to_cart_button {
  height: 50px !important;
  vertical-align: top !important;
}

/* Product Meta */
.single-product .product_meta {
  padding-top: 25px;
  border-top: 1px solid var(--ff-gray-light);
  margin-top: 25px;
  font-size: 14px;
  color: var(--ff-gray);
}

.single-product .product_meta a {
  color: var(--ff-gold);
  text-decoration: none;
}

.single-product .product_meta a:hover {
  color: var(--ff-gold-dark);
}

/* ============================================
   PRODUCT TABS
   ============================================ */

.woocommerce div.product .woocommerce-tabs {
  margin-top: 50px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
  border-bottom: 2px solid var(--ff-gray-light) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 15px 25px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--ff-gray) !important;
  background: transparent !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  display: inline-block !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--ff-gold) !important;
  border-bottom-color: var(--ff-gold) !important;
  background: transparent !important;
}

/* ============================================
   RELATED PRODUCTS
   ============================================ */

.woocommerce .related.products,
.woocommerce .upsells.products {
  margin-top: 60px !important;
  padding-top: 50px !important;
  border-top: 1px solid var(--ff-gray-light) !important;
}

.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
  font-size: 24px !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

/* ============================================
   CART PAGE
   ============================================ */

.woocommerce table.shop_table {
  border: none !important;
  border-radius: var(--ff-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--ff-shadow) !important;
}

.woocommerce table.shop_table th {
  background: var(--ff-cream) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  padding: 18px 15px !important;
  border: none !important;
}

.woocommerce table.shop_table td {
  padding: 20px 15px !important;
  border-bottom: 1px solid var(--ff-gray-light) !important;
  vertical-align: middle !important;
}

.woocommerce table.shop_table td.product-name a {
  color: var(--ff-black) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.woocommerce table.shop_table td.product-name a:hover {
  color: var(--ff-gold) !important;
}

.woocommerce a.remove {
  color: var(--ff-gray) !important;
  font-size: 20px !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 50% !important;
  background: var(--ff-gray-light) !important;
}

.woocommerce a.remove:hover {
  background: #c0392b !important;
  color: var(--ff-white) !important;
}

/* Cart Totals */
.woocommerce .cart_totals {
  background: var(--ff-cream) !important;
  border-radius: var(--ff-radius-lg) !important;
  padding: 30px !important;
}

/* ============================================
   CHECKOUT
   ============================================ */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 2px solid var(--ff-gray-light) !important;
  border-radius: var(--ff-radius) !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  background: var(--ff-white) !important;
  box-shadow: none !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--ff-gold) !important;
  outline: none !important;
  background: var(--ff-white) !important;
}

/* ============================================
   SALE BADGE
   ============================================ */

.woocommerce span.onsale {
  background: var(--ff-gold) !important;
  color: var(--ff-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 8px 15px !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  border-radius: var(--ff-radius) !important;
}

/* ============================================
   NOTICES
   ============================================ */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: var(--ff-gold) !important;
  background: var(--ff-cream) !important;
  border-radius: var(--ff-radius) !important;
  color: var(--ff-black) !important;
  font-size: 15px !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--ff-gold) !important;
}

.woocommerce-error::before {
  color: #c0392b !important;
}

/* Coupon toggle og andre info bokse */
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info {
  color: var(--ff-black) !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-info a,
.woocommerce-message a {
  color: var(--ff-gold) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

.woocommerce-info a:hover,
.woocommerce-message a:hover {
  color: var(--ff-gold-dark) !important;
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer {
  background-color: var(--ff-cream) !important;
  color: var(--ff-black) !important;
  border-top: 1px solid var(--ff-gray-light) !important;
  padding: 40px 0 20px !important;
}

/* Footer widgets */
.footer-widgets {
  margin-bottom: 30px !important;
}

.footer-widgets .widget {
  margin-bottom: 0 !important;
}

.footer-widgets .widget_nav_menu ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: center !important;
}

.footer-widgets .widget_nav_menu ul li {
  margin: 0 !important;
}

.footer-widgets .widget_nav_menu ul li a {
  color: var(--ff-black) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: var(--ff-transition) !important;
}

.footer-widgets .widget_nav_menu ul li a:hover {
  color: var(--ff-gold) !important;
  text-decoration: none !important;
}

/* Site info */
.site-info {
  text-align: center !important;
  padding: 20px 0 !important;
  border-top: 1px solid var(--ff-gray-light) !important;
  color: var(--ff-gray-dark) !important;
  font-size: 14px !important;
}

.site-info a {
  color: var(--ff-gray) !important;
  text-decoration: none !important;
  transition: var(--ff-transition) !important;
}

.site-info a:hover {
  color: var(--ff-gold) !important;
  text-decoration: none !important;
}

/* Generelt fjern text-decoration på footer links */
.site-footer a {
  text-decoration: none !important;
}

.site-footer a:hover {
  text-decoration: none !important;
}

/* Skjul handheld footer bar på desktop */
.storefront-handheld-footer-bar {
  display: none !important;
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */
@media (max-width: 1200px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
  }
  
  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a {
    padding: 15px 18px !important;
    font-size: 13px !important;
  }
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */
@media (max-width: 768px) {
  /* Header mobile */
  .site-header .col-full {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
    display: block !important;
    position: relative !important;
  }
  
  .site-branding {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  .site-branding .custom-logo-link img,
  .site-header .custom-logo-link img {
    max-width: 180px !important;
    width: 180px !important;
    margin: 0 auto !important;
  }
  
  /* Skjul søgefelt på mobil */
  .site-header .site-search {
    display: none !important;
  }
  
  /* ============================================
     MOBILE NAVIGATION - HAMBURGER MENU
     ============================================ */
  
  .storefront-primary-navigation {
    background: var(--ff-white) !important;
    border-top: 1px solid var(--ff-gray-light) !important;
    border-bottom: 1px solid var(--ff-gray-light) !important;
    padding: 0 !important;
  }
  
  .storefront-primary-navigation .col-full {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 15px !important;
    position: relative !important;
  }
  
  /* Hamburger knap */
  button.menu-toggle {
    display: block !important;
    position: relative !important;
    float: none !important;
    background: transparent !important;
    border: 2px solid var(--ff-gold) !important;
    border-radius: var(--ff-radius) !important;
    color: var(--ff-gold) !important;
    padding: 10px 15px 10px 40px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    max-width: none !important;
    order: 1 !important;
  }
  
  button.menu-toggle span {
    color: var(--ff-gold) !important;
  }
  
  button.menu-toggle:before,
  button.menu-toggle:after,
  button.menu-toggle span:before {
    background-color: var(--ff-gold) !important;
  }
  
  /* Main navigation container */
  .main-navigation {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
  }
  
  .woocommerce-active .site-header .main-navigation {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: both !important;
  }
  
  /* Skjul primary navigation på mobil */
  .primary-navigation {
    display: none !important;
  }
  
  /* Handheld navigation - det der vises på mobil */
  .handheld-navigation {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    background: var(--ff-white) !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
  }
  
  .main-navigation.toggled .handheld-navigation {
    max-height: 500px !important;
    border-top: 1px solid var(--ff-gray-light) !important;
    margin-top: 10px !important;
  }
  
  .handheld-navigation ul.menu {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  
  .handheld-navigation ul.menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--ff-gray-light) !important;
  }
  
  .handheld-navigation ul.menu li:last-child {
    border-bottom: none !important;
  }
  
  .handheld-navigation ul.menu li a {
    display: block !important;
    padding: 15px 20px !important;
    color: var(--ff-black) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    transition: var(--ff-transition) !important;
  }
  
  .handheld-navigation ul.menu li a:hover,
  .handheld-navigation ul.menu li.current-menu-item a {
    color: var(--ff-gold) !important;
    background: var(--ff-cream) !important;
  }
  
  /* Cart i header på mobil */
  .woocommerce-active .site-header .site-header-cart {
    position: relative !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    order: 2 !important;
  }
  
  #site-header-cart {
    display: flex !important;
    align-items: center !important;
  }
  
  #site-header-cart .cart-contents {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  
  /* Skjul mini-cart dropdown på mobil */
  #site-header-cart .widget_shopping_cart {
    display: none !important;
  }
  
  /* Products grid mobile */
  .col-full {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    padding: 20px 0 !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2 {
    font-size: 13px !important;
    padding: 15px 12px 8px !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 15px !important;
    padding: 0 12px 12px !important;
  }

  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product a.add_to_cart_button,
  .woocommerce ul.products li.product a.button.product_type_simple {
    margin: auto 12px 12px 12px !important;
    width: calc(100% - 24px) !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
  }

  /* Sorting mobile */
  .storefront-sorting {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }

  .woocommerce .woocommerce-ordering {
    width: 100% !important;
    order: 1 !important;
  }

  .woocommerce .woocommerce-ordering select.orderby {
    width: 100% !important;
  }
  
  .woocommerce-result-count {
    margin-left: 0 !important;
    order: 2 !important;
  }
  
  .storefront-sorting .woocommerce-pagination {
    margin-left: 0 !important;
    width: 100% !important;
    order: 3 !important;
  }
  
  .storefront-sorting .woocommerce-pagination ul.page-numbers {
    justify-content: flex-start !important;
  }

  /* ============================================
     HANDHELD FOOTER BAR
     ============================================ */
  .storefront-handheld-footer-bar {
    display: block !important;
    background: var(--ff-white) !important;
    border-top: 1px solid var(--ff-gray-light) !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05) !important;
  }
  
  .storefront-handheld-footer-bar ul {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  
  .storefront-handheld-footer-bar ul li {
    flex: 1 !important;
    text-align: center !important;
  }
  
  .storefront-handheld-footer-bar ul li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 12px 10px !important;
    color: var(--ff-black) !important;
    font-size: 11px !important;
    text-decoration: none !important;
  }
  
  .storefront-handheld-footer-bar ul li a:hover {
    color: var(--ff-gold) !important;
  }
  
  .storefront-handheld-footer-bar ul li.cart .count {
    background: var(--ff-gold) !important;
    color: var(--ff-white) !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    position: absolute !important;
    top: 5px !important;
    right: 50% !important;
    transform: translateX(15px) !important;
  }
  
  /* Breadcrumb mobile */
  .storefront-breadcrumb .col-full {
    padding: 12px 15px !important;
  }
  
  .woocommerce-breadcrumb {
    font-size: 12px !important;
  }
}

/* ============================================
   RESPONSIVE - MOBILE PORTRAIT
   ============================================ */
@media (max-width: 480px) {
  .site-branding .custom-logo-link img,
  .site-header .custom-logo-link img {
    max-width: 150px !important;
    width: 150px !important;
  }
  
  /* Hamburger menu mindre på små skærme */
  button.menu-toggle {
    padding: 8px 12px 8px 35px !important;
    font-size: 12px !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2 {
    font-size: 12px !important;
    padding: 12px 10px 6px !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 14px !important;
    padding: 0 10px 10px !important;
  }

  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product a.add_to_cart_button {
    margin: auto 10px 10px 10px !important;
    width: calc(100% - 20px) !important;
    padding: 10px 12px !important;
    font-size: 10px !important;
  }
  
  /* Handheld navigation links */
  .handheld-navigation ul.menu li a {
    padding: 12px 15px !important;
    font-size: 14px !important;
  }
  
  /* Cart header */
  #site-header-cart .cart-contents {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  
  #site-header-cart .cart-contents .count {
    padding: 2px 6px !important;
    font-size: 10px !important;
  }
}

/* ============================================
   TOUCH DEVICE OPTIMIZATIONS
   ============================================ */
@media (hover: none) and (pointer: coarse) {
  .woocommerce a.button:hover,
  .woocommerce button.button:hover {
    transform: none !important;
  }

  .woocommerce a.button:active,
  .woocommerce button.button:active {
    transform: scale(0.98) !important;
  }
  
  .main-navigation ul.menu > li > a::after {
    display: none !important;
  }
}

/* ============================================
   HIDE EDIT LINK
   ============================================ */
.edit-link {
  display: none !important;
}