/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url("../fonts/204956/D5C7F78F9BB4AD5F1.css");
@import url("../fonts/204956/303F4072FA35FF669.css");

* {
	margin:0;
	padding:0;
	outline:none}
html {
	font-size:20px;
	line-height:1.4;
	-webkit-text-size-adjust:none}
body {
	min-width:320px !important;
	font-family:"Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
	font-size:20px !important;
	font-weight:500 !important;
	font-style:normal !important;
	line-height:1.2 !important;
	text-align:center !important;
	color:#795f3e !important;
	background-color:#e3d9ce !important;
	background-image:url(paper.jpg) !important;
	background-position:center top !important;
	text-rendering:optimizeLegibility !important;
	-webkit-font-smoothing:antialiased !important}
a {
	text-decoration:none;
	color:inherit;
	border-bottom:1px solid}
img {
	border:none}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:500}
::-moz-selection {
	background:#795f3e;
	color:#fff;
	text-shadow:none}
::selection {
	background:#795f3e;
	color:#fff;
	text-shadow:none}
#main {
	border:2px solid #795f3e;
	margin:14px}
.wrapper {
	margin:0 auto;
	padding:32px;
	text-align:left;
	max-width:1024px;
	box-sizing:border-box}
header {
	margin:32px}
header a {
	border-bottom:none}
.button {
	display:inline-block;
	font-family:inherit;
	font-size:0.8em;
	line-height:1;
	font-weight:800;
	text-transform:uppercase;
	color:inherit;
	background-color:transparent;
	padding:5px 10px;
	border:2px solid #795f3e;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none}
.button:hover {
	color:#362a1c;
	border-color:#362a1c}
.button.add {
	background-image:url(add.png);
	background-image:url(add.svg), none;
	background-position:4px center;
	background-repeat:no-repeat;
	padding-left:20px}
.button.add:hover {
	background-image:url(add-hover.png);
	background-image:url(add-hover.svg), none}
.button.default {
	color:#fff;
	background-color:#795f3e}
.button.default:hover {
	background-color:#362a1c}
.back {
	font-size:1.2em;
	display:inline-block;
	margin:1.5em 0}
.hide {
	display:none}
.borderbox {
    border-top: none;
    border-bottom: none;
    border-left: solid 2px;
    border-right: solid 2px;
    margin-left: 4px;
    margin-right: 4px;
	padding-top: 20px;
}
.input-group {
    border: solid 1px;
	border-radius: 5px;
}
#footer .block {
    padding-left: 30px;
}
#wrapper {
    border-top: none 2px #795f3e;
    border-bottom: solid 2px #795f3e;
}
#cbp-hrmenu1 .cbp-vertical-title {
    font-size: 1.71rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #795f3e;
    background: transparent;
    line-height: 2.73333333333rem;
}
.cbp-horizontal .cbp-tab-title {
    font-size: 1.425rem;
    font-style: normal;
    /*font-weight: bold;*/
    text-transform: none;
    line-height: 1em;
	font-family: 'Archer-Bold';
}
@media only screen and (min-width: 1200px) {
    .bnt-cart {
        font-size: 1rem;
    }
}
@media only screen and (min-width: 1200px) {
    #header .header-btn-w .header-btn .title {
        margin-top: -1.5rem;
    }
}
@media only screen and (min-width: 1200px) {
    #header .header-btn-w {
        padding: 0.5rem .5rem;
        padding-top: 3.47rem;
    }
}

.page-title-2 {
    font-size: 1.71rem;
    text-align: center;
}
.section-title {
    margin-bottom: 0.0010em;
    padding-bottom: 0.00010em;
}
aa:link:not(.nav-link):not(.btn), aa:visited:not(.nav-link):not(.btn) {
    color: #ffffff;
}
.products-grid .product-miniature-default .iqitreviews-simple, .products-grid .product-miniature-default .product-brand, .products-grid .product-miniature-default .product-reference, .products-grid .product-miniature-default .product-title {
    margin-bottom: .004rem;
}
.product-miniature-grid .product-title {
    font-size: 1.0rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
}
.product-miniature-grid .product-price {
    font-size: 1.0rem;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}
/*
.cbp-hrsub-narrow {
    padding-left: 7.5%;
} */

.btn-m.active-m {
    padding-left: 0;
    padding-right: 0;
}
#blockcart-content .cart-products .block-cart-product-quantity {
    padding: 8px !important;
}
input.js-cart-line-product-quantity.form-control {
    padding: 0px !important;
}
.elementor-element-lgrtdj1 img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}
.elementor-element-9mglaiz {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    overflow: hidden;
}
body {
    overflow-x: hidden;
}
.elementor-element-5s4fpkg .elementor-column-wrap,
.elementor-element-5s4fpkg .elementor-widget-wrap {
    padding: 0 !important;
}
.products-grid .product-price-and-shipping br {
    display: none;
}
.product-miniature .thumbnail-container {
    margin-bottom: 0.0rem;
}
#index #wrapper {
    border-color: #795f3e;
}
.product-quantity #quantity_wanted {
    padding: 0.25rem;
    text-align: center;
    min-width: 45px;
}
.tooltip {
    display: none !important;
}
.input-group .form-control {
    border-right: none;
}
.input-group-append .btn-outline-secondary {
    border: 1px solid #795f3e;
}
#field-password {
    border-right: none;
}
.field-password-policy .input-group {
    border: none;
}
.field-password-policy .input-group .btn-outline-secondary {
    border: 2px solid #795f3e;
}
.login-form .input-group {
    border: none;
}

.login-form .input-group .btn-outline-secondary {
    border: 2px solid #795f3e;
}
.product-additional-info {
    border-top: none;
}
.product_header_container {
    border-bottom: none;
}
.product-info-row {
    margin-bottom: -3rem;
}
#content-wrapper .product_header_container .page-title span {
   font-size: 1.25rem;
}
.page-title-2 {
    font-size: 2.4rem;
    text-align: center;
}
.col-form-label {
    font-size: larger;
}
.my-account-page-content-wrapper .my-account-side-links {
    border-right: 0px solid rgba(160, 160, 160, .25);
}
.my-account-page-content-wrapper, .page-authentication #content, .page-customer-account #content {
    border: 0px solid rgba(160, 160, 160, .25);
}
.my-account-page-content-wrapper .my-account-side-links>a {
    border-bottom: 0px solid rgba(160, 160, 160, .25);
}
.product-flag.new {
    display: none;
}
.product-flag.on-sale {
    background: #a82930;
    color: #FBF9F6;
    font-size: 1.0rem;
    padding: 0.3rem 0.6rem;
    border-radius: 10px;
    font-weight: bold;
}
.btn-product-list {
    border-radius: 5px;
}
.btn-product-list,
.add-to-cart {
    border-radius: 5px;
}
.search-widget .input-group {
    border-radius: 5px;
    overflow: hidden;
}

.search-widget .form-search-control {
    border-radius: 5px 0 0 5px;
}

.search-widget .search-btn {
    border-radius: 0 5px 5px 0;
    border: 1px solid #795f3e;
    border-left: none;
}
.bnt-cart {
    border-radius: 5px;
}
#blockcart-content .input-group {
    border: 2px solid #795f3e;
    border-radius: 5px;
    overflow: hidden;
}

#blockcart-content .input-group .form-control {
    border: none !important;
    border-right: 2px solid #795f3e !important;
}

#blockcart-content .bootstrap-touchspin .btn {
    border: none;
    border-bottom: 2px solid #795f3e;
}

#blockcart-content .bootstrap-touchspin .btn:last-child {
    border-bottom: none;
}
.product-quantity .input-group {
    border: 2px solid #795f3e;
    border-radius: 5px;
    overflow: hidden;
}

.product-quantity .input-group .form-control {
    border: none !important;
}

.product-quantity .bootstrap-touchspin .btn {
    border: none;
    border-left: 2px solid #795f3e;
}

.product-quantity .bootstrap-touchspin .btn:first-child {
    border-bottom: 2px solid #795f3e;
}
.product-quantity #quantity_wanted {
    padding: 0.25rem !important;
    height: 45px !important;
}

.product-quantity .bootstrap-touchspin .btn {
    border: none;
    border-left: 2px solid #795f3e;
    padding: 0 10px !important;
}
.product-quantity .qty .input-group {
    height: 45px !important;
}
.product-add-to-cart .add-to-cart {
    height: 45px;
    padding: 0 1.5rem !important;
}
.product-quantity #quantity_wanted {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}
.cart-buttons .btn-primary {
    border-radius: 5px;
}
.iqitfreedeliverycount.alert {
    border-radius: 5px;
}
button.btn.btn-primary.btn-lg.add-to-cart {
    width: fit-content !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.bnt-cart:hover {
    background-color: #51422B !important;
    color: #E9E1D4 !important;
}
/* Hover für beide Buttons in der Produktliste */
.btn-product-list:hover,
.btn-product-list:focus {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
    color: #ffffff !important;
}
/* Alle Zustände für add-to-cart Button */
button.btn.btn-primary.add-to-cart,
button.btn.btn-primary.add-to-cart:hover,
button.btn.btn-primary.add-to-cart:focus,
button.btn.btn-primary.add-to-cart:active,
button.btn.btn-primary.add-to-cart[disabled],
button.btn.btn-primary.add-to-cart.loading {
    background-color: #795f3e !important;
    border-color: #795f3e !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transition: none !important;
}

button.btn.btn-primary.add-to-cart:hover,
button.btn.btn-primary.add-to-cart:focus,
button.btn.btn-primary.add-to-cart:active {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
}
/* Loading-Spinner im Button ausblenden */
.add-to-cart .spinner-icon,
.btn-product-list .spinner-icon {
    display: none !important;
}
/* Alle Zustände für Buttons in der Produktliste */
button.btn.btn-product-list,
button.btn.btn-product-list:hover,
button.btn.btn-product-list:focus,
button.btn.btn-product-list:active,
button.btn.btn-product-list.loading {
    background-color: #795f3e !important;
    border-color: #795f3e !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transition: none !important;
}

button.btn.btn-product-list:hover,
button.btn.btn-product-list:focus,
button.btn.btn-product-list:active {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
}

/* Spinner auch in Produktliste ausblenden */
.btn-product-list .spinner-icon {
    display: none !important;
}
.col-header-right {
    border-radius: 0 0 10px 10px;
}
.my-account-side-links a {
    padding-left: 0;
}
.header-top {
    margin: 14px 4px 0 4px !important;
    padding-top: 2.5rem !important;
}
.cbp-hrmenu .v-menu:hover {
    text-decoration: none !important;
}
/* Abstand Linie bei Mouseover über Links */
.cbp-hrmenu .v-menu:hover a {
    text-decoration: underline !important;
    text-underline-offset: 0.28em !important;
}
/* Hauptnavigation - Border entfernen, nur Underline */
.btn-m,
.btn-m:hover,
.btn-m.active-m {
    border-bottom: none !important;
}

.btn-m:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.28em !important;
}

.btn-m.active-m {
    text-decoration: underline !important;
    text-underline-offset: 0.28em !important;
}
#index .elementor-column-wrap,
#index .elementor-widget-wrap,
#index .elementor-element-populated {
    padding-left: 0 !important;
}

#left-column .cbp-hrmenu,
.cbp-hrmenu.cbp-vertical {
    position: sticky;
    top: 0px;
}

#index .elementor-widget-prestashop-widget-Menu,
#index .elementor-widget-prestashop-widget-Menu .elementor-widget-container,
#index .cbp-hrmenu.cbp-vertical {
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.col-header-right {
    border-radius: 0 0 10px 10px;
}
.block-iqitcontactpage .block-title {
    display: none;
}
.block-iqitcontactpage .block-content {
    margin-top: 0;
}
#footer-container-main {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.block-iqitcontactpage a {
    text-decoration: underline;
    text-underline-offset: 0.28em;
}
.btn-product-list {
    padding: 0.01rem 0.3rem;
}
.swiper-button-next,
.swiper-button-prev {
    border-radius: 5px;
}
#promo-code .input-group {
    border-radius: 5px;
    overflow: hidden;
}

#promo-code .input-group .form-control {
    border-radius: 5px 0 0 5px;
    border-color: #4B7D2F;
    background-color: #E6F6D6;
}
#promo-code .input-group .form-control::placeholder {
    color: #59B300;
}
#promo-code .input-group .btn {
    border-radius: 0 5px 5px 0;
}
#promo-code .btn-secondary {
    border-color: #4B7D2F;
    color: #59B300;
    font-weight: bold;
}
#promo-code .btn-secondary:hover {
    background-color: #3d5a1f;
    border-color: #3d5a1f;
    color: #fff;
    font-weight: bold;
}
#promo-code .input-group {
    border: none;
}
#promo-code .alert-danger {
    border-radius: 5px;
}
#promo-code .input-group {
    border: 2px solid #3d5a1f;
    border-radius: 5px;
    overflow: hidden;
}

#promo-code .input-group .form-control {
    border: none;
    border-right: 2px solid #3d5a1f;
}
#promo-code .btn-secondary {
    border: none;
}
#promo-code .btn-secondary {
    border-radius: 0;
    margin: -1px -1px -1px 0;
    margin-left: 0;
}
#promo-code .btn-secondary {
    border-radius: 0 5px 5px 0;
    margin: 0;
    height: 100%;
    align-self: stretch;
}
#promo-code .input-group-append {
    margin: -2px;
    margin-left: 0;
}

#promo-code .btn-secondary {
    border-radius: 0 3px 3px 0;
    height: calc(100% + 4px);
}
#promo-code .input-group .form-control {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}
.checkout-step .btn-primary {
    border-radius: 5px;
}
#checkout .header-top {
    border: none !important;
    margin: 20px;
    padding: 2.5rem;
    padding-left: 0.9rem;
}

#checkout .header-top .logo {
    max-width: 180px;
    margin-left: 0;
}
.products-grid .product-miniature-layout-1 .product-description {
    padding-top: 0 !important;
}
#checkout label.js-terms {
    line-height: 1.2;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    border-radius: 5px;
}
.cart-panel {
    position: fixed;
    display: block;
    position: fixed;
    z-index: 3;
    top: 100px;
    right: 32px;
}

/* --- Agent / Account / Cart Widget (top-right fixed box) --- */
#agent {
    display: block;
    position: fixed;
    z-index: 3;
    top: 0px;
    right: 32px;
    background-color: #fff !important;
    font-size: 16px;
    -webkit-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5);
    -moz-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5);
    -ms-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5);
    box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5);
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
#account {
    border-bottom: 1px solid #ccc;
    padding: 8px 16px;
    background-color: #f7f5f3 !important;
}
#account h2 {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 800;
    margin: 0;
    border: 0;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #795f3e !important;
}
#account h2 a {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #795f3e !important;
}
#account a {
    display: inline-block;
    border-bottom: 1px solid transparent !important;
    color: #795f3e !important;
    font-size: 0.85em;
}
#account a:hover {
    color: #362a1c !important;
    border-bottom: 1px solid #362a1c !important;
}
#header-cart a {
    position: relative;
    display: block;
    padding: 54px 16px 16px 16px;
    border: 0 !important;
    background-image: url(basket.png);
    background-image: url(basket.svg), none;
    background-position: center 12px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: 800;
    color: #795f3e !important;
}
#header-cart a:hover {
    background-image: url(basket-fill.png);
    background-image: url(basket-fill.svg), none;
}
#header-cart a:hover span {
    color: #fff !important;
}
#header-cart span {
    display: block;
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 100%;
    font-size: 0.95em;
}
#header-cart.empty a {
    background-image: url(basket-empty.png);
    background-image: url(basket-empty.svg), none;
}
#header-cart.empty span {
    display: none;
}
#agent.simple #account {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-bottom: 0;
}

/* --- Old Theme Migrated Styles --- */
#news {
	font-size:1.5em;
	margin:32px}
#news h1, #news h2 {
	font-size:1.4em;
	font-weight:800;
	margin-bottom:1em}
#news h3 {
	font-size:1em;
	font-weight:800;
	margin-bottom:1em}
#news p {
	margin-bottom:1em}
#menu {
	position:relative;
	z-index:2;
	margin:32px}
#menu #cut {
	overflow:hidden}
#menu h2, #menu nav span {
	font-size:1.5em;
	font-weight:500;
	position:relative;
	display:inline-block;
	width:auto;
	background-color:transparent;
	background-image:url(triangle.png);
	background-image:url(triangle.svg), none;
	background-position:right center;
	background-repeat:no-repeat}
#menu h2:before, #menu h2:after {
	content:"";
	position:absolute;
	display:inline-block;
	top:0;
	height:100%;
	width:1200px;
	background:transparent url(line.png) center center repeat-x}
#menu h2:before {
	right:100%}
#menu h2:after {
	left:100%}
#menu nav {
	position: absolute !important;
	top: 0% !important; /* Position at the top to cover the header title */
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 280px !important;
	margin-left: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	display: none !important;
	border: 2px solid #795f3e !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
	-moz-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
	-ms-box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
	box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
	z-index: 9999 !important;}
#menu h2 span, #menu nav span {
	display: inline-block !important;
	padding: 8px 32px 8px 16px !important;
	cursor: pointer !important;
	font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
	/* font-size: 1.5em !important;
	font-weight: 500 !important; */
	color: #795f3e !important;
	background-color: transparent !important;
	background-image: url(triangle.png) !important;
	background-image: url(triangle.svg), none !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;}
#menu nav span {
	display: inline-block !important; /* Make duplicate title visible inside dropdown */
	width: auto !important;
	margin: 0 auto !important;
	text-align: center !important;
	border-bottom: none !important;}
#menu.open nav {
	display: block !important;}
#menu ul {
	display: block !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	list-style-type: none !important;
	text-align: center !important;}
#menu ul li {
	display: block !important;
	margin: 0 !important;
	padding: 8px 15px !important; /* Spacing between items */
	width: 100% !important;
	box-sizing: border-box !important;}
#menu ul li a {
	display: block !important;
	font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
	font-size: 1.15rem !important;
	line-height: 1.4 !important; /* Proper line spacing prevents overlap */
	text-align: center !important;
	border-bottom: none !important;
	color: #795f3e !important;
	text-decoration: none !important;
	padding: 0 !important;}
#menu ul li a:hover {
	color: #362a1c !important;
	background-color: transparent !important;
	border-bottom: none !important;
	text-decoration: underline !important;
	text-underline-offset: 0.2em !important;}
#shop {
	margin:32px;
	text-align: center;}
#shop article {
	display:inline-block;
	vertical-align:top;
	max-width:320px;
	margin: 0 16px 2em 16px;
	text-align: center;}
#shop article header {
	margin:0;
	background-color:transparent}
#shop article header img {
	display:block;
	width:100%;
	height:auto}
#shop article header h1 {
	margin-top:-1em;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:800;
	font-family: "Archer";
	color: #795f3e;}
#shop article header h1 a {
	border-bottom: 0;}
#shop article header ul {
	list-style:none;
	margin-bottom:1em;
	padding: 0;}
#shop article header ul li {
	display:inline;
	font-style:italic;
	font-family: "Archer";}
#shop article header ul li:first-child:after {
	content:" - "}
#shop article header ul li .sale {
	font-weight:800;
	color:#598f24}
#shop article p {
	margin:0.5em 0;
	font-size:0.9em;
	padding:0 1em;
	font-family: "Archer";
	color: #795f3e;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-word;}
#shop article p.outofstock {
	font-size:1em;
	margin-top:1em;
	font-weight:800}
#shop article .button {
	display:block;
	max-width:6.5em;
	margin:0 auto;
	margin-top:1em;
	font-family: "Archer";
	font-weight: 800;
	text-align: center;
	border: 2px solid #795f3e;
	border-radius: 5px;}
#shop article .button.add {
	background-image:url(add.png);
	background-image:url(add.svg), none;
	background-position:4px center;
	background-repeat:no-repeat;
	padding-left:20px}
#shop article .button.add:hover {
	background-image:url(add-hover.png);
	background-image:url(add-hover.svg), none}
#shop article .button.add, #shop article .button.add:hover {
    color: #795f3e !important;
    background-color: transparent !important;
}
#shop article .button.add:hover {
    color: #362a1c !important;
    border-color: #362a1c !important;
}
footer:after {
	content:"";
	display:table;
	clear:both}
footer ul {
	list-style-type:none}
footer h2 {
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:800;
	margin-bottom:1em}
footer #contact {
	margin-right:400px}
footer #contact #address {
	font-size:1.2em}
footer #newsletter {
	margin-top:1em}
footer #sitemap {
	float:right;
	width:auto;
	font-weight:800}
footer #sitemap a {
	font-weight:500}
footer #company {
	width:auto;
	float:right}
footer #shoping {
	float:left;
	width:auto;
	margin-right:32px}
footer #company, footer #shoping {
	width:168px}
@media (-webkit-min-device-pixel-ratio: 2),  (min-resolution: 192dpi) {
	#cms #layer .wrapper img {
	border:1px solid #ccc;
	padding:8px}
body {
	background-image:url(paper@2x.jpg) !important;
	background-size:128px !important}
}
@media screen and (max-width: 960px) {
	header {
	margin:16px}
header h1 img {
	width:60%;
	height:auto;
	max-width:280px}
#menu {
	margin:16px}
#shop {
	margin:16px}
footer {
	padding:32px}
}
@media screen and (max-width: 694px) {
	#shop article {
	border-bottom:1px solid;
	padding-bottom:2em}
#shop article:last-child {
	padding-bottom:0;
	border-bottom:0}
}
@media screen and (max-width: 640px) {
	#carttable, #orderhistorytable {
	font-size:0.75em}
	#carttable th, #carttable td {
	padding-left:0}
	#carttable td:nth-of-type(1) {
	display:none}
	#carttable tbody td:nth-of-type(2) {
	font-size:1.4em}
	#carttable td:nth-of-type(4) {
	padding-right:0}
	#carttable #couponcode {
	display:block;
	width:6em;
	margin-left:0;
	font-size:1.4em}
	#carttable #couponcode_check {
	font-size:1.1em;
	margin-top:0.5em;
	margin-bottom:0.5em}
	#carttable p.warn {
	font-size:1em}
	footer #sitemap {
	float:left}
	footer #contact {
	clear:both;
	margin-right:0;
	padding-top:32px}
}
@media screen and (max-width: 480px) {
	body {
	margin-top:78px !important}
	body#authentication {
	margin-top:32px !important}
	#layer section div p {
	padding-left:0}
	#layer label {
	float:none;
	width:100%;
	text-align:left;
	padding-left:0}
	#layer input[type="text"], #layer input[type="password"] {
	width:100%;
	margin-left:0}
	#layer .indent {
	padding-left:0}
	#agent {
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	-webkit-border-radius:0 0 0 0;
	-moz-border-radius:0 0 0 0;
	-ms-border-radius:0 0 0 0;
	border-radius:0 0 0 0;
	-webkit-box-shadow:0px 1px 2px rgba(110, 94, 73, 0.5);
	-moz-box-shadow:0px 1px 2px rgba(110, 94, 73, 0.5);
	-ms-box-shadow:0px 1px 2px rgba(110, 94, 73, 0.5);
	box-shadow:0px 1px 2px rgba(110, 94, 73, 0.5)}
	#account {
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	vertical-align:middle;
	border-bottom:0;
	border-right:1px solid #ccc;
	min-height:80px}
	#account h2 {
	margin-top:0.6em;
	max-width:100%}
	#account h2 a {
	margin-top:0}
	#account a {
	margin-top:0.4em}
	#header-cart {
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	vertical-align:middle}
	#header-cart a {
	background-position:center 4px;
	padding:42px 8px 8px 8px}
	#header-cart span {
	display:block;
	position:absolute;
	bottom:33px;
	left:0px;
	width:100%;
	font-size:0.95em}
	#agent.simple #account {
	width:100%;
	border:0;
	-webkit-border-radius:0 0 0 0;
	-moz-border-radius:0 0 0 0;
	-ms-border-radius:0 0 0 0;
	border-radius:0 0 0 0}
}
@media screen and (max-width: 440px) {
	body#authentication {
	margin-top:16px !important}
	.wrapper {
	padding:16px}
	#news {
	font-size:1em;
	margin:8px}
	#cms #layer .wrapper img {
	padding:4px}
	footer #shoping, footer #company {
	float:none}
	footer #company {
	padding-top:32px}
}

/* --- PrestaShop Parent Theme Overrides for Transparent Backgrounds --- */
body#index #main-page-content,
body#index #main-page-content div,
body#index #main-page-content section,
body#index #main-page-content header,
body#index #main-page-content footer,
body#index #main-page-content nav,
body#index #main-page-content article,
body#category #main-page-content,
body#category #main-page-content div,
body#category #main-page-content section,
body#category #main-page-content header,
body#category #main-page-content footer,
body#category #main-page-content nav,
body#category #main-page-content article,
body#cart #main-page-content footer,
body#checkout #main-page-content footer,
body.cms-id-16 #main-page-content footer {
    background-color: transparent !important;
    border-color: transparent;
    box-shadow: none !important;
}

/* Restore backgrounds for specific elements that need them */
#menu nav,
#menu nav * {
    background-color: #ffffff !important;
}
#agent {
    background-color: #ffffff !important;
}
#account {
    background-color: #f7f5f3 !important;
}
#account * {
    background-color: transparent !important;
}
#carttable thead th,
#carttable thead td,
#carttable tfoot th,
#carttable tfoot td {
    background-color: #f7f5f3 !important;
}

/* Outer border around the entire page */
main#main-page-content {
    border: 2px solid #795f3e !important;
    margin: 14px !important;
    box-sizing: border-box;
    background-color: transparent !important;
}

/* Ensure full-width layouts stretch to viewport edges on index and category pages */
body#index #inner-wrapper,
body#category #inner-wrapper,
body#index #desktop-header-container,
body#category #desktop-header-container,
body#index #footer,
body#category #footer,
body#cart #footer,
body#checkout #footer,
body#order-confirmation #footer,
body#product #footer,
body.cms-id-16 #footer {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Restrict the news text container to 1024px to match production wrapper */
body#index .homepage-news-text {
    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;
}

/* Hide parent theme's left and right header columns (search bar, standard buttons) */
body#index #desktop-header-container .col-header-left,
body#index #desktop-header-container .col-header-right,
body#category #desktop-header-container .col-header-left,
body#category #desktop-header-container .col-header-right,
body#order-confirmation #desktop-header-container .col-header-left,
body#order-confirmation #desktop-header-container .col-header-right,
body#product #desktop-header-container .col-header-left,
body#product #desktop-header-container .col-header-right,
body.cms-id-16 #desktop-header-container .col-header-left,
body.cms-id-16 #desktop-header-container .col-header-right {
    display: none !important;
}

/* Force the logo centered in the header container */
body#index #desktop-header-container .col-header-center,
body#category #desktop-header-container .col-header-center,
body#order-confirmation #desktop-header-container .col-header-center,
body#product #desktop-header-container .col-header-center,
body.cms-id-16 #desktop-header-container .col-header-center {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

/* Hide breadcrumbs on homepage */
body#index #wrapper .breadcrumb {
    display: none !important;
}

/* Boost specificity on #menu nav */
#menu nav {
    display: none !important;
}
#menu.open nav {
    display: block !important;
    background-color: #ffffff;
}

/* Document layer on non-homepage, non-category pages */
body:not(#index):not(#category):not(#checkout):not(#order-confirmation):not(#product) #wrapper {
    background-color: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
    padding: 32px !important;
    max-width: 1024px !important;
    margin: 32px auto !important;
    border: none !important;
}

/* Style products in four columns using flexbox to guarantee layout alignment */
#shop {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin: 32px auto !important;
    /* max-width: 1024px !important; */
    padding: 0 !important;
}
#shop article.item {
    flex: 0 0 calc(25% - 24px) !important;
    max-width: 320px !important;
    margin: 0 12px 2em 12px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

@media screen and (max-width: 960px) {
    #shop article.item {
        flex: 0 0 calc(50% - 24px) !important;
        max-width: 320px !important;
        margin: 0 12px 2em 12px !important;
    }
}

@media screen and (max-width: 694px) {
    #shop article.item {
        flex: 0 0 100% !important;
        max-width: 320px !important;
        margin: 0 auto 2em auto !important;
    }
}

/* Ensure fallback font is used across all headings and content tags */
h1, h2, h3, h4, h5, h6, input, button, select, textarea, .page-title, #menu, #shop, #agent, #wrapper {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
}

/* --- Refinements for Logo, Alignments, and Footer Layout --- */

/* Shrink logo on desktop */
#desktop_logo img,
.logo img {
    max-width: 280px !important;
    height: auto !important;
}

/* Left align intro text under logo */
.homepage-news-text,
.header-custom-html,
.header-custom-html p {
    text-align: left !important;
}

/* Draw a line between body wrapper and footer */
#wrapper {
    border-bottom: solid 2px #795f3e !important;
}

/* Remove any line behind/under product thumbnails and miniature links on homepage */
#shop .thumbnail-container a,
#shop a.product-thumbnail,
#shop a.thumbnail {
    border-bottom: none !important;
    text-decoration: none !important;
}

/* Custom footer layouts */
#footer {
    width: 100% !important;
    max-width: 1024px !important;
    margin: 48px auto 0 auto !important;
    padding: 48px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    border: none !important;
    clear: both !important;
}
#footer:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
#footer #sitemap {
    float: right !important;
    width: auto !important;
    font-weight: 800 !important;
}
#footer #contact {
    margin-right: 400px !important;
    padding-left: 32px !important;
    text-align: left !important;
}
#footer #address p,
#footer #newsletter p {
    text-align: left !important;
}
#footer #shoping {
    float: left !important;
    width: 168px !important;
    margin-right: 32px !important;
    text-align: left !important;
}
#footer #company {
    float: right !important;
    width: 168px !important;
    text-align: left !important;
}
#footer h2 {
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    margin-bottom: 1em !important;
}
#footer ul {
    list-style-type: none !important;
    padding: 0 !important;
}
#footer li {
    margin-bottom: 0.5em !important;
    text-align: left !important;
}
#footer a {
    border-bottom: 1px solid transparent !important;
}
#footer a:hover {
    border-bottom: 1px solid #795f3e !important;
}

/* --- Production Font Style, Weight, Color and Size Alignments --- */

/* 1. Global Font Family Override */
body,
body p,
body span:not(.fa):not([class*="fa-"]),
body div:not(.fa):not([class*="fa-"]),
body h1, body h2, body h3, body h4, body h5, body h6,
body a:not(.fa):not([class*="fa-"]),
body li,
body label,
body input,
body button,
body select,
body textarea,
body th,
body td,
.page-title,
.product-title,
.product-price,
.product-name,
#menu,
#shop,
#agent,
#wrapper,
#footer {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
}

/* 2. Global Font Color Override */
body,
body p,
body span:not(.fa):not([class*="fa-"]),
body div:not(.fa):not([class*="fa-"]),
body h1, body h2, body h3, body h4, body h5, body h6,
body a:not(.fa):not([class*="fa-"]),
body li,
body label,
body input,
body button,
body select,
body textarea,
body th,
body td,
.page-title,
.product-title,
.product-price,
.product-name,
#menu,
#shop,
#agent,
#wrapper,
#footer {
    color: #795f3e !important;
}

/* 3. Global Font Weight Overrides */
body,
body p,
body span:not(.fa):not([class*="fa-"]),
body div:not(.fa):not([class*="fa-"]),
body li,
body label,
body a,
body select,
body input,
body textarea {
    font-weight: 500 !important;
}

/* 4. Bold elements weight override */
body h1, body h2, body h3, body h4, body h5, body h6,
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6,
body strong,
body b,
body th,
body dt,
body button,
body .button,
body .btn,
body .page-title,
body .product-title,
#news h1, #news h2, #news h3,
#shop article header h1,
#footer #sitemap,
#footer h2,
#carttable tbody th b,
#carttable tfoot th,
#carttable tfoot td {
    font-weight: 800 !important;
}

/* 5. Base Font Size and Line Height */
html {
    font-size: 20px !important;
    line-height: 1.4 !important;
}
body {
    font-size: 20px !important;
    line-height: 1.2 !important;
}

/* 6. News Section Typo */
#news {
    font-size: 1.5em !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: left !important;
}
#news h1, #news h2 {
    font-size: 1.4em !important;
    margin-bottom: 1em !important;
}
#news h3 {
    font-size: 1em !important;
    margin-bottom: 1em !important;
}
#news p {
    font-size: 1em !important;
    margin-bottom: 1em !important;
}

/* 7. Shop Section Typo */
#shop article header h1 {
    font-size: 1.2em !important;
    text-transform: uppercase !important;
}
#shop article header h1 a {
    border-bottom: none !important;
}
#shop article header ul li {
    font-size: 1em !important;
    font-style: italic !important;
}
#shop article p {
    font-size: 0.9em !important;
    line-height: 1.4 !important;
}

/* 8. Buttons Typo */
#shop article .button {
    font-size: 0.8em !important;
}
#shop article .button.add:hover {
    color: #362a1c !important;
}

/* 9. Dropdown Menu Typo */
/* #menu h2, #menu nav span {
    font-size: 1.5em !important;
} */
#menu ul li a {
    font-size: 1.2em !important;
    border-bottom: none !important;
}
#menu ul li a:hover {
    color: #362a1c !important;
    /* border-bottom: 1px solid #362a1c !important; */
}

/* 10. Link underlines matching the live site */
body a:not(.btn):not(.button) {
    /* border-bottom: 1px solid #795f3e !important; */
    text-decoration: none !important;
}
body a:not(.btn):not(.button):hover {
    border-bottom: 1px solid #362a1c !important;
    color: #362a1c !important;
}

/* 11. Remove bottom border on specific logo/nav/button links where it shouldn't be */
#desktop_logo a, #desktop_logo a:hover,
#menu a, #menu a:hover,
#agent a, #agent a:hover,
#footer a, #footer a:hover,
.nav-link, .nav-link:hover,
#sitemap a, #sitemap a:hover,
#company a, #company a:hover,
#shoping a, #shoping a:hover,
.block-categories a, .block-categories a:hover,
.facet-title, .facet-title:hover,
.product-title a, .product-title a:hover,
.product-name a, .product-name a:hover {
    border-bottom: none !important;
}

/* Disable page preloader to remove the loading spinner */
#page-preloader {
    display: none !important;
}

/* User's custom overrides for category dropdown styling */
/* 1. Note: first h2 element in #cut is 1.5em */
#menu #cut h2 {
    font-size: 1.5em !important;
}
#menu #cut h2 span {
    font-size: 1em !important; /* prevent double scaling on nested span */
}

/* 2. When dropdown is hovered, make first item in nav (span) exactly match h2 font size */
#menu nav span {
    font-size: 1.5em !important;
}

/* 3. Make the entire dropdown background solid white when displayed, overriding parent theme's transparency */
body#category #main-page-content #menu.open nav,
body#index #main-page-content #menu.open nav,
body#category #main-page-content #menu.open nav ul,
body#index #main-page-content #menu.open nav ul,
body#category #main-page-content #menu.open nav li,
body#index #main-page-content #menu.open nav li {
    background-color: #ffffff !important;
}
/* Hide facets loader spinner icon */
#facets-loader-icon {
    display: none !important;
}

/* Category page & Homepage product miniature image sizing: 320x466 rendering size */
body#category .products-grid .product-thumbnail img,
body#category .products-grid .product-thumbnail picture,
#shop .product-thumbnail img,
#shop .product-thumbnail picture,
#shop .thumbnail-container img,
#shop article .thumbnail-container img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 320 / 466 !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    display: block !important;
}

body#category .products-grid .thumbnail-container,
#shop .thumbnail-container,
#shop article .thumbnail-container {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 320 / 466 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    position: relative !important;
}

@media screen and (min-width: 768px) {
    body#category .products-grid .product-thumbnail img,
    body#category .products-grid .product-thumbnail picture,
    body#category .products-grid .thumbnail-container,
    #shop .product-thumbnail img,
    #shop .thumbnail-container {
        width: 100% !important;
        max-width: 320px !important;
    }
    body#category .products-grid .product-miniature,
    #shop article.item,
    #shop article.product-miniature {
        max-width: 320px !important;
        margin: 0 auto !important;
    }
}

/* Fix homepage product hover image disappearing */
#shop .product-miniature .thumbnail-container:hover .product-thumbnail-first,
#shop .thumbnail-container:hover .product-thumbnail-first,
#shop .product-thumbnail:hover img {
    opacity: 1 !important;
}

/* Category Page Product Layout Mockup Styles */
body#category .products-grid [class*="col-"] {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Larger windows only (no change for laptop or normal desktop windows) */
@media (min-width: 1400px) {
    body#category .products-grid [class*="col-"] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    body#category #js-product-list {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media (min-width: 1600px) {
    body#category .products-grid [class*="col-"] {
        padding-left: 0.85rem !important;
        padding-right: 0.85rem !important;
    }
    body#category #js-product-list {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

body#category .products-grid .product-miniature,
#shop article.product-miniature {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 2rem !important;
}

body#category .products-grid .product-description,
#shop article .product-description {
    padding-top: 0 !important;
}

body#category .products-grid .product-title,
body#category .products-grid .product-title a,
#shop article .product-title,
#shop article .product-title a {
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    margin-top: 0.15rem !important;
    margin-bottom: 0.25rem !important;
    text-align: center !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

body#category .products-grid .product-price-and-shipping,
#shop article .product-price-and-shipping {
    font-size: 0.9rem !important;
    color: #795f3e !important;
    text-align: center !important;
    margin-bottom: 0.75rem !important;
    font-weight: 500 !important;
}

body#category .products-grid .product-price-and-shipping .product-price,
#shop article .product-price-and-shipping .product-price {
    font-weight: 500 !important;
    color: #795f3e !important;
}

body#category .products-grid .product-price-and-shipping a,
#shop article .product-price-and-shipping a {
    border-bottom: none !important;
}

body#category .products-grid .product-desc-text,
#shop article .product-desc-text {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    text-align: center !important;
    color: #795f3e !important;
    margin-bottom: 0.25rem !important;
    padding: 0 0.5rem !important;
}

body#category .products-grid .product-nutrition-link,
#shop article .product-nutrition-link {
    text-align: center !important;
    margin-bottom: 0.45rem !important;
    font-size: 0.8rem !important;
}

body#category .products-grid .product-nutrition-link a,
#shop article .product-nutrition-link a {
    border-bottom: 1px solid #795f3e !important;
    text-decoration: none !important;
}

body#category .products-grid .product-nutrition-link a:hover,
#shop article .product-nutrition-link a:hover {
    border-bottom: 1px solid #362a1c !important;
    color: #362a1c !important;
}

body#category .products-grid .product-action-button,
#shop article .product-action-button {
    text-align: center !important;
}

body#category .products-grid .button.add,
#shop article .button.add {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-align: center !important;
    border: 2px solid #795f3e !important;
    border-radius: 5px !important;
    padding: 5px 12px 5px 24px !important;
    background-image: url(add.png) !important;
    background-image: url(add.svg), none !important;
    background-position: 8px center !important;
    background-repeat: no-repeat !important;
    color: #795f3e !important;
    background-color: transparent !important;
    transition: all 0.2s ease-in-out !important;
}

body#category .products-grid .button.add:hover,
#shop article .button.add:hover {
    color: #362a1c !important;
    border-color: #362a1c !important;
    background-image: url(add-hover.png) !important;
    background-image: url(add-hover.svg), none !important;
}

body#category .products-grid .product-action-button p.outofstock,
#shop article .product-action-button p.outofstock {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    color: #795f3e !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Shopping Cart Page Styles (Isolated to body#cart) */
body#cart #header {
    display: none !important;
}

body#cart #wrapper,
body#cart #inner-wrapper,
body#cart #content-wrapper,
body#cart #content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body#cart .cart-main-container {
    max-width: 1024px !important;
    margin: 40px auto !important;
    padding: 40px 60px !important;
    background-color: #ffffff !important;
    text-align: left !important;
    border-radius: 6px !important;
    box-shadow: 0px 3px 10px rgba(110, 94, 73, 0.25) !important;
    border: none !important;
}

body#cart .cart-page-title {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 1.4rem !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: #362a1c !important;
    text-align: left !important;
    margin-bottom: 2rem !important;
    border-bottom: none !important;
}

body#cart .cart-grid-oepfelfarm {
    display: block !important;
    width: 100% !important;
}

body#cart table.cart-items-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 1rem !important;
    margin-bottom: 0px !important;
}

body#cart table.cart-items-table th {
    padding: 10px 0 !important;
    border-bottom: 1px solid #795f3e !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 0.9rem !important;
    color: #795f3e !important;
    font-weight: 500 !important;
}

body#cart table.cart-items-table td {
    padding: 15px 0 !important;
    border-bottom: 1px solid #795f3e !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 1.15rem !important;
    color: #795f3e !important;
    vertical-align: middle !important;
}

/* Column Alignments */
body#cart .col-product {
    text-align: left !important;
    padding-left: 10px !important;
    width: 50% !important;
}
body#cart .col-unit-price {
    text-align: right !important;
    width: 15% !important;
}
body#cart .col-qty {
    text-align: center !important;
    width: 15% !important;
}
body#cart .col-price {
    text-align: right !important;
    width: 15% !important;
}
body#cart .col-remove {
    text-align: right !important;
    padding-right: 10px !important;
    width: 5% !important;
}

/* Product Info Cell */
body#cart .product-info-wrapper .product-name a {
    color: #795f3e !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}
body#cart .product-info-wrapper .product-name a:hover {
    color: #362a1c !important;
    text-decoration: underline !important;
}
body#cart .product-info-wrapper .product-attribute {
    font-size: 0.85rem !important;
    color: #795f3e !important;
    margin-top: 2px !important;
}

/* Hide Touchspin Quantity Up/Down buttons and style input */
body#cart .bootstrap-touchspin .input-group-btn-vertical,
body#cart .bootstrap-touchspin .btn-touchspin {
    display: none !important;
}
body#cart .bootstrap-touchspin input.js-cart-line-product-quantity {
    width: 45px !important;
    height: 28px !important;
    text-align: center !important;
    border: none !important;
    background-color: #f0ede9 !important;
    border-radius: 4px !important;
    color: #795f3e !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}
body#cart .bootstrap-touchspin input.js-cart-line-product-quantity::-webkit-inner-spin-button,
body#cart .bootstrap-touchspin input.js-cart-line-product-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Remove button */
body#cart .remove-from-cart {
    font-size: 1.8rem !important;
    color: #795f3e !important;
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
    display: inline-block !important;
}
body#cart .remove-from-cart:hover {
    color: #362a1c !important;
}

/* Totals styling */
body#cart .cart-totals-wrapper {
    margin-top: 0px !important;
}
body#cart .cart-detailed-totals {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
body#cart .cart-detailed-totals hr {
    display: none !important;
}
body#cart .cart-summary-line {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 10px !important;
    padding-right: 5% !important;
    border-bottom: 1px solid #795f3e !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    color: #795f3e !important;
    margin: 0 !important;
}
body#cart .cart-summary-line .label {
    text-align: left !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    color: #795f3e !important;
}
body#cart .cart-summary-line .value {
    text-align: right !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    color: #795f3e !important;
}

/* Subtotal specific (row highlight) */
body#cart #cart-subtotal-products {
    background-color: #f7f5f3 !important;
    border-top: 1px solid #795f3e !important;
    border-bottom: 1px solid #795f3e !important;
}

/* Delivery Costs Subtext */
body#cart #cart-subtotal-shipping {
    flex-wrap: wrap !important;
    border-bottom: 3px double #795f3e !important;
}
body#cart #cart-subtotal-shipping .label {
    width: 60% !important;
}
body#cart #cart-subtotal-shipping .value {
    width: 40% !important;
}
body#cart #cart-subtotal-shipping > div {
    width: 100% !important;
    text-align: left !important;
    font-size: 0.8rem !important;
    color: #795f3e !important;
    margin-top: 4px !important;
    font-weight: 500 !important;
}

/* Total CHF Row */
body#cart .cart-summary-totals {
    padding: 0 !important;
    background: transparent !important;
}
body#cart .cart-summary-totals .cart-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 10px !important;
    padding-right: 5% !important;
    border-bottom: 2px solid #795f3e !important;
    margin: 0 !important;
}
body#cart .cart-summary-totals .cart-total .label {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    color: #795f3e !important;
}
body#cart .cart-summary-totals .cart-total .value {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    color: #795f3e !important;
}

/* Hide vouchers & reassurances */
body#cart .cart-voucher,
body#cart #main .block-reassurance {
    display: none !important;
}

/* Action Buttons */
body#cart .checkout-btn-container,
body#cart .cart-detailed-actions,
body#cart .cart-detailed-actions .text-xs-center {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block !important;
}
body#cart .cart-actions-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 2.5rem !important;
    gap: 1rem !important;
}
body#cart .btn-back-to-shop {
    display: inline-block !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    color: #795f3e !important;
    background-color: transparent !important;
    border: 2px solid #795f3e !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}
body#cart .btn-back-to-shop:hover {
    color: #362a1c !important;
    border-color: #362a1c !important;
    background-color: rgba(121, 95, 62, 0.05) !important;
}
body#cart .checkout-btn-container a.btn-primary {
    display: inline-block !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-color: #795f3e !important;
    border: 2px solid #795f3e !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}
body#cart .checkout-btn-container a.btn-primary:hover {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
    color: #ffffff !important;
}

/* Guest / Account Widget top-right alignment */
body#cart #agent,
body#checkout #agent,
body#order-confirmation #agent,
body#product #agent {
    /* position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    z-index: 100 !important; */
}
body#cart #agent #account,
body#checkout #agent #account,
body#order-confirmation #agent #account,
body#product #agent #account {
    /* padding: 8px 16px !important;
    border: none !important;
    background-color: transparent !important; */
}
body#cart #agent #account h2,
body#checkout #agent #account h2,
body#order-confirmation #agent #account h2,
body#product #agent #account h2 {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #795f3e !important;
    margin-bottom: 2px !important;
}
body#cart #agent #account a.login,
body#cart #agent #account a.logout,
body#checkout #agent #account a.login,
body#checkout #agent #account a.logout,
body#order-confirmation #agent #account a.login,
body#order-confirmation #agent #account a.logout,
body#product #agent #account a.login,
body#product #agent #account a.logout {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 0.75rem !important;
    color: #795f3e !important;
    text-decoration: underline !important;
    border-bottom: none !important;
}

/* Align and style footer on cart and checkout pages to match homepage exactly */
body#cart #footer,
body#checkout #footer,
body#order-confirmation #footer,
body#product #footer,
body.cms-id-16 #footer {
    border-top: solid 2px #795f3e !important;
    margin-top: 48px !important;
}

/* Checkout Page Layout - Make white background wrapper full width */
body#checkout #wrapper {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 32px 0 !important;
    padding: 32px 0 !important;
}

/* Order Confirmation Page Layout - Make white background wrapper full width */
body#order-confirmation #wrapper {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 32px 0 !important;
    padding: 32px 0 !important;
}

body#order-confirmation #content-hook_order_confirmation,
body#order-confirmation .order-confirmation-details {
    text-align: left !important;
}

body#order-confirmation #order-items {
    font-size: 0.8em !important;
}

body#order-confirmation #order-items .details span {
    word-break: break-word !important;
}

/* Remove all header borders globally to match index/category pages */
#header,
#desktop-header,
#desktop-header-container,
#checkout-header,
.header-top {
    border: none !important;
    box-shadow: none !important;
}

/* Product Page Layout - Match Shopping Cart Page Box Dimensions, Spacing, & Styling */
body#product #header {
    display: none !important;
}

body#product #wrapper,
body#product #inner-wrapper,
body#product #content-wrapper,
body#product #content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body#product #left-column {
    display: none !important;
}

body#product .breadcrumb {
    display: none !important;
}

body#product #main,
body#product .product-container,
body#product #main-product-wrapper {
    max-width: 1024px !important;
    margin: 40px auto !important;
    padding: 40px 60px !important;
    background-color: #ffffff !important;
    text-align: left !important;
    border-radius: 6px !important;
    box-shadow: 0px 3px 10px rgba(110, 94, 73, 0.25) !important;
    border: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    body#product #main,
    body#product .product-container,
    body#product #main-product-wrapper {
        padding: 20px 15px !important;
        margin: 20px auto !important;
    }
}

/* Product Info Window - Larger Product Image (ideally twice the size) */
@media (min-width: 768px) {
    body#product .col-product-image {
        flex: 0 0 52% !important;
        max-width: 52% !important;
        width: 52% !important;
    }
    body#product .col-product-info {
        flex: 0 0 48% !important;
        max-width: 48% !important;
        width: 48% !important;
    }
}

body#product .product-cover {
    width: 100% !important;
    max-width: 450px !important;
    margin: 0 auto !important;
}

body#product .product-cover img,
body#product .product-images-large img,
body#product .product-lmage-large img {
    width: 100% !important;
    max-width: 450px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

body#product .page-title,
body#product h1.page-title,
body#product h1.page-title span,
body#product h1 {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-size: 1.4rem !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: #362a1c !important;
    text-align: left !important;
    margin-bottom: 1.5rem !important;
    border-bottom: none !important;
}

body#product .product-prices,
body#product .product-price,
body#product .current-price {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    color: #795f3e !important;
    font-weight: 800 !important;
    font-size: 1.25rem !important;
}

body#product .product-description,
body#product .product-description-short,
body#product .product-information,
body#product .tab-content,
body#product .tab-pane,
body#product .rte-content,
body#product .product-tabs,
body#product .product-description *,
body#product .rte-content * {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    color: #795f3e !important;
    text-align: left !important;
}

body#product .btn-primary.add-to-cart,
body#product form#add-to-cart-or-refresh button.add-to-cart {
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-color: #795f3e !important;
    border: 2px solid #795f3e !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    line-height: 1 !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
}

body#product .btn-primary.add-to-cart:hover,
body#product form#add-to-cart-or-refresh button.add-to-cart:hover {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
    color: #ffffff !important;
}

body#product .bootstrap-touchspin .btn-touchspin {
    background-color: transparent !important;
    color: #795f3e !important;
    border: 1px solid #795f3e !important;
}

body#product .bootstrap-touchspin input.form-control {
    border: 1px solid #795f3e !important;
    color: #795f3e !important;
    font-family: "Archer A", "Archer B", "Archer", "Arvo", "Bitter", serif !important;
    font-weight: bold !important;
}

/* #header {
	z-index: 1 !important;
} */
#cartNotEmpty {
    font-weight: bold !important;
}

/* Product Listing Page - Hover Effect on Product Cards */
article.product-miniature.js-product-miniature,
#shop article.item {
  position: relative !important;
}

article.product-miniature.js-product-miniature::before,
#shop article.item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.09);
  border-radius: 6px !important;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

article.product-miniature.js-product-miniature:hover::before,
#shop article.item:hover::before {
  opacity: 0.4 !important;
}


/* =====================================================================
   FEEDBACK 3 (Oktober 2026) – Anpassungen gemäss Feedback_3.pdf
   Alle Regeln dieses Blocks gehören zusammen und stehen bewusst am
   Dateiende, damit sie ältere Regeln übersteuern.
   ===================================================================== */

/* --- 1) Gast-/Warenkorb-Box: ganze Box klickbar ---------------------
   Der Header (z-index 100) lag über der fixierten Box, nur der rechte
   Rand war klickbar. */
#agent {
    z-index: 1050 !important;
}
#agent #header-cart a {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 1) Logo in hoher Auflösung (560x480 PNG, angezeigt in 280x240) - */
#desktop_logo .oepfel-logo-link {
    display: inline-block;
    border: 0 !important;
}
#desktop_logo img.oepfel-logo {
    width: 280px !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Logo höher: oberen Abstand wie aktuelle Version (Logo 32px unter Rahmen) */
#desktop-header .header-top {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --- 1) Schriftgrössen Startseite wie aktuelle Version (#news) ------ */
body#index .homepage-news-text {
    max-width: 1024px !important;
    padding: 0 32px !important;
}
body#index .header-custom-html {
    margin: 32px 0 0 0 !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
}
body#index .header-custom-html p {
    font-size: 30px !important;
    line-height: 36px !important;
    margin: 0 0 30px 0 !important;
}
body#index .header-custom-html h1,
body#index .header-custom-html h2,
body#index .header-custom-html h3 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin: 0 0 42px 0 !important;
}

/* --- 2/3/4/6) Seitenrahmen endet oberhalb Footer --------------------
   Footer liegt neu ausserhalb von main#main-page-content (Template).
   Die frühere Trennlinie unter #wrapper entfällt, die Rahmen-
   unterkante übernimmt diese Aufgabe. */
#wrapper,
body#index #wrapper,
body#category #wrapper {
    border-bottom: none !important;
}
body #footer,
body#index #footer,
body#category #footer,
body#cart #footer,
body#checkout #footer,
body#order-confirmation #footer,
body#product #footer,
body.cms-id-16 #footer {
    border-top: none !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 34px 48px 48px 48px !important;
}

/* --- 3/4/6) Innerer Rahmen entfernen ---------------------------------
   «#main» stammt aus dem alten Theme (dort äusserer Rahmen) und
   zeichnet im neuen Theme einen zweiten Rahmen in die weisse Fläche. */
section#main {
    border: none !important;
    margin: 0 !important;
}
.page-authentication #content,
.page-customer-account #content,
.page-cms #content {
    border: none !important;
    box-shadow: none !important;
}
.page-authentication #content hr,
.page-customer-account #content hr {
    border-top-color: #e8e1d8 !important;
}

/* --- 3) Warenkorb: nur noch eine weisse Fläche ----------------------- */
body#cart .cart-main-container {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}
body#cart .cart-page-title {
    margin-top: 0 !important;
}

/* --- 4/6) Alter Header «Mein Konto / Warenkorb» überall ausblenden ---
   Es wird nur noch die Gast-/Warenkorb-Box (#agent) verwendet. Logo
   immer zentriert. */
#desktop-header-container .col-header-left,
#desktop-header-container .col-header-right {
    display: none !important;
}
#desktop-header-container .col-header-center {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

/* --- 4) Inhaltsseiten (CMS): Text linksbündig, Fotos breiter -------- */
.page-cms #content,
.page-cms .rte-content,
.page-cms .rte-content p,
.page-cms .rte-content h1,
.page-cms .rte-content h2,
.page-cms .rte-content h3,
.page-cms .rte-content li,
body#cms .page-header,
body#cms .page-title {
    text-align: left !important;
}
.page-cms .rte-content img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1em 0 !important;
}

/* --- 5/6) Braune Buttons: Beschriftung war unsichtbar --------------- */
#main-page-content .btn-primary,
#main-page-content .btn-primary *,
#main-page-content .form-control-submit,
#main-page-content .form-control-submit * {
    color: #ffffff !important;
}
#main-page-content .btn-primary:hover,
#main-page-content .btn-primary:focus {
    background-color: #5a4830 !important;
    border-color: #5a4830 !important;
    color: #ffffff !important;
}

/* --- 5) Kasse: einspaltig wie Warenkorb, Warenkorb unter den Schritten */
body#checkout #header {
    display: none !important;
}
body#checkout .back {
    display: block !important;
    text-align: center !important;
    margin: 1.5em auto !important;
    font-size: 1.15rem !important;
    text-decoration: underline !important;
    border-bottom: none !important;
    background: transparent !important;
}
body#checkout #wrapper {
    max-width: 1024px !important;
    width: auto !important;
    margin: 0 auto 32px auto !important;
    padding: 40px 60px !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0px 3px 6px rgba(110, 94, 73, 0.5) !important;
    border: none !important;
}
body#checkout #inner-wrapper,
body#checkout #content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
body#checkout .checkout-page-title {
    text-align: left !important;
    font-size: 1.4rem !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    margin: 0 0 1.5rem 0 !important;
}
body#checkout .checkout-onecol,
body#checkout .checkout-onecol-process,
body#checkout .checkout-onecol-cart {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
}
body#checkout .checkout-step,
body#checkout .checkout-step .step-title,
body#checkout .checkout-step .content {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
body#checkout .checkout-cart-title {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    margin: 2.5em 0 1em 0 !important;
    padding-bottom: 0.4em !important;
    border-bottom: 1px solid #795f3e !important;
}
body#checkout #carttable {
    width: 100% !important;
    font-size: 0.9em !important;
    margin-bottom: 1em !important;
    border-collapse: collapse !important;
}
body#checkout #carttable th,
body#checkout #carttable td {
    padding: 10px 8px !important;
    text-align: left !important;
    vertical-align: top !important;
}
body#checkout #carttable td:last-child {
    text-align: right !important;
    white-space: nowrap !important;
}

/* --- 7) Tablet & Smartphone: Logo und Startseiten-Text anzeigen ------
   Der Warehouse-Mobile-Header (ohne Logo) wird durch den normalen
   Header ersetzt. */
@media (max-width: 991.98px) {
    #desktop-header {
        display: block !important;
    }
    #mobile-header {
        display: none !important;
    }
    #desktop_logo img.oepfel-logo {
        width: 220px !important;
    }
    body#index .header-custom-html,
    body#index .header-custom-html p {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    body#index .header-custom-html h1,
    body#index .header-custom-html h2,
    body#index .header-custom-html h3 {
        font-size: 32px !important;
    }
    body#checkout #wrapper {
        padding: 24px !important;
        margin: 0 16px 24px 16px !important;
    }
}

/* --- 8) Smartphone: Gast- und Warenkorbfeld nebeneinander -----------
   Wie aktuelle Version: volle Breite oben, zwei gleich breite Felder. */
@media (max-width: 480px) {
    body {
        margin-top: 0 !important;
        padding-top: 80px !important;
    }
    #agent {
        display: flex !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
        box-shadow: 0px 1px 2px rgba(110, 94, 73, 0.5) !important;
    }
    #agent #account,
    #agent #header-cart {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 50% !important;
        width: 50% !important;
        min-height: 80px !important;
        box-sizing: border-box !important;
    }
    #agent #account {
        border-bottom: 0 !important;
        border-right: 1px solid #ccc !important;
    }
    #agent #header-cart a {
        background-position: center 6px !important;
        padding: 42px 8px 8px 8px !important;
    }
    #agent.simple #account {
        flex-basis: 100% !important;
        width: 100% !important;
        border-right: 0 !important;
    }
    #desktop_logo img.oepfel-logo {
        width: 180px !important;
    }
    body#index .homepage-news-text {
        padding: 0 16px !important;
    }
    body#index .header-custom-html,
    body#index .header-custom-html p {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    body#index .header-custom-html h1,
    body#index .header-custom-html h2,
    body#index .header-custom-html h3 {
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    body #footer,
    body#index #footer,
    body#category #footer,
    body#cart #footer,
    body#checkout #footer,
    body#order-confirmation #footer,
    body#product #footer,
    body.cms-id-16 #footer {
        padding: 32px 16px !important;
    }
    body#checkout #wrapper {
        padding: 16px !important;
        margin: 0 8px 16px 8px !important;
    }
}
/* --- Startseite: «Zum Produkt» und «Hinzufügen» auf gleicher Höhe ---
   Artikel einer Reihe gleich hoch, Link + Button unten ausgerichtet. */
#shop {
    align-items: stretch !important;
}
#shop article.item {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: auto !important;
}
#shop article.item .product-description {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}
#shop article.item .product-nutrition-link {
    margin-top: auto !important;
}
/* ===================== Ende FEEDBACK 3 ============================== */