.bbq-coupon-banner {
background: var(--bbq-brown, #6B4423);
color: #F5E6D3 !important;
text-align: center;
padding: 0.6rem 1rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.4;
}
.bbq-coupon-banner__text {
margin: 0;
color: #F5E6D3 !important;
}
@media (max-width: 600px) {
.bbq-coupon-banner {
font-size: 0.88rem;
padding: 0.5rem 0.75rem;
}
}
.wc-block-components-notice-banner {
border-radius: 10px !important;
border: 2px solid var(--bbq-brown) !important;
background: var(--bbq-light-beige) !important;
color: var(--bbq-dark-brown) !important;
font-size: 1.05rem !important;
font-weight: 500 !important;
padding: 1.1rem 1.5rem 1.1rem 3.2rem !important;
margin: 1.5rem 0 2.5rem 0 !important;
box-shadow: 0 2px 12px rgba(61, 40, 23, 0.07) !important;
position: relative !important;
line-height: 1.6 !important;
display: flex !important;
align-items: center !important;
gap: 0.7rem !important;
min-height: 48px !important;
z-index: 10 !important;
}
.wc-block-components-notice-banner__content {
flex: 1 1 auto;
display: block;
}
.wc-block-components-notice-banner__icon {
display: none !important;
}
.wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__icon,
.wc-block-components-notice-banner .wc-block-components-notice-banner__icon {
background-image: url('data:image/svg+xml;utf8,');
}
.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__icon {
background-image: url('data:image/svg+xml;utf8,');
}
.wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__icon {
background-image: url('data:image/svg+xml;utf8,');
}
.wc-block-components-notice-banner a {
color: var(--bbq-brown);
text-decoration: underline;
font-weight: 600;
}
.wc-block-components-notice-banner__dismiss {
position: absolute;
right: 1.1rem;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: var(--bbq-brown);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.2s;
}
.wc-block-components-notice-banner__dismiss:hover {
opacity: 1;
}
@media (max-width: 600px) {
.wc-block-components-notice-banner {
font-size: 0.98rem;
padding: 0.9rem 0.7rem 0.9rem 2.7rem;
min-height: 40px;
}
.wc-block-components-notice-banner__icon {
left: 0.5rem;
width: 1.2rem;
height: 1.2rem;
}
.wc-block-components-notice-banner__dismiss {
right: 0.5rem;
font-size: 1.2rem;
}
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
border-radius: 10px;
border: 2px solid var(--bbq-brown);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
font-size: 1.05rem;
font-weight: 500;
padding: 1.1rem 1.5rem 1.1rem 3.2rem;
margin: 1.5rem 0 2.5rem 0;
box-shadow: 0 2px 12px rgba(61, 40, 23, 0.07);
position: relative;
line-height: 1.6;
display: flex;
align-items: center;
gap: 0.7rem;
min-height: 48px;
z-index: 10;
}
.woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
content: '';
display: inline-block;
width: 1.7rem;
height: 1.7rem;
position: absolute;
left: 1.1rem;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
}
.woocommerce-message:before {
background-image: url('data:image/svg+xml;utf8,');
}
.woocommerce-info:before {
background-image: url('data:image/svg+xml;utf8,');
}
.woocommerce-error:before {
background-image: url('data:image/svg+xml;utf8,');
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a {
color: var(--bbq-brown);
text-decoration: underline;
font-weight: 600;
}
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button {
margin-left: auto;
background: var(--bbq-brown);
color: var(--bbq-beige);
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1.2rem;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.10);
border: none;
transition: background 0.2s;
}
.woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover {
background: var(--bbq-dark-brown);
color: var(--bbq-beige);
}
.woocommerce-message .close, .woocommerce-info .close, .woocommerce-error .close {
position: absolute;
right: 1.1rem;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: var(--bbq-brown);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.2s;
}
.woocommerce-message .close:hover, .woocommerce-info .close:hover, .woocommerce-error .close:hover {
opacity: 1;
}
.woocommerce-checkout .wc-block-components-notice-banner:not(.is-error),
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
display: none !important;
}
@media (max-width: 600px) {
.woocommerce-message, .woocommerce-info, .woocommerce-error {
font-size: 0.98rem;
padding: 0.9rem 0.7rem 0.9rem 2.7rem;
min-height: 40px;
}
.woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
left: 0.5rem;
width: 1.2rem;
height: 1.2rem;
}
.woocommerce-message .close, .woocommerce-info .close, .woocommerce-error .close {
right: 0.5rem;
font-size: 1.2rem;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.7;
color: #333;
background-color: #fff;
min-height: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
background-image: var(--custom-background-image);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
body::after {
content: '';
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
min-width: 100%;
min-height: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.4);
pointer-events: none;
box-sizing: border-box;
}
:root {
--bbq-beige: #F5E6D3;
--bbq-dark-brown: #3D2817;
--bbq-brown: #6B4423;
--bbq-light-beige: #efe9e2;
--bbq-dark: #2C1810;
--bbq-dark-brown-rgb: 61 40 23;
--wp-editor-canvas-background: var(--bbq-light-beige);
}
.site-header {
background: var(--bbq-beige);
padding: 1.5rem 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
position: relative;
width: 100%;
max-width: 100%;
border-bottom: 2px solid var(--bbq-dark-brown);
margin: 0;
}
.site-header .header-content {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem 0 1rem;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
position: relative;
gap: 0.25rem;
}
.site-branding {
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.custom-logo-link {
display: inline-block;
line-height: 0;
}
.custom-logo {
max-height: 80px;
width: auto;
height: auto;
display: block;
}
.site-title {
font-size: 1.5rem;
font-weight: 700;
margin: 0;
letter-spacing: 0.5px;
white-space: nowrap;
}
.site-title a {
text-decoration: none;
display: inline-block;
color: var(--bbq-dark-brown);
}
.site-title .queen-part {
color: #FF69B4;
}
.main-navigation {
display: flex;
gap: 2rem;
align-items: center;
flex: 0 1 auto;
flex-wrap: wrap;
}
.header-right {
display: flex;
align-items: center;
gap: 1rem;
margin-left: auto;
}
.main-navigation a {
color: var(--bbq-dark-brown);
text-decoration: none;
font-weight: 500;
font-size: 1rem;
padding: 0.5rem 1rem;
transition: color 0.2s ease;
}
.main-navigation a:hover {
color: var(--bbq-brown);
}
.cart-link {
position: relative;
color: var(--bbq-brown);
text-decoration: none;
font-size: 1.05rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.55rem 1rem;
transition: color 0.2s ease;
}
.cart-link:hover {
color: var(--bbq-dark-brown);
}
.cart-link .cart-icon,
.cart-link svg {
width: 1.75rem;
height: 1.75rem;
flex-shrink: 0;
color: inherit;
}
.cart-link .cart-icon-wrap {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 0.15rem;
}
.cart-link .cart-total {
display: inline-flex;
align-items: center;
font-size: 1rem;
font-weight: 600;
line-height: 1;
white-space: nowrap;
margin-left: 0.2rem;
}
.cart-link .cart-total .woocommerce-Price-amount {
color: inherit;
font-weight: inherit;
}
.login-link {
background: var(--bbq-brown);
color: var(--bbq-beige) !important;
text-decoration: none;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 6px;
transition: all 0.3s ease;
display: inline-block;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
}
.login-link:hover {
background: var(--bbq-dark-brown);
color: var(--bbq-beige) !important;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
.site-header .cart-link,
.site-header .cart-link:visited {
color: var(--bbq-brown) !important;
}
.site-header .cart-link:hover {
color: var(--bbq-dark-brown) !important;
}
.site-header .login-link,
.site-header .login-link:visited {
color: var(--bbq-beige) !important;
}
.cart-count {
position: absolute;
top: -0.48rem;
right: -0.58rem;
background: var(--bbq-dark) !important;
color: var(--bbq-beige) !important;
border-radius: 999px;
min-width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.74rem;
font-weight: 600;
padding: 0 0.3rem;
line-height: 1;
}
body.single-product .site-header .cart-link,
body.single-product .site-header .cart-link:visited {
color: var(--bbq-brown) !important;
}
body.single-product .site-header .cart-link:hover {
color: var(--bbq-dark-brown) !important;
}
body.single-product .site-header .cart-count {
background: var(--bbq-dark-brown) !important;
color: var(--bbq-beige) !important;
}
.header-search-wrap {
flex: 1 1 auto;
min-width: 140px;
max-width: 200px;
position: relative;
margin-right: 1rem;
}
@media (min-width: 600px) {
.header-search-wrap {
min-width: 160px;
max-width: 220px;
}
}
@media (min-width: 900px) {
.header-search-wrap {
min-width: 170px;
max-width: 240px;
}
}
@media (min-width: 1200px) {
.header-search-wrap {
min-width: 200px;
max-width: 280px;
}
}
@media (min-width: 1400px) {
.header-search-wrap {
min-width: 240px;
max-width: 340px;
}
}
.bbq-header-search-form {
display: flex;
align-items: center;
position: relative;
background: #fff;
border: 2px solid var(--bbq-brown);
border-radius: 8px;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bbq-header-search-form:focus-within {
border-color: var(--bbq-dark-brown);
box-shadow: 0 0 0 3px rgba(var(--bbq-dark-brown-rgb), 0.15);
}
.bbq-header-search-input {
flex: 1;
width: 100%;
min-width: 0;
padding: 0.6rem 2.75rem 0.6rem 0.85rem;
border: none;
background: transparent;
font-size: 0.95rem;
color: var(--bbq-dark);
outline: none;
}
.bbq-header-search-input::-webkit-search-cancel-button,
.bbq-header-search-input::-webkit-search-decoration,
.bbq-header-search-input::-webkit-search-results-button,
.bbq-header-search-input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
display: none;
}
.bbq-header-search-input::placeholder {
color: #888;
}
.bbq-header-search-clear,
.bbq-header-search-submit {
position: absolute;
top: 0;
bottom: 0;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
color: var(--bbq-brown);
cursor: pointer;
transition: color 0.2s ease, background 0.2s ease;
}
.bbq-header-search-clear {
right: 36px;
font-size: 1.25rem;
line-height: 1;
opacity: 0;
pointer-events: none;
}
.bbq-header-search-clear.is-visible {
opacity: 1;
pointer-events: auto;
}
.bbq-header-search-clear:hover {
color: var(--bbq-dark-brown);
}
.bbq-header-search-submit {
right: 0;
}
.bbq-header-search-submit:hover {
color: var(--bbq-dark-brown);
background: rgba(var(--bbq-dark-brown-rgb), 0.06);
}
.bbq-header-search-submit svg {
display: block;
}
.bbq-search-suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 4px;
background: #fff;
border: 2px solid var(--bbq-brown);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
max-height: 320px;
overflow-y: auto;
z-index: 100;
}
.bbq-search-suggestions.is-hidden,
.bbq-search-suggestions[hidden] {
display: none !important;
}
.bbq-search-suggestions__empty {
padding: 1rem 1rem;
color: var(--bbq-dark);
font-size: 0.9rem;
}
.bbq-search-suggestions__item,
.bbq-search-suggestions__view-all {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.65rem 1rem;
color: var(--bbq-dark-brown);
text-decoration: none;
font-size: 0.9rem;
transition: background 0.2s ease, color 0.2s ease;
border-bottom: 1px solid rgba(var(--bbq-dark-brown-rgb), 0.08);
}
.bbq-search-suggestions__item:last-of-type {
border-bottom: none;
}
.bbq-search-suggestions__item:hover,
.bbq-search-suggestions__view-all:hover {
background: var(--bbq-light-beige);
color: var(--bbq-brown);
}
.bbq-search-suggestions__icon {
flex-shrink: 0;
width: 18px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B4423' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat center;
}
.bbq-search-suggestions__title {
flex: 1;
min-width: 0;
}
.bbq-search-suggestions__price {
flex-shrink: 0;
font-weight: 600;
color: var(--bbq-brown);
font-size: 0.85rem;
}
.bbq-search-suggestions__view-all {
font-weight: 600;
color: var(--bbq-brown);
border-bottom: none;
margin-top: 2px;
padding-top: 0.75rem;
}
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden;
position: relative;
}
.site-main {
max-width: 1200px;
margin: 2rem auto 3rem;
padding: 0;
flex: 1;
width: 100%;
background: var(--bbq-light-beige);
border-radius: 12px;
}
.woocommerce-content {
flex: 1;
direction: ltr;
unicode-bidi: isolate;
}
.woocommerce-cart tr.cart-subtotal,
.woocommerce-checkout tr.cart-subtotal,
.woocommerce-cart .wc-block-components-totals-item--subtotal,
.woocommerce-checkout .wc-block-components-totals-item--subtotal,
.woocommerce-cart .wc-block-components-totals-item:has(.wc-block-components-totals-item__label),
.woocommerce-checkout .wc-block-components-totals-item:has(.wc-block-components-totals-item__label) {
visibility: visible !important;
opacity: 1 !important;
}
.woocommerce-cart tr.cart-subtotal,
.woocommerce-checkout tr.cart-subtotal {
display: table-row !important;
}
.woocommerce-cart .wc-block-components-totals-item--subtotal,
.woocommerce-checkout .wc-block-components-totals-item--subtotal {
display: flex !important;
}
.hero-banner-section {
background: var(--bbq-beige);
padding-top: clamp(3rem, 8vw, 6rem);
padding-bottom: clamp(3rem, 8vw, 6rem);
padding-left: 0;
padding-right: 0;
text-align: center;
margin-bottom: clamp(2rem, 5vw, 4rem);
border-bottom: 3px solid var(--bbq-dark-brown);
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.hero-banner-content {
max-width: 900px;
margin: 0 auto;
}
.hero-banner-title {
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
color: var(--bbq-dark-brown);
margin-bottom: 1.5rem;
line-height: 1.2;
letter-spacing: -0.5px;
}
.hero-banner-subtitle {
font-size: clamp(1rem, 1.5vw, 1.2rem);
color: var(--bbq-brown);
margin-bottom: 2.5rem;
font-weight: 400;
line-height: 1.6;
}
.hero-banner-button {
display: inline-block;
padding: 1.2rem 3.5rem;
font-size: 1.1rem;
margin-top: 1rem;
box-shadow: 0 4px 15px rgba(61, 40, 23, 0.2);
transition: all 0.3s ease;
}
.hero-banner-button:hover {
box-shadow: 0 6px 20px rgba(61, 40, 23, 0.3);
transform: translateY(-2px);
}
.products-section {
padding: 0;
background: transparent;
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
}
.products-section ul,
.products-section li,
.products-section ul.products,
.products-section ul.products li,
.products-section .products,
.products-section .products li,
.products-section .featured-products,
.products-section .featured-products li {
list-style: none !important;
list-style-type: none !important;
}
.products-section ul li::marker,
.products-section ul.products li::marker,
.products-section .products li::marker,
.products-section .featured-products li::marker {
display: none !important;
}
.woocommerce,
.woocommerce * {
color: var(--bbq-dark);
}
.woocommerce .site-header {
color: var(--bbq-dark-brown);
}
.woocommerce .site-header * {
color: inherit;
}
.woocommerce .required,
.woocommerce form .form-row .required,
.woocommerce #respond .required {
color: #c62828;
font-weight: 700;
}
.required,
label .required,
span.required {
color: #c62828;
font-weight: 700;
}
.xoo-aff-cont-required::after {
color: #c62828 !important;
opacity: 1 !important;
}
.xoo-el-form-container ul.xoo-el-tabs li {
flex: 1 1 0;
min-width: 0;
}
.xoo-el-form-container .xoo-el-fields-cont .xoo-aff-group.onehalf {
width: calc(50% - 10px);
}
.xoo-el-form-container .xoo-el-fields-cont .xoo-aff-group.onehalf:nth-child(2n) {
margin-right: 0;
}
.xoo-el-form-container .xoo-el-fields-cont .xoo-aff-group.onehalf:nth-child(2n+1) {
margin-right: 20px;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.5rem;
list-style: none;
margin: 0;
padding: 0;
justify-content: start;
align-content: start;
direction: ltr;
}
.home .woocommerce ul.products,
body.home .woocommerce ul.products,
.home .products-section ul.products,
body.home .products-section ul.products {
gap: 1.5rem;
}
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
max-width: 100%;
display: grid;
}
@media (max-width: 768px) {
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
}
}
@media (max-width: 480px) {
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
}
.woocommerce ul.products li.product {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid rgba(61, 40, 23, 0.1);
position: relative;
list-style: none;
list-style-type: none;
}
.woocommerce ul.products li.product::marker {
display: none;
}
.woocommerce ul.products li.product::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(61, 40, 23, 0.15);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.woocommerce ul.products li.product:hover {
transform: translateY(-8px);
border-color: var(--bbq-brown);
}
.woocommerce ul.products li.product:hover::before {
opacity: 1;
}
.woocommerce ul.products li.product img {
width: 100%;
height: auto;
display: block;
transition: transform 0.4s ease;
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.05);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1rem;
font-weight: 600;
color: var(--bbq-dark-brown) !important;
padding: 1.25rem 1rem 0.5rem;
margin: 0;
text-align: center;
line-height: 1.4;
min-height: 4.62rem; /* ruimte voor 3 regels titel (1.1rem * 1.4 * 3) */
}
.home .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0.75rem 1rem 0.25rem;
font-size: 1rem;
min-height: 4.2rem; /* ruimte voor 3 regels titel (1rem * 1.4 * 3) */
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:visited,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:active {
color: var(--bbq-dark-brown) !important;
text-decoration: none !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2,
.woocommerce ul.products li.product a.woocommerce-loop-product__link h2 {
color: var(--bbq-dark-brown) !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
color: var(--bbq-brown) !important;
}
.woocommerce ul.products li.product .price {
font-size: 1.25rem;
font-weight: 700;
color: var(--bbq-dark);
padding: 0 1rem 1.25rem;
text-align: center;
display: block;
line-height: 1.3;
}
.home .woocommerce ul.products li.product .price,
body.home .woocommerce ul.products li.product .price {
padding: 0 1rem 0.75rem;
font-size: 1.1rem;
}
.woocommerce ul.products li.product .price del {
color: #999;
font-size: 1rem;
}
.woocommerce ul.products li.product .button {
display: block;
width: calc(100% - 2rem);
margin: 0 1rem 1.5rem;
padding: 0.875rem 1.5rem;
background: var(--bbq-brown);
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
background-image: none !important;
}
.home .woocommerce ul.products li.product .button,
body.home .woocommerce ul.products li.product .button {
margin: 0 1rem 1rem;
padding: 0.75rem 1.25rem;
font-size: 0.95rem;
}
.woocommerce ul.products li.product .button:hover {
background: var(--bbq-dark-brown);
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
.woocommerce div.product {
display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(420px, 1.4fr);
gap: 1.5rem;
align-items: start;
margin-bottom: 4rem;
background: var(--bbq-light-beige);
padding: 2.75rem;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
}
.woocommerce div.product > * {
min-width: 0;
}
.woocommerce div.product .woocommerce-product-gallery {
border-radius: 16px;
overflow: hidden;
background: #fff;
padding: 0.75rem;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
width: 100%;
max-width: none;
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
border-radius: 12px;
overflow: hidden;
background: #fff;
}
.woocommerce div.product .woocommerce-product-gallery img {
display: block;
width: 100%;
}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport {
height: auto !important;
}
.woocommerce div.product .woocommerce-product-gallery__image {
cursor: default;
}
.woocommerce div.product .woocommerce-product-gallery__image img {
transition: none;
transform: none !important;
}
.woocommerce div.product .woocommerce-product-gallery__image:hover img {
transform: none !important;
}
.woocommerce div.product .woocommerce-product-gallery__image .zoomImg {
display: none !important;
}
@media (min-width: 769px) {
.woocommerce div.product {
grid-template-columns: minmax(420px, 1.6fr) minmax(420px, 1fr);
row-gap: 0.5rem;
column-gap: calc(0.5rem + 92px + 0.75rem);
}
.woocommerce div.product .woocommerce-product-gallery {
display: block;
align-items: stretch;
justify-self: stretch;
min-height: 0;
position: relative;
max-width: none;
overflow: visible;
}
.woocommerce div.product .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 2;
}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport {
min-width: 0;
width: 100% !important;
max-width: 100%;
height: auto;
overflow: hidden;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs,
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav {
position: absolute;
top: 0.75rem;
right: calc(-1 * (92px + 0.75rem));
display: flex;
flex-direction: column;
gap: 0.75rem;
width: 92px;
margin: 0;
padding: 0;
overflow-y: auto;
max-height: 420px;
list-style: none;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
width: 100% !important;
height: auto;
margin: 0 !important;
float: none !important;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
width: 100%;
height: 72px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
border: 1px solid rgba(61, 40, 23, 0.12);
display: block;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border-color: var(--bbq-brown);
box-shadow: 0 0 0 2px rgba(90, 55, 25, 0.2);
opacity: 1;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
grid-column: 1;
width: 100%;
}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport img {
height: auto;
object-fit: contain;
background: #fff;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img {
min-height: 0;
max-height: 72px;
}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport {
height: auto !important;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
height: auto;
display: block;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
object-position: center;
}
}
.woocommerce div.product .summary,
.woocommerce div.product .summary.entry-summary {
padding: 2rem 2.25rem;
background: #fff;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.06);
max-width: none;
justify-self: end;
display: grid;
gap: 1rem;
margin-top: 2rem;
}
.woocommerce div.product .product_title {
font-size: clamp(1.6rem, 2.8vw, 2.1rem);
color: var(--bbq-dark-brown);
margin-bottom: 0.75rem;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.5px;
}
.woocommerce div.product .price {
font-size: 1.5rem;
color: var(--bbq-dark);
font-weight: 700;
margin-bottom: 2rem;
line-height: 1.3;
}
.woocommerce div.product .woocommerce-product-details__short-description {
color: var(--bbq-dark);
line-height: 1.7;
margin-bottom: 1.75rem;
}
.woocommerce div.product form.cart {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
margin-bottom: 2rem;
}
.woocommerce div.product form.cart .quantity {
margin: 0;
}
.single-product .summary form.cart .variations select,
.single-product .summary form.cart table.variations select {
text-align: center;
text-align-last: center;
}
.single-product .summary form.cart .variations select option,
.single-product .summary form.cart table.variations select option {
text-align: center;
}
.woocommerce div.product .single_add_to_cart_button {
background: var(--bbq-brown);
color: #fff;
padding: 1.125rem 2.5rem;
border: none;
border-radius: 6px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(61, 40, 23, 0.2);
}
.woocommerce div.product .single_add_to_cart_button:hover {
background: var(--bbq-dark-brown);
box-shadow: 0 6px 20px rgba(61, 40, 23, 0.3);
transform: translateY(-2px);
}
.woocommerce div.product .product_meta {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px dashed rgba(61, 40, 23, 0.2);
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1rem;
font-size: 0.95rem;
color: var(--bbq-dark);
}
.woocommerce div.product .product_meta > span {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
color: var(--bbq-dark-brown);
}
.woocommerce div.product .product_meta .product-meta-dropdown {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce div.product .product_meta .product-meta-dropdown-toggle {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0;
background: none;
border: none;
font: inherit;
font-weight: 600;
color: var(--bbq-dark-brown);
cursor: pointer;
text-align: left;
transition: color 0.2s ease;
}
.woocommerce div.product .product_meta .product-meta-dropdown-toggle:hover {
color: var(--bbq-brown);
}
.woocommerce div.product .product_meta .product-meta-dropdown-icon {
display: inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid currentColor;
transition: transform 0.2s ease;
}
.woocommerce div.product .product_meta .product-meta-dropdown.is-open .product-meta-dropdown-icon {
transform: rotate(180deg);
}
.woocommerce div.product .product_meta .product-meta-dropdown-content {
display: none;
margin-top: 0.5rem;
}
.woocommerce div.product .product_meta .product-meta-dropdown.is-open .product-meta-dropdown-content {
display: block;
}
.woocommerce div.product .product_meta .product-meta-terms {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(5, auto);
gap: 0.25em 1rem;
align-content: start;
}
.woocommerce div.product .product_meta .product-meta-terms .product-meta-item {
display: inline-block;
}
.woocommerce div.product .product_meta .product-meta-terms a {
display: inline-block;
padding: 0.25rem 0.6rem;
background: rgba(61, 40, 23, 0.06);
color: var(--bbq-dark-brown);
text-decoration: none;
border-radius: 999px;
font-size: 0.875em;
font-weight: 500;
border: 1px solid rgba(61, 40, 23, 0.12);
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.woocommerce div.product .product_meta .product-meta-terms a:hover {
background: rgba(107, 68, 35, 0.12);
color: var(--bbq-brown);
border-color: rgba(107, 68, 35, 0.25);
}
.woocommerce div.product .product_meta .sku_wrapper:has(.sku:empty) {
display: none !important;
}
.woocommerce div.product .product_meta a {
background: var(--bbq-beige);
color: var(--bbq-dark-brown);
padding: 0.25rem 0.75rem;
border-radius: 999px;
text-decoration: none;
border: 1px solid rgba(61, 40, 23, 0.15);
font-weight: 600;
transition: all 0.2s ease;
}
.woocommerce div.product .bbq-stock {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
padding: 0.35rem 0.85rem;
border-radius: 999px;
border: 1px solid rgba(61, 40, 23, 0.15);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
width: fit-content;
margin-bottom: 0.25rem;
}
.woocommerce div.product .bbq-stock::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #28a745;
}
.woocommerce div.product .bbq-stock.in-stock {
color: #1b5e20;
border-color: rgba(40, 167, 69, 0.35);
background: #e9f7ee;
}
.woocommerce div.product .bbq-stock.in-stock::before {
background: #28a745;
}
.woocommerce div.product .bbq-stock.out-of-stock {
color: #b71c1c;
border-color: rgba(220, 53, 69, 0.35);
background: #fdecec;
}
.woocommerce div.product .bbq-stock.out-of-stock::before {
background: #dc3545;
}
.woocommerce div.product .product_meta a:hover {
background: var(--bbq-brown);
color: #fff;
border-color: var(--bbq-brown);
}
.woocommerce div.product .bbq-stock-text {
margin: 0 0 0.5rem;
font-weight: 600;
color: var(--bbq-dark-brown);
}
.woocommerce div.product .bbq-stock-text.in-stock {
color: #1b5e20;
}
.woocommerce div.product .bbq-stock-text.out-of-stock {
color: #b71c1c;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related.products {
grid-column: 1 / -1;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-Tabs-panel {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs {
clear: both;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom-color: var(--bbq-brown);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-color: var(--bbq-brown);
background-color: transparent;
color: var(--bbq-brown);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--bbq-brown);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: var(--bbq-brown);
color: #fff;
border-bottom-color: var(--bbq-brown);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff;
}
.woocommerce #review_form #respond input#submit,
.woocommerce #review_form #respond .form-submit input.submit,
.woocommerce #review_form #respond input.button {
background: var(--bbq-brown);
color: #fff;
border: none;
border-radius: 6px;
padding: 0.75rem 1.5rem;
font-weight: 600;
}
.woocommerce #review_form #respond input#submit:hover,
.woocommerce #review_form #respond .form-submit input.submit:hover,
.woocommerce #review_form #respond input.button:hover {
background: var(--bbq-dark-brown);
color: #fff;
}
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: var(--bbq-brown);
color: #fff;
padding: 0.875rem 2rem;
border: none;
border-radius: 6px;
font-weight: 600;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
cursor: pointer;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: var(--bbq-dark-brown);
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
.site-footer {
background: var(--bbq-beige);
color: var(--bbq-dark-brown);
padding: 1.5rem 2rem;
margin-top: auto;
padding-top: calc(2rem + 1.5rem);
text-align: center;
width: 100%;
min-height: 120px;
border-top: 2px solid var(--bbq-dark-brown);
}
.site-footer .footer-content {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
min-height: 60px;
}
.site-footer .footer-widgets {
min-height: 0;
width: 100%;
}
.site-footer a {
color: var(--bbq-dark-brown);
text-decoration: none;
}
.site-footer a:hover {
color: var(--bbq-brown);
}
.footer-shipping-promo {
font-weight: 700;
font-size: 1.05rem;
color: var(--bbq-dark-brown);
margin: 0;
padding: 0.5rem 1rem;
background: rgba(107, 68, 35, 0.08);
border-radius: 8px;
border-left: 4px solid var(--bbq-brown);
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.footer-shipping-promo {
white-space: normal;
text-align: center;
}
}
.site-info {
flex: 1;
}
.footer-socials {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 1rem;
margin-left: auto;
}
.site-info-links {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
justify-content: center;
align-items: center;
margin-top: 0.5rem;
}
.site-info-links a {
font-weight: 600;
font-size: 0.95rem;
text-decoration: underline;
text-underline-offset: 2px;
}
.site-info-company {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.5rem 1.25rem;
margin-top: 0.35rem;
font-size: 0.92rem;
color: var(--bbq-dark-brown);
}
.site-info-company span {
display: inline-flex;
align-items: center;
}
.site-info-credits {
margin-top: 0.35rem;
font-size: 0.92rem;
color: var(--bbq-dark-brown);
}
.site-info-credits a {
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.social-link {
display: inline-block;
width: 32px;
height: 32px;
text-decoration: none;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.social-link:hover {
transform: scale(1.1);
opacity: 0.8;
}
.social-icon {
width: 32px;
height: 32px;
display: block;
object-fit: contain;
aspect-ratio: 1 / 1;
}
.bbq-terms-page .entry-title {
margin-bottom: 1.25rem;
font-size: clamp(1.6rem, 2.4vw, 2.2rem);
color: var(--bbq-dark-brown);
text-align: center;
}
.bbq-terms-page.hentry {
padding-bottom: 0.9rem;
}
.bbq-terms-content {
max-width: 980px;
margin: 0 auto 0.9rem;
background: #f7efe5;
border: 1px solid rgba(107, 68, 35, 0.2);
border-radius: 14px;
box-shadow: 0 8px 24px rgba(61, 40, 23, 0.08);
padding: clamp(1rem, 2vw, 2rem);
color: var(--bbq-dark-brown);
line-height: 1.75;
font-size: 1rem;
}
.bbq-terms-content p {
margin: 0 0 0.72rem;
}
.bbq-terms-content a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.bbq-terms-content .bbq-terms-meta-line {
text-align: center;
font-weight: 700;
letter-spacing: 0.01em;
margin-bottom: 0.35rem;
}
.bbq-terms-content .bbq-terms-meta-line + .bbq-terms-meta-line {
margin-bottom: 1rem;
}
.bbq-terms-content p:last-child {
margin-bottom: 0;
}
.bbq-terms-content .bbq-terms-article-title {
margin: 1.8rem 0 0.7rem;
padding-top: 0.7rem;
border-top: 1px solid rgba(107, 68, 35, 0.2);
font-size: clamp(1.15rem, 1.9vw, 1.45rem);
color: var(--bbq-dark-brown);
}
.bbq-terms-content .bbq-terms-article-title:first-child {
margin-top: 0.2rem;
border-top: 0;
padding-top: 0;
}
.bbq-terms-content .bbq-terms-subtitle {
margin: 1.05rem 0 0.45rem;
font-size: clamp(1rem, 1.5vw, 1.15rem);
color: var(--bbq-dark-brown);
}
.bbq-terms-content .bbq-terms-list {
list-style: none;
margin: 0.35rem 0 0.8rem 0;
padding: 0;
}
.bbq-terms-content .bbq-terms-list li {
position: relative;
margin-bottom: 0.3rem;
padding-left: 1.2rem;
}
.bbq-terms-content .bbq-terms-list li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: var(--bbq-dark-brown);
font-weight: 700;
}
.bbq-terms-content .bbq-terms-list .bbq-terms-item-level-2 {
margin-left: 1.5rem;
}
.bbq-terms-content .bbq-terms-list .bbq-terms-item-level-3 {
margin-left: 2.75rem;
}
.bbq-terms-content .bbq-terms-list .bbq-terms-item-level-4 {
margin-left: 4rem;
}
@media screen and (max-width: 768px) {
.bbq-terms-content {
border-radius: 10px;
line-height: 1.68;
}
.bbq-terms-content .bbq-terms-article-title {
margin-top: 1.45rem;
}
}
.woocommerce-products-header {
text-align: center;
margin-bottom: 3rem;
padding: 2rem;
background: linear-gradient(135deg, var(--bbq-beige) 0%, var(--bbq-light-beige) 100%);
border-radius: 15px;
}
.woocommerce-products-header__title {
font-size: 1.75rem;
font-weight: 700;
color: var(--bbq-dark-brown);
margin-bottom: 1rem;
}
body.post-type-archive-product .woocommerce-content,
body.tax-product_cat .woocommerce-content,
body.tax-product_tag .woocommerce-content {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"breadcrumb breadcrumb"
"header header"
"notices notices"
"result ordering"
"products products"
"pagination pagination";
gap: 1.25rem 1.5rem;
padding: 2rem;
align-items: start;
justify-items: stretch;
direction: ltr;
unicode-bidi: isolate;
}
body.post-type-archive-product .woocommerce-breadcrumb,
body.tax-product_cat .woocommerce-breadcrumb,
body.tax-product_tag .woocommerce-breadcrumb {
grid-area: breadcrumb;
margin: 0;
}
body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header,
body.tax-product_tag .woocommerce-products-header {
grid-area: header;
text-align: left;
margin-bottom: 0;
padding: 1.75rem 2rem;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.08);
}
body.post-type-archive-product .woocommerce-content .page-title,
body.tax-product_cat .woocommerce-content .page-title,
body.tax-product_tag .woocommerce-content .page-title {
grid-area: header;
text-align: left;
margin: 0;
padding: 1.75rem 2rem;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.08);
background: linear-gradient(135deg, var(--bbq-beige) 0%, var(--bbq-light-beige) 100%);
font-size: clamp(1.75rem, 3vw, 2.4rem);
font-weight: 700;
color: var(--bbq-dark-brown);
}
body.post-type-archive-product .woocommerce-content .page-title::after,
body.tax-product_cat .woocommerce-content .page-title::after,
body.tax-product_tag .woocommerce-content .page-title::after {
content: '';
display: block;
width: 72px;
height: 4px;
margin-top: 0.5rem;
background: var(--bbq-brown);
border-radius: 999px;
}
body.post-type-archive-product .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title,
body.tax-product_tag .woocommerce-products-header__title {
font-size: clamp(1.75rem, 3vw, 2.4rem);
margin-bottom: 0.35rem;
}
body.post-type-archive-product .woocommerce-products-header__title::after,
body.tax-product_cat .woocommerce-products-header__title::after,
body.tax-product_tag .woocommerce-products-header__title::after {
content: '';
display: block;
width: 72px;
height: 4px;
margin-top: 0.5rem;
background: var(--bbq-brown);
border-radius: 999px;
}
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count {
grid-area: result;
margin: 0;
color: var(--bbq-brown);
font-weight: 600;
font-size: 1.05rem;
align-self: center;
float: none !important;
width: auto !important;
background: #fff;
border: 1px solid rgba(61, 40, 23, 0.12);
border-radius: 10px;
padding: 0.75rem 1rem;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.08);
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
grid-area: ordering;
margin: 0;
justify-self: end;
align-self: center;
float: none !important;
width: auto !important;
background: #fff;
border: 1px solid rgba(61, 40, 23, 0.12);
border-radius: 10px;
padding: 0.5rem 0.75rem;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.08);
}
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_tag .woocommerce-ordering select {
min-width: 220px;
font-size: 1rem;
border: 0;
background: transparent;
padding: 0.35rem 0.5rem;
}
body.post-type-archive-product .woocommerce-notices-wrapper,
body.tax-product_cat .woocommerce-notices-wrapper,
body.tax-product_tag .woocommerce-notices-wrapper {
grid-area: notices;
}
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products {
grid-area: products;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row;
place-content: start;
gap: 2rem;
justify-items: stretch;
justify-content: flex-start !important;
align-content: flex-start !important;
direction: ltr !important;
unicode-bidi: isolate;
justify-self: stretch;
margin-top: 0.5rem;
width: 100% !important;
max-width: none !important;
align-self: start;
clear: both;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.woocommerce-content ul.products::before,
.woocommerce-content ul.products::after,
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after,
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.tax-product_tag ul.products::before,
body.tax-product_tag ul.products::after {
content: none !important;
display: none !important;
}
body:not(.single-product) .woocommerce-content ul.products li.product {
flex: initial;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: none !important;
justify-self: stretch;
align-self: stretch;
min-width: 0;
margin: 0 !important;
}
body.post-type-archive-product .woocommerce-pagination,
body.tax-product_cat .woocommerce-pagination,
body.tax-product_tag .woocommerce-pagination {
grid-area: pagination;
margin-top: 0;
}
@media (max-width: 768px) {
body.post-type-archive-product .woocommerce-content,
body.tax-product_cat .woocommerce-content,
body.tax-product_tag .woocommerce-content {
grid-template-columns: 1fr;
grid-template-areas:
"breadcrumb"
"header"
"notices"
"ordering"
"result"
"products"
"pagination";
padding: 1.5rem;
}
.woocommerce-content ul.products {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
justify-self: start;
}
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_tag .woocommerce-ordering select {
min-width: 0;
width: 100%;
}
.woocommerce-content ul.products li.product {
width: 100% !important;
}
}
.woocommerce-result-count,
.woocommerce-ordering {
margin-bottom: 2rem;
}
.woocommerce-ordering select {
padding: 0.75rem;
border: 2px solid var(--bbq-brown);
border-radius: 10px;
font-size: 1rem;
background: #fff;
cursor: pointer;
}
.woocommerce span.onsale {
background: #dc3545;
color: #fff;
padding: 0.4rem 0.8rem;
border-radius: 4px;
font-weight: 600;
font-size: 0.85rem;
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
.woocommerce .star-rating {
color: var(--bbq-brown);
font-size: 1rem;
margin: 0.5rem 0;
}
.woocommerce .star-rating span {
color: var(--bbq-brown);
}
.woocommerce .product-categories {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 2rem 0;
}
.woocommerce .product-categories li a {
background: var(--bbq-brown);
color: #fff;
padding: 0.5rem 1.5rem;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: background-color 0.2s ease;
display: inline-block;
}
.woocommerce .product-categories li a:hover {
background: var(--bbq-dark-brown);
}
.single-product .related.products,
.single-product .up-sells.upsells {
width: 100%;
max-width: 900px;
margin: 4rem auto 0 auto;
padding: 2.5rem;
box-sizing: border-box;
background: var(--bbq-light-beige);
border: 1px solid rgba(61, 40, 23, 0.12);
border-radius: 12px;
box-shadow: 0 6px 18px rgba(61, 40, 23, 0.08);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.single-product .related.products h2,
.single-product .up-sells.upsells h2 {
width: 100%;
text-align: center;
margin-bottom: 2.5rem;
font-size: 1.75rem;
font-weight: 700;
color: var(--bbq-dark-brown);
}
.single-product .related.products h2::after,
.single-product .up-sells.upsells h2::after {
content: '';
display: block;
width: 80px;
height: 4px;
margin: 0.75rem auto 0;
background: var(--bbq-brown);
border-radius: 999px;
}
.single-product .related.products ul.products,
.single-product .up-sells.upsells ul.products {
display: flex !important;
flex-wrap: wrap;
justify-content: center !important;
align-items: flex-start;
gap: 2rem 1.5rem;
width: 100%;
max-width: 920px;
margin: 0 auto;
padding: 0;
float: none !important;
}
.single-product .related.products ul.products li.product,
.single-product .up-sells.upsells ul.products li.product {
flex: 0 0 220px;
max-width: 220px;
float: none !important;
clear: none !important;
margin: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media (max-width: 900px) {
.single-product .related.products ul.products,
.single-product .up-sells.upsells ul.products {
max-width: 700px;
}
}
@media (max-width: 520px) {
.single-product .related.products ul.products,
.single-product .up-sells.upsells ul.products {
flex-direction: column;
align-items: stretch;
max-width: 420px;
}
.single-product .related.products ul.products li.product,
.single-product .up-sells.upsells ul.products li.product {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
}
.woocommerce .quantity input.qty {
width: 80px;
padding: 0.75rem;
border: 2px solid var(--bbq-brown);
border-radius: 10px;
text-align: center;
font-size: 1.1rem;
font-weight: 700;
}
.woocommerce-notices-wrapper {
margin-bottom: 1.5rem;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
margin-bottom: 0.75rem;
}
.woocommerce-notices-wrapper .woocommerce-message:last-child,
.woocommerce-notices-wrapper .woocommerce-info:last-child,
.woocommerce-notices-wrapper .woocommerce-error:last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
padding: 1.25rem 1.5rem;
border-radius: 12px;
margin-bottom: 1rem;
border: 2px solid var(--bbq-brown);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
font-weight: 500;
line-height: 1.5;
box-shadow: 0 2px 10px rgba(61, 40, 23, 0.08);
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before {
display: none !important;
}
.woocommerce .woocommerce-message {
border-color: var(--bbq-brown);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
}
.woocommerce .woocommerce-info {
border-color: var(--bbq-brown);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
}
.woocommerce .woocommerce-error {
border-color: var(--bbq-brown);
background: var(--bbq-light-beige);
color: var(--bbq-dark-brown);
}
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a {
color: var(--bbq-brown);
font-weight: 600;
text-decoration: underline;
}
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-error a:hover {
color: var(--bbq-dark-brown);
}
.single-product .woocommerce-notices-wrapper {
margin-top: 1rem;
margin-bottom: 0;
}
.single-product .woocommerce-message,
.single-product .woocommerce-info,
.single-product .woocommerce-error {
padding: 0.75rem 1.25rem;
font-size: 0.95rem;
margin-bottom: 0.5rem;
border-radius: 10px;
}
.single-product .woocommerce-message::before,
.single-product .woocommerce-info::before,
.single-product .woocommerce-error::before {
display: none !important;
}
.single-product .woocommerce-message .button,
.single-product .woocommerce-info .button,
.single-product .woocommerce-error .button,
.single-product .woocommerce-message a.button,
.single-product .woocommerce-info a.button,
.single-product .woocommerce-error a.button {
display: none !important;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin: 3rem 0;
}
.woocommerce nav.woocommerce-pagination ul {
list-style: none;
display: inline-flex;
gap: 0.5rem;
}
.woocommerce nav.woocommerce-pagination ul li {
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.75rem 1rem;
background: var(--bbq-beige);
color: var(--bbq-dark);
text-decoration: none;
border-radius: 10px;
font-weight: 600;
transition: all 0.3s ease;
display: inline-block;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--bbq-brown);
color: #fff;
}
@media (max-width: 768px) {
.site-header .header-content {
padding: 0 1rem;
flex-wrap: wrap;
}
.site-title {
font-size: 1.5rem;
}
.main-navigation {
gap: 1rem;
flex-wrap: wrap;
}
.main-navigation a {
font-size: 0.9rem;
padding: 0.4rem 0.8rem;
}
.hero-banner-title {
font-size: 2rem;
}
.hero-banner-subtitle {
font-size: 1.1rem;
}
.recipes-grid {
grid-template-columns: 1fr;
}
.newsletter-form {
flex-direction: column;
}
.newsletter-form input[type="email"] {
min-width: 100%;
}
.woocommerce div.product {
grid-template-columns: 1fr;
padding: 1.5rem;
gap: 2rem;
}
.woocommerce ul.products {
grid-template-columns: 1fr;
}
.woocommerce-products-header__title {
font-size: 2rem;
}
.woocommerce div.product .summary {
padding: 1.5rem;
width: 100%;
max-width: 100%;
margin-left: 0;
}
.section-title {
font-size: 1.5rem;
}
}
.categories-section {
padding: 3rem 2rem;
background: var(--bbq-light-beige);
margin: 2rem 0;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.categories-header {
margin-bottom: 3rem;
padding: 0 1rem;
}
.categories-main-title {
font-size: clamp(1.75rem, 3vw, 2.25rem);
font-weight: 700;
color: var(--bbq-dark-brown);
margin: 0;
line-height: 1.2;
}
.all-categories-link {
font-size: 1rem;
color: var(--bbq-dark-brown);
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.all-categories-link:hover {
color: var(--bbq-brown);
text-decoration: underline;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2rem;
margin-bottom: 3rem;
}
@media (max-width: 1400px) {
.categories-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1024px) {
.categories-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.categories-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 480px) {
.categories-grid {
grid-template-columns: 1fr;
}
}
.category-block {
display: flex;
flex-direction: column;
}
.category-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--bbq-dark-brown);
margin: 0 0 1rem 0;
line-height: 1.3;
}
.category-product-card {
background: #fff;
border-radius: 12px;
padding: 1.5rem;
text-decoration: none;
display: flex;
flex-direction: column;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
min-height: 300px;
}
.category-product-card:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
.category-product-image {
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
background: #f9f9f9;
border-radius: 8px;
overflow: hidden;
}
.category-product-image img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
width: auto;
height: auto;
}
.category-product-name {
font-size: 0.95rem;
color: var(--bbq-dark-brown);
margin: 0 0 1rem 0;
line-height: 1.4;
flex-grow: 1;
}
.category-read-more {
background: var(--bbq-dark-brown);
color: #fff;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 6px;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
width: 100%;
margin-top: auto;
}
.category-read-more:hover {
background: var(--bbq-brown);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
}
.view-all-categories {
text-align: center;
margin-top: 3rem;
}
.view-all-categories .button {
padding: 1rem 2.5rem;
font-size: 1.1rem;
box-shadow: 0 4px 15px rgba(61, 40, 23, 0.15);
transition: all 0.3s ease;
}
.view-all-categories .button:hover {
box-shadow: 0 6px 20px rgba(61, 40, 23, 0.25);
transform: translateY(-2px);
}
@media (max-width: 768px) {
.categories-header {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
}
.featured-products-section {
padding-top: clamp(3rem, 6vw, 5rem);
padding-bottom: clamp(3rem, 6vw, 5rem);
padding-left: 0;
padding-right: 0;
background: var(--bbq-light-beige);
margin-top: clamp(2rem, 5vw, 4rem);
margin-bottom: clamp(2rem, 5vw, 4rem);
border-radius: 12px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}
.site-main .container {
padding-left: clamp(1rem, 4vw, 2rem);
padding-right: clamp(1rem, 4vw, 2rem);
padding-top: clamp(1rem, 3vw, 2rem);
padding-bottom: clamp(1rem, 3vw, 2rem);
margin: 0;
width: 100%;
}
.products-section .container,
.featured-products-section .container,
.recipes-section .container {
display: flex;
flex-direction: column;
}
.home .products-section .container,
body.home .products-section .container {
padding-top: clamp(2rem, 4vw, 3rem);
padding-bottom: clamp(0.5rem, 2vw, 1rem);
margin: 0;
}
.main-shop-title {
font-size: clamp(1.75rem, 4vw, 2.5rem);
font-weight: 700;
text-align: center;
margin-bottom: 0.5rem;
margin-top: 0;
color: var(--bbq-dark-brown);
line-height: 1.2;
letter-spacing: -0.5px;
}
.section-title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 700;
text-align: center;
margin-bottom: 1.5rem;
color: var(--bbq-dark-brown);
line-height: 1.3;
letter-spacing: -0.3px;
}
.view-all-products {
text-align: center;
margin-top: 2rem;
margin-bottom: 0;
padding-top: 0;
}
.view-all-products .button {
padding: 1rem 2.5rem;
font-size: 1.1rem;
box-shadow: 0 4px 15px rgba(61, 40, 23, 0.15);
transition: all 0.3s ease;
margin-bottom: 0;
}
.view-all-products .button:hover {
box-shadow: 0 6px 20px rgba(61, 40, 23, 0.25);
transform: translateY(-2px);
}
.recipes-section {
padding: 4rem 2rem;
background: var(--bbq-light-beige);
margin: 3rem 0;
}
.recipes-section .container {
max-width: 1200px;
margin: 0 auto;
}
.recipes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.recipe-item {
background: var(--bbq-light-beige);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.recipe-item:hover {
transform: translateY(-5px);
border-color: var(--bbq-brown);
box-shadow: 0 5px 20px rgba(61, 40, 23, 0.15);
}
.recipe-image-link {
display: block;
width: 100%;
height: 200px;
overflow: hidden;
}
.recipe-image-link img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.recipe-item:hover .recipe-image-link img {
transform: scale(1.05);
}
.recipe-content {
padding: 1.5rem;
}
.recipe-title {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.recipe-title a {
color: var(--bbq-dark-brown);
text-decoration: none;
}
.recipe-title a:hover {
color: var(--bbq-brown);
}
.recipe-excerpt {
color: var(--bbq-brown);
margin-bottom: 1rem;
line-height: 1.6;
}
.recipe-read-more {
color: var(--bbq-brown);
text-decoration: none;
font-weight: 600;
display: inline-block;
}
.recipe-read-more:hover {
color: var(--bbq-dark-brown);
}
.view-all-recipes {
text-align: center;
margin-top: 2rem;
}
.newsletter-section {
padding-top: clamp(3rem, 6vw, 5rem);
padding-bottom: clamp(3rem, 6vw, 5rem);
padding-left: 0;
padding-right: 0;
background: var(--bbq-beige);
margin-top: clamp(2rem, 5vw, 4rem);
margin-bottom: clamp(2rem, 5vw, 4rem);
border-top: 3px solid var(--bbq-dark-brown);
border-bottom: 3px solid var(--bbq-dark-brown);
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.newsletter-section .container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.newsletter-content {
text-align: center;
}
.newsletter-title {
font-size: clamp(1.5rem, 3vw, 1.875rem);
font-weight: 700;
color: var(--bbq-dark-brown);
margin-bottom: 1rem;
line-height: 1.3;
}
.newsletter-subtitle {
font-size: 1.15rem;
color: var(--bbq-brown);
margin-bottom: 2.5rem;
line-height: 1.6;
}
.newsletter-form {
display: flex;
gap: 1rem;
max-width: 500px;
margin: 0 auto;
flex-wrap: wrap;
}
.newsletter-form input[type="email"] {
flex: 1;
min-width: 250px;
padding: 1rem 1.25rem;
border: 2px solid var(--bbq-dark-brown);
border-radius: 6px;
font-size: 1rem;
background: #fff;
transition: all 0.3s ease;
}
.newsletter-form input[type="email"]:focus {
outline: none;
border-color: var(--bbq-brown);
box-shadow: 0 0 0 3px rgba(107, 68, 35, 0.1);
}
.newsletter-form button {
padding: 1rem 2rem;
white-space: nowrap;
}
.content-area.has-sidebar {
display: grid;
grid-template-columns: 1fr 300px;
gap: 3rem;
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
@media (max-width: 768px) {
.content-area.has-sidebar {
grid-template-columns: 1fr;
}
}
.woocommerce-cart .cart-collaterals {
margin-top: 2rem;
}
.woocommerce-cart .wc-block-components-product-metadata__description,
.woocommerce-cart .wc-block-components-product-badge.wc-block-components-product-low-stock-badge {
display: none !important;
}
.woocommerce-cart .site-main,
.woocommerce-cart .woocommerce-content {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .woocommerce {
padding-left: 1rem;
padding-right: 1rem;
}
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .wc-block-cart {
position: relative;
}
.woocommerce-cart .wc-block-components-notice-snackbar-list {
position: fixed !important;
left: 2rem !important;
bottom: 0.6rem !important;
top: auto !important;
right: auto !important;
width: 320px !important;
max-width: calc(100% - 2rem) !important;
margin: 0 !important;
z-index: 9999 !important;
}
.woocommerce-cart .wc-block-components-notice-snackbar-list,
.woocommerce-cart .wc-block-components-notice-snackbar,
.woocommerce-cart .wc-block-components-notices {
display: none !important;
}
.woocommerce-cart .wc-block-components-notice-banner__icon,
.woocommerce-cart .wc-block-components-notice-banner svg {
display: none !important;
}
.woocommerce-cart .wc-block-components-notice-banner::before {
content: '';
position: absolute;
left: 0.9rem;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.woocommerce-cart .wc-block-components-notice-banner__dismiss {
display: block !important;
right: 0.6rem !important;
font-size: 1.2rem !important;
color: var(--bbq-brown) !important;
opacity: 1 !important;
z-index: 2 !important;
}
@media (max-width: 768px) {
.woocommerce-cart .wc-block-components-notice-snackbar-list {
left: 0.75rem !important;
right: 0.75rem !important;
width: auto !important;
max-width: none !important;
bottom: 0.6rem !important;
}
.woocommerce-cart .wc-block-components-notices {
width: 0 !important;
height: 0 !important;
}
.woocommerce-cart .wc-block-components-notice-banner {
left: 0.75rem !important;
right: 0.75rem !important;
width: auto !important;
max-width: none !important;
padding-left: 2.4rem !important;
}
}
.woocommerce-checkout .site-main,
.woocommerce-checkout .woocommerce-content,
.woocommerce-checkout .woocommerce {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wc-block-checkout__main,
.woocommerce-checkout .wc-block-checkout__sidebar {
contain: paint;
}
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_comments_field,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
.wc-block-checkout__add-note,
.wc-block-components-checkbox.wc-block-checkout__add-note,
.wc-block-checkout__order-notes {
display: none !important;
}
.woocommerce-checkout .wc-block-components-product-metadata {
display: none !important;
}
.woocommerce-checkout .wc-block-components-product-badge.wc-block-components-product-low-stock-badge,
.wc-block-components-product-badge.wc-block-components-product-low-stock-badge {
display: none !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-subtotal-block {
display: none !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
display: none !important;
}
.woocommerce-checkout .wc-block-components-title.wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-checkout-step__title {
display: none !important;
}
.woocommerce-checkout .wc-block-components-checkbox {
margin-left: 0.5rem;
}
.woocommerce-checkout .wc-block-components-express-payment--checkout {
margin-top: 2.25rem;
}
.bbq-categories-menu-wrapper {
position: relative;
z-index: 1001;
margin-left: 0;
}
.site-header .bbq-categories-toggle {
background: var(--bbq-brown) !important;
color: var(--bbq-light-beige) !important;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: background 0.3s ease;
}
.site-header .bbq-categories-toggle:hover {
background: var(--bbq-dark-brown) !important;
color: var(--bbq-light-beige) !important;
}
.bbq-categories-toggle::after {
content: '▼';
font-size: 0.8em;
transition: transform 0.3s ease;
}
.bbq-categories-toggle.active::after {
transform: rotate(180deg);
}
.bbq-mega-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
margin-top: 0.5rem;
background: #fff;
border: 2px solid var(--bbq-brown);
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
z-index: 1000;
min-width: 800px;
max-height: 600px;
}
.bbq-mega-menu.active {
display: flex;
}
.bbq-mega-menu-categories {
width: 280px;
border-right: 2px solid var(--bbq-brown);
padding: 1.5rem 0;
background: var(--bbq-light-beige);
border-radius: 12px 0 0 12px;
max-height: 600px;
overflow-y: auto;
}
.bbq-mega-menu-categories h3 {
font-size: 1rem;
color: var(--bbq-dark-brown);
font-weight: 700;
padding: 0 1.5rem;
margin: 0 0 1rem 0;
}
.bbq-category-item {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.6rem 1.25rem;
color: var(--bbq-dark-brown);
text-decoration: none;
transition: all 0.2s ease;
position: relative;
}
.bbq-category-item:hover,
.bbq-category-item.active {
background: transparent;
color: var(--bbq-brown);
}
.bbq-category-icon {
display: none !important;
}
.bbq-category-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bbq-category-name {
flex: 1;
font-weight: 600;
font-size: 1.05rem;
line-height: 1.35;
}
.bbq-category-arrow {
font-size: 1.15rem;
opacity: 0.7;
}
.bbq-mega-menu-subcategories {
flex: 1;
padding: 1.5rem;
background: #fff;
border-radius: 0 12px 12px 0;
max-height: 600px;
overflow-y: auto;
}
.bbq-subcategory-section {
display: none;
}
.bbq-subcategory-section.active {
display: block;
}
.bbq-subcategory-section h4 {
font-size: 1.2rem;
color: var(--bbq-dark-brown);
font-weight: 700;
margin: 0 0 1rem 0;
padding-bottom: 0.75rem;
border-bottom: 2px solid var(--bbq-brown);
}
.bbq-subcategory-section .bbq-view-all {
float: right;
color: var(--bbq-brown);
text-decoration: underline;
font-size: 1.05rem;
font-weight: 600;
}
.bbq-subcategory-section .bbq-view-all:hover {
color: var(--bbq-dark-brown);
}
.bbq-subcategory-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
.bbq-subcategory-list li a {
display: block;
padding: 0.75rem 1rem;
color: var(--bbq-dark-brown);
text-decoration: none;
border-radius: 6px;
transition: all 0.2s ease;
font-weight: 500;
}
.bbq-subcategory-list li a:hover {
background: var(--bbq-light-beige);
color: var(--bbq-brown);
transform: translateX(4px);
}
.bbq-mega-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 999;
}
.bbq-mega-menu-overlay.active {
display: block;
}
.woocommerce-checkout [data-block-name="woocommerce/checkout-shipping-method-block"],
.woocommerce-checkout .wp-block-woocommerce-checkout-shipping-method-block,
.woocommerce-checkout [data-block-name="woocommerce/checkout-pickup-options-block"],
.woocommerce-checkout .wp-block-woocommerce-checkout-pickup-options-block {
display: block !important;
visibility: visible !important;
}
.woocommerce-checkout [data-block-name="woocommerce/checkout-shipping-methods-block"],
.woocommerce-checkout .wp-block-woocommerce-checkout-shipping-methods-block,
.woocommerce-checkout [class*="myparcel"],
.woocommerce-checkout [id*="myparcel"],
.woocommerce-checkout [class*="wcmp"] {
display: block !important;
visibility: visible !important;
}
.woocommerce-checkout .bbq-hide-standaard-bezorging,
.wc-block-checkout .bbq-hide-standaard-bezorging,
.bbq-hide-standaard-bezorging {
display: none !important;
}
.bbq-hide-address-prompt {
display: none !important;
}
.bbq-verzenden-afhalen-bar {
display: block !important;
visibility: visible !important;
margin: 1rem 0 !important;
}
.bbq-verzenden-afhalen-bar .wc-block-components-title {
margin: 0 0 0.75rem !important;
font-size: 1.1rem !important;
}
.bbq-delivery-type-options {
display: flex !important;
gap: 0.5rem !important;
flex-wrap: wrap !important;
}
.bbq-delivery-type-option {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 0.6rem 1.25rem !important;
font-size: 1rem !important;
font-weight: 500 !important;
border: 2px solid var(--bbq-brown, #6b4423) !important;
background: #fff !important;
color: var(--bbq-brown, #6b4423) !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: background 0.2s, color 0.2s !important;
}
.bbq-delivery-type-option:hover {
background: var(--bbq-light-beige, #f5f0e8) !important;
}
.bbq-delivery-type-option.bbq-active {
background: var(--bbq-brown, #6b4423) !important;
color: #fff !important;
}
.woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-components-shipping-rate__option .wc-block-components-shipping-rate__option-label {
word-spacing: 0.05em;
line-height: 1.4;
}
body.bbq-billing-only-no-shipping [data-block-name="woocommerce/checkout-shipping-address-block"],
body.bbq-billing-only-no-shipping .wp-block-woocommerce-checkout-shipping-address-block,
body.bbq-billing-only-no-shipping .wc-block-checkout__shipping-fields,
body.bbq-billing-only-no-shipping .woocommerce-shipping-fields {
display: none !important;
}
body.bbq-showing-new-shipping-address [data-block-name="woocommerce/checkout-shipping-address-block"],
body.bbq-showing-new-shipping-address .wp-block-woocommerce-checkout-shipping-address-block,
body.bbq-showing-new-shipping-address .wc-block-checkout__shipping-fields,
body.bbq-showing-new-shipping-address .woocommerce-shipping-fields {
display: block !important;
visibility: visible !important;
}
body.bbq-showing-new-shipping-address .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-checkout-step,
body.bbq-showing-new-shipping-address .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-address-form,
body.bbq-showing-new-shipping-address .wp-block-woocommerce-checkout-shipping-address-block div {
display: block !important;
visibility: visible !important;
}
.bbq-shipping-form-visible,
.bbq-shipping-form-visible .wc-block-components-checkout-step,
.bbq-shipping-form-visible .wc-block-components-address-form {
display: block !important;
visibility: visible !important;
}
.bbq-address-form-box {
background: var(--bbq-light-beige) !important;
border: 2px solid var(--bbq-brown) !important;
border-radius: 12px !important;
padding: 1.5rem !important;
margin: 1.5rem 0 !important;
}
.bbq-address-form-box .wc-block-components-title,
.bbq-address-form-box .wc-block-components-checkout-step__title {
margin: 0 0 1rem !important;
color: var(--bbq-dark-brown);
font-size: 1.1rem;
}
.bbq-address-form-box.bbq-injected-shipping-form .form-row,
.bbq-address-form-box.bbq-injected-billing-form .form-row {
margin-bottom: 1rem;
}
.bbq-address-form-box.bbq-injected-shipping-form label,
.bbq-address-form-box.bbq-injected-billing-form label {
display: block;
font-weight: 600;
margin-bottom: 0.35rem;
color: var(--bbq-dark-brown);
}
.bbq-address-form-box.bbq-injected-shipping-form .input-text,
.bbq-address-form-box.bbq-injected-billing-form .input-text {
width: 100%;
padding: 0.6rem 0.75rem;
border: 2px solid var(--bbq-brown);
border-radius: 6px;
background: #fff;
}
.bbq-address-form-box.bbq-injected-shipping-form .input-text:focus,
.bbq-address-form-box.bbq-injected-billing-form .input-text:focus {
outline: none;
border-color: var(--bbq-dark-brown);
}
.bbq-address-form-box .bbq-country-display {
background: #f5f2ee !important;
cursor: default;
}
.bbq-address-form-box.bbq-injected-shipping-form .form-row-first,
.bbq-address-form-box.bbq-injected-shipping-form .form-row-last,
.bbq-address-form-box.bbq-injected-billing-form .form-row-first,
.bbq-address-form-box.bbq-injected-billing-form .form-row-last {
display: inline-block;
width: 48%;
vertical-align: top;
}
.bbq-address-form-box.bbq-injected-shipping-form .form-row-last,
.bbq-address-form-box.bbq-injected-billing-form .form-row-last {
margin-left: 4%;
}
.bbq-address-form-box.bbq-injected-shipping-form .form-row-wide,
.bbq-address-form-box.bbq-injected-billing-form .form-row-wide {
display: block;
width: 100%;
margin-bottom: 1rem;
}
.bbq-address-form-box.bbq-injected-shipping-form select.input-text,
.bbq-address-form-box.bbq-injected-billing-form select.input-text {
width: 100%;
padding: 0.6rem 0.75rem;
border: 2px solid var(--bbq-brown);
border-radius: 6px;
background: #fff;
cursor: pointer;
}
.bbq-address-form-box.bbq-injected-shipping-form select.input-text:focus,
.bbq-address-form-box.bbq-injected-billing-form select.input-text:focus {
outline: none;
border-color: var(--bbq-dark-brown);
}
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-checkout-step__content {
padding: 0;
}
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form,
body.bbq-has-saved-addresses .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-address-form,
body.bbq-has-saved-addresses .woocommerce-billing-fields__field-wrapper {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-text-input {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-text-input label {
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
display: block !important;
font-weight: 600 !important;
margin-bottom: 0.35rem !important;
margin-top: 0 !important;
color: var(--bbq-dark-brown) !important;
cursor: default !important;
font-size: 1rem !important;
}
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-text-input input:focus,
body.bbq-has-saved-addresses .woocommerce-checkout .wc-block-checkout__billing-fields .wc-blocks-components-select__select:focus {
outline: none;
border-color: var(--bbq-dark-brown) !important;
}
.wc-block-components-totals-coupon {
background: var(--bbq-light-beige);
border: 1px solid rgba(var(--bbq-dark-brown-rgb) / 0.35);
border-radius: 8px;
padding: 2rem !important;
margin: 1rem 0;
}
.wc-block-components-totals-coupon .wc-block-components-panel__content {
border-top: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.wc-block-components-totals-coupon__form {
display: flex;
gap: 1rem;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 1rem;
}
.wc-block-components-totals-coupon__input {
flex: 1;
min-width: 200px;
}
.wc-block-components-totals-coupon__input .wc-block-components-text-input,
.wc-block-components-totals-coupon__input input[type="text"] {
width: 100%;
padding: 0.75rem 1rem;
border: 2px solid var(--bbq-brown);
border-radius: 6px;
background: #fff;
color: var(--bbq-dark-brown);
font-size: 1rem;
transition: all 0.2s ease;
}
.wc-block-components-totals-coupon__input .wc-block-components-text-input:focus,
.wc-block-components-totals-coupon__input input[type="text"]:focus {
outline: none;
border-color: var(--bbq-dark-brown);
box-shadow: 0 0 0 3px rgba(107, 68, 35, 0.1);
}
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon button[type="submit"] {
background: var(--bbq-brown) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 0.75rem 1.5rem !important;
font-weight: 600 !important;
font-size: 1rem !important;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 8px rgba(107, 68, 35, 0.2);
}
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon button[type="submit"]:hover {
background: var(--bbq-dark-brown) !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(107, 68, 35, 0.3);
}
.wc-block-components-totals-coupon label {
color: var(--bbq-dark-brown);
font-weight: 600;
margin-bottom: 0.5rem;
display: block;
}
.woocommerce-cart .site-main::after {
top: -2rem !important;
}
.wc-block-components-button__text {
color: #000 !important;
}
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
color: var(--bbq-beige) !important;
}
.woocommerce-account .entry-title,
.woocommerce-account h1,
.woocommerce-account .woocommerce-MyAccount-content > h2 {
font-size: 1.7rem !important;
}
.woocommerce-account h2 {
font-size: 1.25rem !important;
}
.woocommerce-account h3 {
font-size: 1.05rem !important;
}
.woocommerce-cart .cart-empty.woocommerce-info {
background: var(--bbq-beige);
border: 2px solid var(--bbq-brown);
border-left: 6px solid var(--bbq-brown);
border-radius: 12px;
padding: 2rem;
text-align: center;
font-weight: 600;
color: var(--bbq-dark-brown);
box-shadow: 0 6px 18px rgba(61, 40, 23, 0.12);
max-width: 800px;
margin: 1.5rem auto 2rem;
}
.woocommerce-cart .cart-empty.woocommerce-info::before {
display: none !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
background: var(--bbq-beige);
border: 2px solid var(--bbq-brown);
border-left: 2px solid var(--bbq-brown);
border-radius: 12px;
padding: 2rem;
box-shadow: 0 6px 18px rgba(61, 40, 23, 0.12);
margin: 1.5rem auto 2rem;
max-width: 1000px;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 800;
color: var(--bbq-dark-brown);
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 1rem;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots {
display: none;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
font-size: clamp(1.2rem, 2.4vw, 1.6rem);
font-weight: 700;
color: var(--bbq-dark-brown);
text-align: center;
margin-top: 1.25rem;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection a {
color: var(--bbq-dark-brown);
text-decoration: none;
font-weight: 600;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection a:hover {
color: var(--bbq-brown);
text-decoration: underline;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection .wp-block-button__link,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection .wp-element-button {
background: var(--bbq-brown);
color: #fff;
border-radius: 999px;
padding: 0.7rem 1.6rem;
font-weight: 700;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.18);
transition: all 0.2s ease;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection .wp-block-button__link:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection .wp-element-button:hover {
background: var(--bbq-dark-brown);
transform: translateY(-1px);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title a,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title a:visited,
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wc-block-components-product-name a,
.woocommerce-cart .wc-block-components-product-name a:visited,
.woocommerce-cart .wp-block-post-title a,
.woocommerce-cart .wp-block-post-title a:visited {
color: var(--bbq-brown) !important;
text-decoration: none !important;
font-weight: 600;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title a:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-name:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-post-title a:hover {
color: var(--bbq-brown) !important;
text-decoration: underline !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button__button,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-button .wp-block-button__link,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-button__link,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-element-button {
background: var(--bbq-brown) !important;
color: #fff !important;
border-radius: 999px !important;
padding: 0.7rem 1.6rem !important;
font-weight: 700 !important;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.18) !important;
text-decoration: none !important;
transition: all 0.2s ease;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button__button:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-button .wp-block-button__link:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-element-button:hover {
background: var(--bbq-dark-brown) !important;
transform: translateY(-1px);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-buttons .wp-block-button__link {
background: var(--bbq-brown);
color: #fff;
border-radius: 999px;
padding: 0.9rem 2rem;
font-weight: 700;
box-shadow: 0 6px 16px rgba(61, 40, 23, 0.18);
transition: all 0.2s ease;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-buttons .wp-block-button__link:hover {
background: var(--bbq-dark-brown);
transform: translateY(-1px);
}
.woocommerce-cart .wc-block-grid__product-title a,
.woocommerce-cart .wc-block-grid__product-title a:visited,
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wc-block-components-product-name a,
.woocommerce-cart .wc-block-components-product-name a:visited {
color: var(--bbq-brown) !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-buttons {
margin-top: 2rem;
}
.woocommerce-cart .return-to-shop {
text-align: center;
margin-bottom: 2.5rem;
}
.woocommerce-cart .return-to-shop .button {
background: var(--bbq-brown);
color: #fff;
font-weight: 700;
padding: 0.9rem 2rem;
border-radius: 999px;
box-shadow: 0 6px 16px rgba(61, 40, 23, 0.18);
transition: all 0.2s ease;
}
.woocommerce-cart .return-to-shop .button:hover {
background: var(--bbq-dark-brown);
transform: translateY(-1px);
}
.woocommerce-cart .page-title,
.woocommerce-cart .woocommerce-products-header__title,
.woocommerce-cart .wc-block-cart__empty-cart__title {
padding-left: 1rem;
padding-right: 0.5rem;
}
.woocommerce-cart .entry-title,
.woocommerce-cart .entry-title a {
padding-left: 1rem;
padding-right: 0.5rem;
color: var(--bbq-dark-brown);
font-weight: 800;
}
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name,
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name a,
.woocommerce-cart table.cart td.product-name a {
color: var(--bbq-dark-brown);
font-weight: 600;
}
.woocommerce-cart .wc-block-grid__title,
.woocommerce-cart .woocommerce-products-header__title,
.woocommerce-cart .related.products > h2 {
font-size: clamp(1.35rem, 2.6vw, 1.75rem);
font-weight: 800;
color: var(--bbq-dark-brown);
text-transform: uppercase;
letter-spacing: 0.3px;
margin: 1.5rem 0;
text-align: center;
}
.woocommerce-cart .cart_totals,
.woocommerce-checkout .cart_totals,
.woocommerce-checkout .wc-block-components-totals {
background: var(--bbq-beige);
padding: 2.5rem;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: var(--bbq-brown);
color: #fff;
padding: 1rem 2rem;
border-radius: 4px;
font-weight: 600;
}
.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
.woocommerce-cart .wc-block-cart__submit-container .wp-element-button {
background: var(--bbq-brown) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 0.875rem 2rem !important;
font-weight: 600 !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
}
.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover,
.woocommerce-cart .wc-block-cart__submit-container .wp-element-button:hover {
background: var(--bbq-dark-brown) !important;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button__text {
color: #fff !important;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block > div,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block > div > .wc-block-components-totals-wrapper {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.wp-block-woocommerce-cart-order-summary-totals-block {
display: none !important;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item,
.woocommerce-checkout .wc-block-components-totals-wrapper .wc-block-components-totals-item {
align-items: flex-end;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-totals-wrapper .wc-block-components-totals-item__label {
display: inline-flex;
align-items: flex-end;
padding-top: 0.18rem;
line-height: 1.15;
}
.bbq-tax-breakdown-coupon-code .wc-block-components-totals-item__label {
display: flex;
align-items: center;
justify-content: flex-start;
}
.bbq-tax-breakdown-coupon-code .wc-block-components-totals-item__value {
display: none;
}
.bbq-coupon-chip {
display: inline-flex;
align-items: center;
gap: 0.18em;
border: 1.5px solid #bfa074;
border-radius: 999px;
background: #f5e6d3;
padding: 0.08em 0.7em 0.08em 0.9em;
font-weight: 700;
font-size: 1em;
color: #6b4423;
box-shadow: 0 1px 4px rgba(61,40,23,0.08);
letter-spacing: 0.01em;
position: relative;
}
.bbq-coupon-chip__code {
color: #6b4423;
font-size: 1em;
line-height: 1.1;
font-weight: 700;
padding-right: 0.2em;
}
.bbq-remove-coupon {
cursor: pointer;
}
.bbq-coupon-chip__remove {
width: 1.1em;
height: 1.1em;
min-width: 1.1em;
border: 1px solid #bfa074;
border-radius: 50%;
background: #fff;
color: #6b4423;
font-size: 0.8em;
font-weight: 700;
line-height: 1;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 0.2em;
box-shadow: 0 1px 2px rgba(61,40,23,0.07);
transition: background 0.15s, color 0.15s, border 0.15s;
}
.bbq-remove-coupon:hover {
color: #fff;
background: #bfa074;
border-color: #6b4423;
}
.bbq-remove-coupon:focus,
.bbq-remove-coupon:focus-visible {
outline: none;
}
.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:focus,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:focus-visible,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:focus,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:focus-visible,
.woocommerce-cart .wc-block-cart__submit-container .wp-element-button:focus,
.woocommerce-cart .wc-block-cart__submit-container .wp-element-button:focus-visible {
outline: none !important;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15) !important;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
background: var(--bbq-beige);
padding: 2.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
width: 100%;
padding: 0.75rem;
border: 2px solid #ddd;
border-radius: 10px;
font-size: 1rem;
}
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
border-color: var(--bbq-brown);
outline: none;
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button.wp-element-button,
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout .place-order .button,
.woocommerce-checkout .place-order button {
background: var(--bbq-brown) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 0.875rem 2rem !important;
font-weight: 600 !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button.wp-element-button:hover,
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout .place-order .button:hover,
.woocommerce-checkout .place-order button:hover {
background: var(--bbq-dark-brown) !important;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text {
color: #fff !important;
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible,
.woocommerce-checkout .wc-block-components-checkout-place-order-button.wp-element-button:focus,
.woocommerce-checkout .wc-block-components-checkout-place-order-button.wp-element-button:focus-visible,
.woocommerce-checkout #payment #place_order:focus,
.woocommerce-checkout #payment #place_order:focus-visible {
outline: none !important;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15) !important;
}
.woocommerce-breadcrumb {
padding: 1rem 0;
margin-bottom: 2rem;
font-size: 0.9rem;
}
.woocommerce-breadcrumb a {
color: var(--bbq-brown);
text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
color: var(--bbq-dark-brown);
}
.woocommerce-account .woocommerce,
.woocommerce-account #customer_login {
display: flex;
gap: 2rem;
margin-top: 2rem;
align-items: flex-start;
}
body.woocommerce-account {
margin: 0 !important;
padding-top: 0 !important;
}
body.woocommerce-account #page {
margin-top: 0 !important;
padding-top: 0 !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-account .site-header {
margin-top: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-account.admin-bar .site-header {
margin-top: calc(var(--wp-admin--admin-bar--height, 32px) * -1) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 250px;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account #customer_login .u-column1 {
flex: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--bbq-beige);
border-radius: 12px;
padding: 0;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
height: fit-content;
}
.woocommerce-account .woocommerce-MyAccount-navigation-title {
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700;
color: var(--bbq-dark);
padding: 1.5rem 1.5rem 1rem;
margin: 0;
border-bottom: 2px solid rgba(61, 40, 23, 0.1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0 0 1rem 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(61, 40, 23, 0.1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 1rem 1.5rem;
color: var(--bbq-dark);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
border-left: 3px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background: rgba(61, 40, 23, 0.05);
color: var(--bbq-dark-brown);
border-left-color: var(--bbq-brown);
padding-left: 1.75rem;
}
.woocommerce-account .entry-title,
.woocommerce-account .page-title,
.woocommerce-account h1.entry-title,
.woocommerce-account .site-main h1:first-of-type,
.woocommerce-account .woocommerce-content h1:first-of-type {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-content {
background: #fff;
border-radius: 12px;
padding: 2.5rem;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content legend,
.woocommerce-account .woocommerce-MyAccount-content .bbq-account-heading {
color: var(--bbq-dark-brown);
font-weight: 800;
margin: 0 0 1.5rem;
font-size: clamp(1.4rem, 2.6vw, 1.9rem);
letter-spacing: 0.3px;
text-transform: uppercase;
background: linear-gradient(135deg, rgba(245, 230, 211, 0.7), rgba(226, 218, 209, 0.6));
padding: 0.75rem 1.25rem;
border-radius: 10px;
border-left: 5px solid var(--bbq-brown);
box-shadow: 0 6px 16px rgba(61, 40, 23, 0.12);
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead th {
background: linear-gradient(135deg, rgba(245, 230, 211, 0.9), rgba(226, 218, 209, 0.9));
color: var(--bbq-dark-brown);
text-transform: uppercase;
letter-spacing: 0.6px;
font-weight: 800;
border-bottom: 2px solid var(--bbq-brown);
}
.woocommerce-account .woocommerce-MyAccount-content p {
color: var(--bbq-dark);
line-height: 1.7;
margin-bottom: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content a {
color: var(--bbq-brown);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
color: var(--bbq-dark-brown);
text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
display: block;
margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
background: var(--bbq-light-beige);
border-radius: 12px;
border: 2px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 2px 10px rgba(61, 40, 23, 0.08);
padding: 1.5rem;
position: relative;
width: 100%;
margin-bottom: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0.75rem;
background: transparent;
padding: 0;
border-radius: 0;
border-left: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
margin: 0;
background: transparent;
padding: 0;
border-left: 0;
box-shadow: none;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 0.2px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
background: var(--bbq-brown);
color: #fff;
text-decoration: none;
font-weight: 600;
padding: 0.45rem 0.85rem;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
transition: all 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover {
background: var(--bbq-dark-brown);
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
font-style: normal;
color: var(--bbq-dark);
line-height: 1.6;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address p {
margin: 0.35rem 0 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address .woocommerce-MyAccount-address-empty {
color: var(--bbq-brown);
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-account-addresses {
margin-top: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-account-subheading {
font-size: 1.15rem;
font-weight: 700;
color: var(--bbq-dark-brown);
margin: 1.25rem 0 0.6rem;
text-transform: uppercase;
letter-spacing: 0.2px;
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-account-addresses .bbq-account-subheading:first-of-type {
margin-top: 0.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-use-shipping-billing {
background: var(--bbq-light-beige);
border: 1px solid rgba(61, 40, 23, 0.15);
border-radius: 8px;
padding: 0.75rem 1rem;
margin: 0.5rem 0 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-use-shipping-billing label {
display: flex;
align-items: center;
gap: 0.6rem;
font-weight: 600;
color: var(--bbq-dark-brown);
}
.woocommerce-account .woocommerce-MyAccount-content .bbq-billing-fields input:disabled,
.woocommerce-account .woocommerce-MyAccount-content .bbq-billing-fields select:disabled,
.woocommerce-account .woocommerce-MyAccount-content .bbq-billing-fields textarea:disabled {
background: #f4f1ec;
color: #7a6a5a;
cursor: not-allowed;
}
.woocommerce-account .woocommerce-EditAccountForm .bbq-name-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin-bottom: 1rem;
}
.woocommerce-account .woocommerce-EditAccountForm .bbq-name-grid .form-row {
margin: 0;
float: none;
width: auto;
}
@media (max-width: 800px) {
.woocommerce-account .woocommerce-EditAccountForm .bbq-name-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
flex-direction: column;
align-items: flex-start;
}
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
background: var(--bbq-light-beige);
border-left: 4px solid var(--bbq-brown);
padding: 1.5rem;
border-radius: 8px;
margin-bottom: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
background: var(--bbq-beige);
border: 2px solid var(--bbq-brown);
color: var(--bbq-dark);
border-radius: 10px;
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.12);
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content a.button {
color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover {
color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button {
float: none;
margin-left: auto;
white-space: nowrap;
background: var(--bbq-brown);
color: #fff !important;
border: none;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.18);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button:hover {
background: var(--bbq-dark-brown);
color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error::before {
display: none !important;
}
.woocommerce-account .woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-orders-table thead {
background: var(--bbq-beige);
}
.woocommerce-account .woocommerce-orders-table th {
padding: 1rem;
text-align: left;
color: var(--bbq-dark);
font-weight: 600;
border-bottom: 2px solid var(--bbq-brown);
}
.woocommerce-account .woocommerce-orders-table td {
padding: 1rem;
border-bottom: 1px solid rgba(61, 40, 23, 0.1);
color: var(--bbq-dark);
}
.woocommerce-account .woocommerce-orders-table tbody tr:hover {
background: rgba(61, 40, 23, 0.02);
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__order-order a {
color: var(--bbq-brown);
font-weight: 600;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
white-space: nowrap;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button {
margin-right: 0.5rem;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:last-child {
margin-right: 0;
}
.bbq-price-both {
display: inline-block;
line-height: 1.25;
}
.bbq-price-both .bbq-price-incl {
font-weight: 600;
}
.bbq-price-both .bbq-price-excl {
color: rgba(40, 35, 30, 0.72);
}
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-EditAccountForm {
background: var(--bbq-light-beige);
padding: 2rem;
border-radius: 12px;
margin-top: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method {
background: var(--bbq-light-beige);
border: 2px solid rgba(61, 40, 23, 0.14);
border-radius: 12px;
padding: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment {
background: transparent;
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment ul.payment_methods {
background: var(--bbq-beige);
border: 1px solid rgba(61, 40, 23, 0.14);
border-radius: 10px;
padding: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment ul.payment_methods > li {
color: var(--bbq-dark);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment div.payment_box {
background: var(--bbq-light-beige);
border: 1px solid rgba(61, 40, 23, 0.14);
color: var(--bbq-dark);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment div.payment_box::before {
border-bottom-color: var(--bbq-light-beige);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .wc-stripe-elements-field,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .input-text {
border: 1px solid rgba(61, 40, 23, 0.3);
border-radius: 6px;
background: #fff;
color: var(--bbq-dark);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .wc-stripe-elements-field:focus,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .input-text:focus {
outline: none;
border-color: var(--bbq-dark-brown);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .form-row {
border-top: 1px solid rgba(61, 40, 23, 0.12);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .form-row button.button,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .form-row .button,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .button#place_order,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment input#place_order {
background: var(--bbq-brown) !important;
color: #fff !important;
border: none !important;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.18);
}
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .form-row button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .form-row .button:hover,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment .button#place_order:hover,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method #payment input#place_order:hover {
background: var(--bbq-dark-brown) !important;
}
.woocommerce-account .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"] {
width: 100%;
padding: 0.875rem;
border: 2px solid rgba(61, 40, 23, 0.2);
border-radius: 8px;
font-size: 1rem;
color: var(--bbq-dark);
background: #fff;
transition: all 0.3s ease;
margin-bottom: 1rem;
}
.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-EditAccountForm input:focus,
.woocommerce-account .woocommerce-address-fields select:focus {
border-color: var(--bbq-brown);
outline: none;
box-shadow: 0 0 0 3px rgba(107, 68, 35, 0.1);
}
.woocommerce-account .woocommerce-address-fields label,
.woocommerce-account .woocommerce-EditAccountForm label {
display: block;
margin-bottom: 0.5rem;
color: var(--bbq-dark);
font-weight: 600;
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce {
flex-direction: column;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 1 1 100%;
padding: 1rem 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 0.75rem 1rem;
}
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 100%;
padding: 1.5rem;
}
.woocommerce-account .woocommerce-orders-table {
font-size: 0.9rem;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
padding: 0.75rem 0.5rem;
}
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link,
body ul.products li.product a.woocommerce-LoopProduct-link,
body ul.products li.product a.woocommerce-loop-product__link,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link {
color: #3D2817 !important;
text-decoration: none !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link *,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link *,
body ul.products li.product a.woocommerce-LoopProduct-link *,
body ul.products li.product a.woocommerce-loop-product__link *,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link *,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link * {
color: #3D2817 !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link h2,
body ul.products li.product a.woocommerce-LoopProduct-link h2,
body ul.products li.product a.woocommerce-loop-product__link h2,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link h2,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link h2,
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title,
body ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
body ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .woocommerce-loop-product__title,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
color: #3D2817 !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover h2,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover h2,
body ul.products li.product a.woocommerce-LoopProduct-link:hover h2,
body ul.products li.product a.woocommerce-loop-product__link:hover h2,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover h2,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link:hover h2,
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
body ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
body ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
body .woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
color: #6B4423 !important;
}
@media screen and (max-width: 1400px) {
.site-header .header-content {
max-width: 100%;
padding: 0 1.5rem;
}
.site-main {
max-width: 95%;
}
.site-footer .footer-content {
max-width: 100%;
padding: 0 1.5rem;
}
}
@media screen and (max-width: 1024px) {
.site-header {
padding: 1rem 0;
}
.site-header .header-content {
padding: 0 1rem;
}
.site-main {
max-width: 95%;
margin: calc(80px + 6rem) auto 2rem;
}
.site-footer {
padding: 1.5rem 1rem;
}
.site-footer .footer-content {
padding: 0 1rem;
}
.main-navigation {
gap: 1rem;
}
.main-navigation a {
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
.main-shop-title {
font-size: clamp(2rem, 4vw, 2.5rem);
}
.section-title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
margin-bottom: 2.5rem;
}
}
@media screen and (max-width: 768px) {
.site-header {
padding: 0.75rem 0;
}
.site-header .header-content {
padding: 0 1rem;
flex-wrap: wrap;
}
.site-branding {
position: static;
transform: none;
left: auto;
order: 2;
width: 100%;
margin: 0.5rem 0;
}
.main-navigation {
order: 1;
width: 100%;
justify-content: center;
margin: 0;
gap: 0.75rem;
}
.header-right {
order: 3;
width: 100%;
justify-content: center;
margin: 0.5rem 0 0;
gap: 0.75rem;
}
.site-main {
max-width: 95%;
margin: calc(120px + 4rem) auto 2rem;
}
.site-footer {
padding: 1rem 1rem;
padding-top: calc(1.5rem + 1rem);
}
.site-footer .footer-content {
flex-direction: column;
text-align: center;
gap: 1rem;
padding: 0;
}
.site-info-links {
gap: 0.5rem 1rem;
}
.footer-socials {
margin-left: 0;
justify-content: center;
}
.main-shop-title {
font-size: clamp(1.75rem, 4vw, 2.5rem);
}
.section-title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
margin-bottom: 2rem;
}
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.woocommerce ul.products {
gap: 1.5rem;
}
}
@media screen and (max-width: 480px) {
.site-header .header-content {
padding: 0 0.75rem;
}
.site-main {
max-width: 95%;
margin: calc(120px + 3rem) auto 1.5rem;
}
.site-footer {
padding: 1rem 0.75rem;
padding-top: calc(1rem + 1rem);
}
.main-navigation a {
padding: 0.5rem;
font-size: 0.85rem;
}
.cart-link, .login-link {
padding: 0.5rem;
font-size: 0.9rem;
}
.main-shop-title {
font-size: clamp(1.5rem, 3vw, 2rem);
}
.section-title {
font-size: clamp(1.1rem, 2vw, 1.5rem);
margin-bottom: 1.5rem;
}
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: 1fr;
gap: 1rem;
}
.woocommerce ul.products {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1rem;
}
.view-all-products {
padding-top: 2.5rem;
}
}
body.single-product.woocommerce .woocommerce div.product {
background-color: var(--bbq-light-beige) !important;
background-image: none !important;
}
body.single-product.woocommerce .site-main {
max-width: 1400px;
width: 100%;
}
body.single-product.woocommerce .woocommerce-content,
body.single-product.woocommerce .woocommerce div.product {
width: 100%;
}
body.single-product.woocommerce .site-main,
body.single-product.woocommerce .site-main .woocommerce-content,
body.single-product.woocommerce .woocommerce-content .product,
body.single-product.woocommerce .woocommerce-content .summary,
body.single-product.woocommerce .woocommerce-content .woocommerce-product-gallery,
body.single-product.woocommerce .woocommerce-content .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
body.single-product.woocommerce .woocommerce-content .woocommerce-tabs,
body.single-product.woocommerce .woocommerce-content .woocommerce-Tabs-panel,
body.single-product.woocommerce .woocommerce-content .related.products,
body.single-product.woocommerce .woocommerce-content .related.products ul.products li.product {
background: var(--bbq-light-beige) !important;
}
body.single-product.woocommerce .woocommerce-content .related.products::before,
body.single-product.woocommerce .woocommerce-content .related.products::after {
background: transparent !important;
}
body.single-product.woocommerce .woocommerce-content {
background: var(--bbq-light-beige);
padding: 2.5rem;
border-radius: 12px;
}
body.single-product.woocommerce .woocommerce-content .product {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product.woocommerce .woocommerce-content .related.products {
background: var(--bbq-light-beige) !important;
border: 1px solid rgba(61, 40, 23, 0.12) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
border-radius: 12px !important;
padding: 2rem !important;
margin-top: 2.5rem !important;
}
body.single-product.woocommerce .woocommerce-content .related.products::before,
body.single-product.woocommerce .woocommerce-content .related.products::after {
display: none !important;
}
body.single-product .related.products {
width: min(900px, 100%) !important;
margin: 4rem auto 0 !important;
padding: 2.5rem !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
box-sizing: border-box;
}
body.single-product .related.products h2 {
width: min(640px, 100%) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-product.woocommerce .woocommerce-content .product {
display: grid;
}
body.single-product.woocommerce .woocommerce-content .product .woocommerce-tabs,
body.single-product.woocommerce .woocommerce-content .product .related.products {
grid-column: 1 / -1 !important;
}
body.single-product.woocommerce .woocommerce-content .product .related.products {
justify-self: center !important;
align-self: start !important;
}
@media (min-width: 769px) {
body.single-product.woocommerce .woocommerce-content .product .summary.entry-summary {
width: calc(100% + 160px) !important;
max-width: none !important;
margin-left: -160px !important;
justify-self: end !important;
position: relative;
z-index: 1;
}
}
.single-product .summary .cart {
margin-top: 2rem;
}
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .single_add_to_cart_button.button,
.single-product .summary form.cart .single_add_to_cart_button.button.alt,
.single-product .summary form.cart .single_add_to_cart_button.wp-element-button {
background: var(--bbq-brown) !important;
color: #fff !important;
text-transform: none;
letter-spacing: normal;
padding: 0.875rem 2rem;
border-radius: 6px;
border: none;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.15);
transition: all 0.3s ease;
font-weight: 600;
display: inline-flex;
justify-content: center;
align-items: center;
}
.single-product .summary form.cart .single_add_to_cart_button:hover,
.single-product .summary form.cart .single_add_to_cart_button.button:hover,
.single-product .summary form.cart .single_add_to_cart_button.button.alt:hover,
.single-product .summary form.cart .single_add_to_cart_button.wp-element-button:hover {
background: var(--bbq-dark-brown) !important;
box-shadow: 0 4px 12px rgba(61, 40, 23, 0.25);
transform: translateY(-1px);
}
@media (min-width: 769px) {
body:not(.single-product) .woocommerce-content ul.products,
body:not(.single-product) .woocommerce-content .products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row;
gap: 2rem !important;
justify-content: start !important;
justify-items: stretch !important;
align-content: start !important;
direction: ltr !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.single-product) .woocommerce-content ul.products > li.product,
body:not(.single-product) .woocommerce-content .products > li.product {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
}
}
@media (min-width: 769px) {
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products,
body.tax-product_tag .woocommerce ul.products,
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row;
gap: 2rem !important;
justify-content: start !important;
justify-items: stretch !important;
align-content: start !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
clear: both;
}
body.post-type-archive-product ul.products > li.product,
body.tax-product_cat ul.products > li.product,
body.tax-product_tag ul.products > li.product,
body.post-type-archive-product .woocommerce ul.products > li.product,
body.tax-product_cat .woocommerce ul.products > li.product,
body.tax-product_tag .woocommerce ul.products > li.product {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
}
}
.woocommerce-cart .wc-block-grid__product-title,
.woocommerce-cart .wc-block-grid__product-title a,
.woocommerce-cart .wc-block-grid__product-title a:visited,
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wc-block-components-product-name a,
.woocommerce-cart .wc-block-components-product-name a:visited {
color: var(--bbq-brown) !important;
}
.woocommerce-cart .wc-block-grid__product-title,
.woocommerce-cart .wc-block-grid__product-title a,
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wc-block-components-product-name a,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart .wp-block-post-title a {
line-height: 1.35;
min-height: calc(2 * 1.35em);
max-height: calc(2 * 1.35em);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wc-block-components-express-payment-continue-rule,
.wc-block-components-express-payment-continue-rule--checkout {
display: none !important;
}
body:not(.logged-in) .woocommerce-SavedPaymentMethods-saveNew,
body:not(.logged-in) .wc-block-components-payment-methods__save-card-info,
body:not(.logged-in) [class*="save-card"],
body:not(.logged-in) [class*="save-payment-method"] {
display: none !important;
}
.wc-block-checkout__use-address-for-billing,
.bbq-save-address-checkbox {
margin: 0 0 1rem 0 !important;
padding-left: 1rem !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wc-block-checkout__use-address-for-billing label,
.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__label,
.bbq-save-address-checkbox label {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
font-weight: 600 !important;
font-size: 1rem !important;
color: var(--bbq-dark-brown, #333) !important;
}
.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__input,
.bbq-save-address-checkbox input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
flex-shrink: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
accent-color: var(--bbq-brown, #6B4423) !important;
}
.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__input:checked,
.bbq-save-address-checkbox input[type="checkbox"]:checked {
background-color: var(--bbq-brown, #6B4423) !important;
border-color: var(--bbq-brown, #6B4423) !important;
}
.wc-block-checkout__use-address-for-billing .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark {
fill: #fff !important;
}
.bbq-save-address-checkbox input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
border: 2px solid rgba(25,23,17,.48) !important;
background-color: #fff !important;
}
.bbq-save-address-checkbox input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath fill='%23fff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") !important;
background-size: 14px 12px !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
body.bbq-checkout-gift-card-only .wp-block-woocommerce-checkout-shipping-address-block,
body.bbq-checkout-gift-card-only .bbq-checkout-address-selector:has(#bbq-shipping-selector),
body.bbq-checkout-gift-card-only #bbq-shipping-selector,
body.bbq-checkout-gift-card-only .bbq-injected-shipping-form,
body.bbq-checkout-gift-card-only .bbq-checkout-same-address,
body.bbq-checkout-gift-card-only .wp-block-woocommerce-checkout-shipping-methods-block,
body.bbq-checkout-gift-card-only .wp-block-woocommerce-checkout-shipping-method-block,
body.bbq-checkout-gift-card-only .wp-block-woocommerce-checkout-pickup-options-block,
body.bbq-checkout-gift-card-only .bbq-verzenden-afhalen-bar {
display: none !important;
}
body.bbq-billing-same-as-shipping .bbq-billing-selector-wrapper,
body.bbq-billing-same-as-shipping .bbq-checkout-address-selector.bbq-billing-selector,
body.bbq-billing-same-as-shipping .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-checkout-step__content,
body.bbq-billing-same-as-shipping .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-address-form,
body.bbq-billing-same-as-shipping .wc-block-checkout__billing-fields .wc-block-components-checkout-step__content,
body.bbq-billing-same-as-shipping .wc-block-checkout__billing-fields .wc-block-components-address-form {
display: none !important;
}
body.bbq-billing-same-as-shipping .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-checkout-step > *:not(:has(input[type="checkbox"])):not(label),
body.bbq-billing-same-as-shipping .wc-block-checkout__billing-fields .wc-block-components-checkout-step > *:not(:has(input[type="checkbox"])):not(label) {
display: none !important;
}
body.bbq-showing-new-billing-address .bbq-billing-selector-wrapper,
body.bbq-showing-new-billing-address .bbq-injected-billing-form,
body.bbq-showing-new-billing-address .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-checkout-step__content,
body.bbq-showing-new-billing-address .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-address-form,
body.bbq-showing-new-billing-address .wc-block-checkout__billing-fields .wc-block-components-checkout-step__content,
body.bbq-showing-new-billing-address .wc-block-checkout__billing-fields .wc-block-components-address-form {
display: block !important;
visibility: visible !important;
position: static !important;
left: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.bbq-has-saved-addresses.bbq-showing-new-billing-address .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-address-form,
body.bbq-has-saved-addresses.bbq-showing-new-billing-address .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-address-form,
body.bbq-has-saved-addresses.bbq-showing-new-billing-address .woocommerce-billing-fields__field-wrapper,
body.bbq-has-saved-addresses.bbq-showing-new-billing-address .woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-text-input {
position: static !important;
left: auto !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
@media (max-width: 768px) {
.bbq-checkout-address-selector,
.bbq-address-form-box.bbq-injected-billing-form,
.bbq-address-form-box.bbq-injected-shipping-form {
padding: 0.9rem !important;
margin-bottom: 0.9rem !important;
border-radius: 10px !important;
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
}
.bbq-checkout-address-selector label,
.bbq-address-form-box .wc-block-components-title {
font-size: 1rem !important;
line-height: 1.25 !important;
overflow-wrap: anywhere;
word-break: break-word;
}
.bbq-checkout-address-selector select,
.bbq-address-form-box input,
.bbq-address-form-box select {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
font-size: 0.95rem !important;
}
.bbq-checkout-address-selector .bbq-edit-address-link {
display: inline-flex;
min-height: 40px;
align-items: center;
font-size: 0.92rem;
}
}
.bbq-checkout-same-address {
position: relative !important;
z-index: 10 !important;
pointer-events: auto !important;
}
body.single-product .woocommerce-content .product .related.products,
body.single-product .woocommerce-content .product .up-sells.upsells,
body.single-product .woocommerce-content .product .bbq-suggesties {
grid-column: 1 / -1 !important;
justify-self: center !important;
width: min(900px, 100%) !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center;
box-sizing: border-box;
}
body.single-product .bbq-suggesties-inner {
width: 100%;
display: flex !important;
justify-content: center !important;
box-sizing: border-box;
}
body.single-product .woocommerce-content .related.products ul.products,
body.single-product .woocommerce-content .up-sells.upsells ul.products,
body.single-product .related.products ul.products,
body.single-product .up-sells.upsells ul.products {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch !important;
gap: 2rem 1.5rem !important;
width: 100% !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 !important;
grid-template-columns: unset !important;
grid-auto-flow: unset !important;
float: none !important;
}
body.single-product .woocommerce-content .related.products ul.products li.product,
body.single-product .woocommerce-content .up-sells.upsells ul.products li.product,
body.single-product .related.products ul.products li.product,
body.single-product .up-sells.upsells ul.products li.product {
flex: 0 0 220px !important;
width: 220px !important;
max-width: 220px !important;
display: flex !important;
flex-direction: column;
align-items: center;
text-align: center;
float: none !important;
clear: none !important;
margin: 0 !important;
box-sizing: border-box;
}
body.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product .up-sells.upsells ul.products li.product .woocommerce-loop-product__title {
height: calc(1.1rem * 1.4 * 2);
overflow: hidden;
}
@media (max-width: 1199px) and (min-width: 768px) {
body.single-product .related.products,
body.single-product .up-sells.upsells {
max-width: 520px !important;
}
}
@media (max-width: 767px) {
body.single-product .related.products,
body.single-product .up-sells.upsells {
flex-direction: column !important;
align-items: center !important;
max-width: 300px !important;
}
body.single-product .related.products ul.products li.product,
body.single-product .up-sells.upsells ul.products li.product {
flex: 0 0 auto !important;
width: 100% !important;
max-width: 280px !important;
}
}
#bbq-scroll-top {
position: fixed;
left: 95%;
bottom: 80px;
transform: translateX(-50%) translateY(15px);
width: 52px;
height: 52px;
border-radius: 50%;
border: none;
background: var(--bbq-brown);
color: #fff;
font-size: 24px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 9999;
}
#bbq-scroll-top:hover {
background: var(--bbq-dark-brown);
transform: translateX(-50%) scale(1.1);
}
#bbq-scroll-top.show {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row;
gap: 2rem !important;
justify-content: start !important;
justify-items: stretch !important;
align-content: start !important;
direction: ltr !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after,
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.tax-product_tag ul.products::before,
body.tax-product_tag ul.products::after {
content: none !important;
display: none !important;
}
body.woocommerce ul.products > li.product,
body.woocommerce-page ul.products > li.product,
body.post-type-archive-product ul.products > li.product,
body.tax-product_cat ul.products > li.product,
body.tax-product_tag ul.products > li.product {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
}
.site-main {
position: relative;
}
.bbq-site-main-logo-link {
position: absolute;
top: -1.4rem;
right: 0;
width: 150px;
height: 150px;
z-index: 2;
display: block;
text-decoration: none;
}
.bbq-site-main-logo-link img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.woocommerce-cart .bbq-site-main-logo-link {
top: -2rem;
}
.stock:not(.in-stock) {
display: none;
}
.stock.in-stock {
display: block !important;
}
.stock .highlight {
display: none;
}
.bbq-low-stock-warning {
color: #d00000;
font-weight: bold;
margin: 0 0 5px 0;
}
.woocommerce ul.products li.product-category img,
.woocommerce-page ul.products li.product-category img,
.wc-block-product-categories-list-item img,
.wp-block-woocommerce-product-categories-list-item img,
.bbq-category-icon img {
display: none !important;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"breadcrumb breadcrumb"
"header header"
"notices notices"
"result ordering"
"products products"
"pagination pagination";
gap: 1.25rem 1.5rem;
padding: 2rem;
align-items: start;
justify-items: stretch;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-breadcrumb { grid-area: breadcrumb; margin: 0; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-products-header,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content .page-title { grid-area: header; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-notices-wrapper { grid-area: notices; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-result-count { grid-area: result; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-ordering { grid-area: ordering; justify-self: end; margin: 0; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-pagination { grid-area: pagination; margin-top: 0; }
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-products-header {
text-align: left;
margin-bottom: 0;
padding: 1.75rem 2rem;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.08);
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content .page-title {
text-align: left;
margin: 0;
padding: 1.75rem 2rem;
border-radius: 12px;
border: 1px solid rgba(61, 40, 23, 0.12);
box-shadow: 0 4px 14px rgba(61, 40, 23, 0.08);
background: linear-gradient(135deg, var(--bbq-beige) 0%, var(--bbq-light-beige) 100%);
font-size: clamp(1.75rem, 3vw, 2.4rem);
font-weight: 700;
color: var(--bbq-dark-brown);
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content .page-title::after,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-products-header__title::after {
content: '';
display: block;
width: 72px;
height: 4px;
margin-top: 0.5rem;
background: var(--bbq-brown);
border-radius: 999px;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-products-header__title {
font-size: clamp(1.75rem, 3vw, 2.4rem);
margin-bottom: 0.35rem;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-result-count {
margin: 0;
color: var(--bbq-brown);
font-weight: 600;
font-size: 1.05rem;
align-self: center;
float: none !important;
width: auto !important;
background: #fff;
border: 1px solid rgba(61, 40, 23, 0.12);
border-radius: 10px;
padding: 0.75rem 1rem;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.08);
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-ordering {
align-self: center;
float: none !important;
width: auto !important;
background: #fff;
border: 1px solid rgba(61, 40, 23, 0.12);
border-radius: 10px;
padding: 0.5rem 0.75rem;
box-shadow: 0 2px 8px rgba(61, 40, 23, 0.08);
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-ordering select {
min-width: 220px;
font-size: 1rem;
border: 0;
background: transparent;
padding: 0.35rem 0.5rem;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-area: products;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-flow: row;
gap: 2rem !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products::before,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products::after {
content: none !important;
display: none !important;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products > li.product {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
}
@media (max-width: 768px) {
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content {
grid-template-columns: 1fr;
grid-template-areas:
"breadcrumb"
"header"
"notices"
"ordering"
"result"
"products"
"pagination";
padding: 1.5rem;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-ordering {
justify-self: start;
}
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-ordering select {
min-width: 0;
width: 100%;
}
}
body.bbq-tax-mode-both .wc-block-components-totals-item__description,
body.bbq-tax-mode-both .wc-block-components-totals-footer-item-tax .wc-block-components-totals-footer-item-tax-value {
display: none !important;
}
@media (max-width: 1199px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1.25rem !important;
}
.bbq-site-main-logo-link {
width: 110px;
height: 110px;
top: -0.75rem;
}
}
@media (max-width: 900px) {
.site-header .header-content {
padding: 0 0.75rem !important;
gap: 0.75rem !important;
align-items: stretch;
}
.bbq-categories-menu-wrapper {
width: 100%;
order: 1;
}
.site-header .bbq-categories-toggle {
width: 100%;
justify-content: space-between;
padding: 0.65rem 1rem;
font-size: 0.95rem;
}
.header-search-wrap {
order: 2;
width: 100%;
max-width: none !important;
min-width: 0 !important;
margin-right: 0 !important;
}
.site-branding {
order: 3;
width: 100%;
margin: 0.25rem 0 0.15rem;
}
.custom-logo {
max-height: 62px;
}
.main-navigation {
order: 4;
width: 100%;
justify-content: center;
gap: 0.5rem;
}
.header-right {
order: 5;
width: 100%;
margin: 0.15rem 0 0;
justify-content: center;
gap: 0.6rem;
flex-wrap: wrap;
}
.login-link {
padding: 0.45rem 0.8rem;
font-size: 0.92rem;
}
.cart-link {
padding: 0.45rem 0.75rem;
font-size: 0.98rem;
}
.bbq-mega-menu {
min-width: 0;
width: calc(100vw - 1.5rem);
max-width: 680px;
max-height: 72vh;
}
}
@media (max-width: 768px) {
body::before {
background-attachment: scroll;
}
.site-main {
margin: calc(110px + 2.5rem) auto 1.25rem !important;
max-width: calc(100% - 1rem) !important;
}
.bbq-mega-menu {
left: 0;
right: 0;
width: 100%;
transform: none;
margin-top: 0.4rem;
flex-direction: column;
}
.bbq-mega-menu-categories {
width: 100%;
border-right: 0;
border-bottom: 1px solid rgba(61, 40, 23, 0.2);
border-radius: 12px 12px 0 0;
max-height: 34vh;
padding: 1rem 0;
}
.bbq-mega-menu-subcategories {
width: 100%;
border-radius: 0 0 12px 12px;
max-height: 34vh;
padding: 1rem;
}
.bbq-subcategory-list {
grid-template-columns: 1fr;
}
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem !important;
}
#bbq-scroll-top {
left: auto;
right: 1rem;
bottom: 72px;
transform: translateY(15px);
}
#bbq-scroll-top:hover {
transform: scale(1.06);
}
#bbq-scroll-top.show {
transform: translateY(0);
}
}
@media (max-width: 640px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.75rem !important;
}
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product {
border-radius: 10px;
display: flex;
flex-direction: column;
}
body.woocommerce ul.products li.product img,
body.woocommerce-page ul.products li.product img,
body.post-type-archive-product ul.products li.product img,
body.tax-product_cat ul.products li.product img,
body.tax-product_tag ul.products li.product img {
aspect-ratio: 1 / 1;
object-fit: contain;
max-height: 122px;
padding: 0.35rem;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title {
font-size: 0.85rem;
line-height: 1.25;
padding: 0.6rem 0.55rem 0.25rem;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price,
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price {
font-size: 0.95rem;
line-height: 1.2;
padding: 0 0.55rem 0.55rem;
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
body.post-type-archive-product ul.products li.product .button,
body.tax-product_cat ul.products li.product .button,
body.tax-product_tag ul.products li.product .button {
width: calc(100% - 1rem);
margin: 0 0.5rem 0.65rem;
padding: 0.55rem 0.5rem;
font-size: 0.8rem;
line-height: 1.2;
white-space: normal;
word-break: break-word;
min-height: 2.35rem;
margin-top: auto;
}
.header-right {
justify-content: space-between;
}
.cart-link .cart-icon,
.cart-link svg {
width: 1.45rem;
height: 1.45rem;
}
}
@media (max-width: 520px) {
.home .products-section ul.products,
.home .products-section .products,
body.home .products-section ul.products,
body.home .products-section .products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.site-branding {
margin-top: 0.1rem;
}
.custom-logo {
max-height: 54px;
}
.bbq-site-main-logo-link {
display: none !important;
}
}
@media (max-width: 420px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 340px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width: 769px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
}
@media (max-width: 768px) {
body.home .products-section ul.products,
body.home .products-section .products,
body.home .woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.85rem !important;
row-gap: 0.65rem !important;
}
body.home .woocommerce ul.products li.product {
display: flex;
flex-direction: column;
overflow: hidden !important;
border-radius: 10px;
}
body.home .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
body.home .woocommerce ul.products li.product a.woocommerce-loop-product__link {
display: block;
width: 100%;
max-width: 100%;
}
body.home .woocommerce ul.products li.product img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
padding: 0.2rem;
}
body.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 0.95rem;
line-height: 1.25;
padding: 0.5rem 0.6rem 0.25rem;
margin: 0;
word-break: break-word;
overflow-wrap: anywhere;
}
body.home .woocommerce ul.products li.product .price {
font-size: 1rem;
line-height: 1.2;
padding: 0 0.6rem 0.45rem;
margin: 0;
}
body.home .woocommerce ul.products li.product .bbq-loop-product-actions {
margin-top: auto !important;
}
body.home .woocommerce ul.products li.product .button {
width: calc(100% - 1.1rem) !important;
margin: 0.25rem 0.55rem 0.65rem !important;
min-height: 2.4rem;
padding: 0.5rem 0.55rem;
font-size: 0.9rem;
line-height: 1.2;
white-space: normal;
overflow-wrap: anywhere;
}
body.home .site-header {
padding: 0.5rem 0;
}
body.home .site-header .header-content {
gap: 0.5rem !important;
}
}
@media (max-width: 420px) {
body.home .products-section ul.products,
body.home .products-section .products,
body.home .woocommerce ul.products {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
.site-header .bbq-categories-toggle,
.site-header .login-link,
.site-header .cart-link {
min-height: 44px;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.bbq-header-search-clear,
.bbq-header-search-submit {
width: 44px;
min-width: 44px;
}
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products,
body.search .woocommerce-content ul.products,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem !important;
}
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button {
font-size: 0.9rem;
line-height: 1.3;
min-height: 44px;
}
.woocommerce-checkout .site-main,
.woocommerce-checkout .woocommerce-content,
.woocommerce-checkout .woocommerce {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout {
padding-left: 0 !important;
padding-right: 0 !important;
}
.xoo-el-lostpw-tgr {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0.25rem 0;
}
.bbq-terms-content .bbq-terms-meta-line a,
.bbq-terms-content .bbq-terms-list a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0.2rem 0;
}
}
@media (max-width: 768px) {
.site-header {
padding: 0.35rem 0 !important;
}
.site-header .header-content {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) 44px auto;
align-items: center;
gap: 0.3rem !important;
padding: 0 0.7rem !important;
min-height: 60px;
}
.site-branding {
order: 2;
grid-column: 2;
width: auto !important;
margin: 0 !important;
justify-self: center;
position: static !important;
left: auto !important;
transform: none !important;
z-index: 1;
}
.custom-logo {
max-height: 56px !important;
}
.bbq-categories-menu-wrapper {
order: 1;
grid-column: 1;
width: 44px !important;
justify-self: start;
}
.site-header .bbq-categories-toggle {
width: 44px !important;
min-width: 44px;
height: 44px;
min-height: 44px;
padding: 0 !important;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0 !important;
line-height: 0;
gap: 0 !important;
}
.site-header .bbq-categories-toggle span {
display: none !important;
}
.site-header .bbq-categories-toggle::after,
.site-header .bbq-categories-toggle.active::after {
content: "☰";
transform: none !important;
font-size: 1.7rem;
line-height: 1;
}
.main-navigation {
display: none !important;
}
.header-search-wrap {
order: 3;
grid-column: 3;
width: 44px !important;
max-width: 44px !important;
min-width: 44px !important;
margin: 0 !important;
position: relative;
z-index: 2;
}
.header-search-wrap .bbq-header-search-form {
border: none !important;
background: transparent !important;
border-radius: 10px;
overflow: visible;
}
.header-search-wrap .bbq-header-search-input,
.header-search-wrap .bbq-header-search-clear {
display: none !important;
}
.header-search-wrap .bbq-header-search-submit {
position: static !important;
width: 44px !important;
height: 44px !important;
border: 2px solid rgba(61, 40, 23, 0.15);
border-radius: 10px;
background: #fff !important;
}
.header-search-wrap.is-mobile-open {
order: 6;
grid-column: 1 / -1;
grid-row: 2;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-top: 0.65rem !important;
}
.header-search-wrap.is-mobile-open .bbq-header-search-form {
border: 2px solid var(--bbq-brown) !important;
background: #fff !important;
border-radius: 10px;
overflow: hidden;
}
.header-search-wrap.is-mobile-open .bbq-header-search-input {
display: block !important;
width: 100%;
min-width: 0;
padding: 0.62rem 2.75rem 0.62rem 0.85rem;
font-size: 0.95rem;
line-height: 1.25;
}
.header-search-wrap.is-mobile-open .bbq-header-search-clear {
display: flex !important;
right: 44px;
width: 44px;
}
.header-search-wrap.is-mobile-open .bbq-header-search-submit {
position: absolute !important;
right: 0;
top: 0;
bottom: 0;
width: 44px !important;
height: auto !important;
border: none;
border-radius: 0;
background: transparent !important;
}
.header-search-wrap.is-mobile-open .bbq-search-suggestions {
margin-top: 6px;
}
.header-right {
order: 4;
grid-column: 4;
width: auto !important;
margin: 0 !important;
justify-content: flex-end !important;
gap: 0.25rem !important;
flex-wrap: nowrap !important;
}
.header-right .login-link {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
width: 44px;
padding: 0 !important;
border: 2px solid rgba(61, 40, 23, 0.15);
border-radius: 10px;
background: #fff !important;
font-size: 0 !important;
line-height: 0;
box-shadow: none !important;
}
.header-right .login-link::before {
content: "";
width: 18px;
height: 18px;
display: block;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B4423' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E") no-repeat center / contain;
}
.header-right .cart-link {
min-height: 44px;
width: 44px;
padding: 0 !important;
justify-content: center;
border: 2px solid rgba(61, 40, 23, 0.15);
border-radius: 10px;
background: #fff;
}
.header-right .cart-link .cart-total {
display: none !important;
}
.header-right .cart-link .cart-icon,
.header-right .cart-link svg {
width: 1.35rem;
height: 1.35rem;
}
}
@media (max-width: 768px) {
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products,
body.search .woocommerce-content ul.products,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.post-type-archive-product ul.products li.product .bbq-loop-product-actions,
body.tax-product_cat ul.products li.product .bbq-loop-product-actions,
body.tax-product_tag ul.products li.product .bbq-loop-product-actions,
body.search ul.products li.product .bbq-loop-product-actions {
margin-top: auto !important;
}
body.post-type-archive-product ul.products li.product .button,
body.tax-product_cat ul.products li.product .button,
body.tax-product_tag ul.products li.product .button,
body.search ul.products li.product .button {
width: calc(100% - 0.9rem) !important;
margin: 0.2rem 0.45rem 0.55rem !important;
min-height: 44px;
padding: 0.55rem 0.6rem !important;
border-radius: 8px;
font-size: 0.95rem !important;
line-height: 1.25;
white-space: normal;
overflow-wrap: anywhere;
text-wrap: pretty;
}
body.tax-product_cat .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 16px !important;
row-gap: 16px !important;
}
body.tax-product_cat .woocommerce-content ul.products li.product {
display: flex;
flex-direction: column;
}
body.tax-product_cat .woocommerce-content ul.products li.product .woocommerce-loop-product__title {
line-height: 1.3;
min-height: 3.9em;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.tax-product_cat .woocommerce-content ul.products li.product .price {
min-height: 2.6em;
line-height: 1.3;
}
body.tax-product_cat .woocommerce-content ul.products li.product .button {
margin-top: auto !important;
}
}
@media (max-width: 340px) {
body.tax-product_cat .woocommerce-content ul.products {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
.site-header .header-content {
position: relative;
}
.bbq-categories-menu-wrapper {
position: static !important;
}
.site-header .bbq-categories-menu-wrapper .bbq-mega-menu {
position: fixed !important;
top: calc(env(safe-area-inset-top, 0px) + 64px) !important;
left: 0.7rem !important;
right: 0.7rem !important;
margin-top: 0 !important;
min-width: 0 !important;
width: auto !important;
max-width: none !important;
max-height: 72vh !important;
transform: none !important;
border-radius: 12px;
overflow: hidden;
z-index: 1200;
}
.site-header .bbq-categories-menu-wrapper .bbq-mega-menu.active {
display: block !important;
}
.bbq-mega-menu-categories {
width: 100% !important;
border-right: 0 !important;
border-bottom: 1px solid rgba(61, 40, 23, 0.16);
border-radius: 12px 12px 0 0 !important;
max-height: 34vh !important;
padding: 0.8rem 0 !important;
}
.bbq-mega-menu-subcategories {
width: 100% !important;
border-radius: 0 0 12px 12px !important;
max-height: 34vh !important;
padding: 0.9rem !important;
}
.bbq-category-item {
padding: 0.7rem 1rem !important;
}
.bbq-category-arrow {
opacity: 0.55;
}
.bbq-subcategory-list {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
body.single-product.woocommerce .woocommerce div.product {
padding: 1rem !important;
gap: 1rem !important;
}
body.single-product.woocommerce .woocommerce div.product .summary,
body.single-product.woocommerce .woocommerce div.product .summary.entry-summary {
padding: 1rem !important;
gap: 0.6rem !important;
margin-top: 0.25rem !important;
border-radius: 10px;
}
body.single-product.woocommerce .woocommerce div.product .product_title {
font-size: clamp(1.3rem, 5.2vw, 1.65rem);
line-height: 1.2;
margin-bottom: 0.35rem;
}
body.single-product.woocommerce .woocommerce div.product .price {
font-size: 1.25rem;
margin-bottom: 0.65rem;
line-height: 1.25;
}
body.single-product.woocommerce .woocommerce div.product .woocommerce-product-details__short-description {
margin-bottom: 0.75rem;
font-size: 0.95rem;
line-height: 1.5;
}
.single-product .summary .cart {
margin-top: 0.5rem;
}
body.single-product .summary form.cart {
gap: 0.55rem;
margin-bottom: 0.6rem;
align-items: stretch;
}
body.single-product .summary form.cart table.variations {
margin-bottom: 0.45rem !important;
}
body.single-product .summary form.cart table.variations th,
body.single-product .summary form.cart table.variations td {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
body.single-product .summary form.cart .variations select,
body.single-product .summary form.cart table.variations select {
width: 100%;
min-height: 42px;
font-size: 0.95rem;
padding: 0.45rem 0.7rem;
text-align: left;
text-align-last: left;
}
body.single-product .summary form.cart:not(.grouped_form):not(.variations_form) {
display: grid;
grid-template-columns: 1fr;
gap: 0.55rem;
align-items: stretch;
}
body.single-product .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
display: grid;
grid-template-columns: 1fr;
gap: 0.55rem;
align-items: stretch;
}
body.single-product .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart > * {
min-width: 0;
}
body.single-product .summary form.cart .quantity,
body.single-product .summary form.cart .single_variation_wrap .quantity {
margin: 0 !important;
float: none !important;
width: 100%;
max-width: 110px;
}
body.single-product.woocommerce .woocommerce .quantity input.qty {
width: 100%;
min-width: 0;
height: 44px;
font-size: 1rem;
padding: 0 0.35rem;
}
body.single-product .summary form.cart .single_add_to_cart_button,
body.single-product .summary form.cart .single_add_to_cart_button.button,
body.single-product .summary form.cart .single_add_to_cart_button.button.alt,
body.single-product .summary form.cart .single_add_to_cart_button.wp-element-button {
float: none !important;
width: 100%;
min-height: 44px;
padding: 0.65rem 0.9rem;
font-size: 0.98rem;
line-height: 1.2;
margin: 0;
white-space: normal;
word-break: normal;
overflow-wrap: anywhere;
text-wrap: pretty;
}
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product,
body.search ul.products li.product,
body.woocommerce-page:not(.single-product):not(.home) ul.products li.product {
display: flex !important;
flex-direction: column;
height: 100%;
}
}
.woocommerce ul.products li.product.bbq-loop-product-card {
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product .bbq-loop-product-price {
margin: 0.6rem 0 0.35rem;
}
.woocommerce ul.products li.product .bbq-loop-stock-status--out {
color: #d00000 !important;
margin-top: 0.3rem;
font-weight: 700;
text-align: center;
}
.woocommerce ul.products li.product .bbq-loop-stock-status--placeholder {
margin-top: 0.3rem;
height: 1.2em;
}
.woocommerce ul.products li.product .bbq-loop-product-actions {
margin-top: auto;
}
@media (max-width: 768px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
row-gap: 0.65rem !important;
}
body.woocommerce ul.products li.product .bbq-loop-product-price,
body.woocommerce-page ul.products li.product .bbq-loop-product-price,
body.post-type-archive-product ul.products li.product .bbq-loop-product-price,
body.tax-product_cat ul.products li.product .bbq-loop-product-price,
body.tax-product_tag ul.products li.product .bbq-loop-product-price {
margin: 0.35rem 0 0.2rem !important;
}
body.woocommerce ul.products li.product .bbq-loop-product-actions,
body.woocommerce-page ul.products li.product .bbq-loop-product-actions,
body.post-type-archive-product ul.products li.product .bbq-loop-product-actions,
body.tax-product_cat ul.products li.product .bbq-loop-product-actions,
body.tax-product_tag ul.products li.product .bbq-loop-product-actions {
margin-top: auto !important;
}
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product,
body.search ul.products li.product,
body.woocommerce-page:not(.single-product):not(.home) ul.products li.product {
display: flex !important;
flex-direction: column;
height: 100%;
}
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
body.search ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page:not(.single-product):not(.home) ul.products li.product .woocommerce-loop-product__title {
min-height: 3.9em;
}
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price,
body.search ul.products li.product .price,
body.woocommerce-page:not(.single-product):not(.home) ul.products li.product .price {
min-height: 2.6em;
}
body.woocommerce ul.products li.product .bbq-loop-product-actions form.cart,
body.woocommerce-page ul.products li.product .bbq-loop-product-actions form.cart,
body.post-type-archive-product ul.products li.product .bbq-loop-product-actions form.cart,
body.tax-product_cat ul.products li.product .bbq-loop-product-actions form.cart,
body.tax-product_tag ul.products li.product .bbq-loop-product-actions form.cart {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.45rem;
margin: 0;
}
body.woocommerce ul.products li.product .bbq-loop-product-actions form.cart .quantity,
body.woocommerce-page ul.products li.product .bbq-loop-product-actions form.cart .quantity,
body.post-type-archive-product ul.products li.product .bbq-loop-product-actions form.cart .quantity,
body.tax-product_cat ul.products li.product .bbq-loop-product-actions form.cart .quantity,
body.tax-product_tag ul.products li.product .bbq-loop-product-actions form.cart .quantity {
margin: 0 !important;
float: none !important;
width: 100%;
max-width: 96px;
}
body.woocommerce ul.products li.product .bbq-loop-product-actions .button,
body.woocommerce-page ul.products li.product .bbq-loop-product-actions .button,
body.post-type-archive-product ul.products li.product .bbq-loop-product-actions .button,
body.tax-product_cat ul.products li.product .bbq-loop-product-actions .button,
body.tax-product_tag ul.products li.product .bbq-loop-product-actions .button {
width: 100% !important;
margin: 0 !important;
}
}
@media (max-width: 768px) {
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products,
body.search .woocommerce-content ul.products,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products {
align-items: stretch !important;
}
body.post-type-archive-product .woocommerce-content ul.products > li.product,
body.tax-product_cat .woocommerce-content ul.products > li.product,
body.tax-product_tag .woocommerce-content ul.products > li.product,
body.search .woocommerce-content ul.products > li.product,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products > li.product {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.post-type-archive-product .woocommerce-content ul.products > li.product .bbq-loop-product-actions,
body.tax-product_cat .woocommerce-content ul.products > li.product .bbq-loop-product-actions,
body.tax-product_tag .woocommerce-content ul.products > li.product .bbq-loop-product-actions,
body.search .woocommerce-content ul.products > li.product .bbq-loop-product-actions,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products > li.product .bbq-loop-product-actions {
margin-top: auto !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
}
@media (max-width: 768px) {
.woocommerce-checkout .wc-block-checkout__main .wp-block-woocommerce-checkout-order-summary-block {
display: none !important;
}
.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
width: 100% !important;
max-width: none !important;
padding-left: 3px !important;
padding-right: 3px !important;
margin: 0 !important;
box-sizing: border-box;
}
.woocommerce-cart .site-main {
max-width: calc(100% - 0.3rem) !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
width: 100% !important;
max-width: none !important;
padding: 0.65rem 0.6rem !important;
border-width: 1px !important;
border-color: rgba(107, 68, 35, 0.32) !important;
border-radius: 10px !important;
box-shadow: 0 2px 10px rgba(61, 40, 23, 0.08) !important;
margin: 0.55rem 0 0.85rem !important;
box-sizing: border-box;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart {
padding: 1rem 0.85rem !important;
border: 1px solid rgba(107, 68, 35, 0.45) !important;
border-radius: 10px !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0.5rem !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > p.has-text-align-center {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > p {
padding-left: 0.1rem !important;
padding-right: 0.1rem !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-buttons {
width: 100% !important;
margin-top: 0.75rem !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-buttons .wp-block-button__link {
width: 100% !important;
max-width: none !important;
padding: 0.75rem 1.2rem !important;
border-radius: 999px !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection ul.wc-block-product-template,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.75rem !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection li,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product {
background: #fff;
border: 1px solid rgba(61, 40, 23, 0.14);
border-radius: 10px;
padding: 0.6rem;
box-shadow: 0 2px 10px rgba(61, 40, 23, 0.08);
display: flex;
flex-direction: column;
min-height: 100%;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product img,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-image img {
width: 100% !important;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-post-title {
min-height: 3.9em !important;
max-height: none !important;
-webkit-line-clamp: 3;
line-clamp: 3;
margin: 0.45rem 0 0.2rem !important;
font-size: 0.92rem !important;
line-height: 1.3 !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-price,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .price {
font-size: 1rem;
font-weight: 700;
margin: 0 0 0.4rem !important;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-product-button__button,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-button .wp-block-button__link {
margin-top: auto !important;
width: 100% !important;
min-height: 40px;
padding: 0.55rem 0.6rem !important;
border-radius: 8px !important;
font-size: 0.88rem !important;
line-height: 1.2;
}
}
@media (max-width: 768px) {
body.single-product .woocommerce-tabs ul.bbq-tabs-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0.25rem !important;
overflow: hidden !important;
white-space: normal !important;
padding-bottom: 0.1rem !important;
}
body.single-product .woocommerce-tabs ul.bbq-tabs-row li {
display: block !important;
float: none !important;
clear: none !important;
width: 100% !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
body.single-product .woocommerce-tabs ul.bbq-tabs-row li a {
display: flex !important;
align-items: center;
justify-content: center;
white-space: normal !important;
text-align: center;
padding: 0.5rem 0.3rem !important;
font-size: 0.84rem !important;
line-height: 1.2 !important;
min-height: 40px;
}
}
@media (max-width: 768px) {
.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal {
width: min(84vw, 360px) !important;
}
.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-main {
padding: 12px !important;
}
.xoo-el-wrap {
max-width: 100%;
}
}
@media (max-width: 420px) {
.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-inmodal {
width: min(82vw, 330px) !important;
}
.xoo-el-container:not(.xoo-el-style-slider) .xoo-el-main {
padding: 10px !important;
}
}
@media (max-width: 768px) {
body.woocommerce-account {
overflow-x: hidden;
}
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-EditAccountForm .form-row {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account .woocommerce-EditAccountForm {
padding: 1rem !important;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend,
body.woocommerce-account .woocommerce-MyAccount-content .bbq-account-heading {
font-size: clamp(1.15rem, 6vw, 1.45rem) !important;
line-height: 1.2 !important;
letter-spacing: 0.1px !important;
padding: 0.6rem 0.9rem !important;
overflow-wrap: anywhere;
word-break: break-word;
}
body.woocommerce-account .woocommerce-EditAccountForm .form-row-first,
body.woocommerce-account .woocommerce-EditAccountForm .form-row-last,
body.woocommerce-account .woocommerce-address-fields .form-row-first,
body.woocommerce-account .woocommerce-address-fields .form-row-last {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
}
body.woocommerce-account .woocommerce-address-fields input[type="text"],
body.woocommerce-account .woocommerce-address-fields input[type="email"],
body.woocommerce-account .woocommerce-address-fields input[type="tel"],
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
body.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
body.woocommerce-account .woocommerce-EditAccountForm input[type="password"],
body.woocommerce-account .woocommerce-EditAccountForm textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
body.woocommerce-account .woocommerce-EditAccountForm button.button,
body.woocommerce-account .woocommerce-EditAccountForm .button[type="submit"] {
width: 100%;
min-height: 44px;
}
}
@media (min-width: 769px) and (max-width: 1440px) {
body.post-type-archive-product .woocommerce-content ul.products,
body.tax-product_cat .woocommerce-content ul.products,
body.tax-product_tag .woocommerce-content ul.products,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.95rem !important;
}
body.post-type-archive-product .woocommerce-content ul.products > li.product,
body.tax-product_cat .woocommerce-content ul.products > li.product,
body.tax-product_tag .woocommerce-content ul.products > li.product,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products > li.product,
body:is(.tax-product_brand, .tax-pa_merk, .tax-brand, .tax-brands, .tax-merk, [class*="tax-product_brand"], [class*="tax-pa_"]) .woocommerce-content ul.products > li.product {
width: 100% !important;
max-width: 300px;
justify-self: center;
}
body.post-type-archive-product .woocommerce-content ul.products li.product img,
body.tax-product_cat .woocommerce-content ul.products li.product img,
body.tax-product_tag .woocommerce-content ul.products li.product img,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products li.product img {
max-height: 210px;
width: 100% !important;
object-fit: contain;
margin-top: 0.45rem;
}
body.post-type-archive-product .woocommerce-content ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .woocommerce-content ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag .woocommerce-content ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products li.product .woocommerce-loop-product__title {
font-size: 0.92rem !important;
line-height: 1.3 !important;
}
body.post-type-archive-product .woocommerce-content ul.products li.product .button,
body.tax-product_cat .woocommerce-content ul.products li.product .button,
body.tax-product_tag .woocommerce-content ul.products li.product .button,
body.woocommerce-page:not(.single-product):not(.home) .woocommerce-content ul.products li.product .button {
font-size: 0.84rem !important;
padding: 0.5rem 0.6rem !important;
}
}