.woocommerce-page .content-area,
.post-type-archive-product .content-area,
.tax-product_cat .content-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce-page .entry-content-wrap,
.woocommerce-page .content-wrap,
.post-type-archive-product .entry-content-wrap,
.post-type-archive-product .content-wrap,
.tax-product_cat .entry-content-wrap,
.tax-product_cat .content-wrap {
padding: 0 !important;
max-width: none !important;
}  ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-lg);
list-style: none;
padding: 0;
margin: 0 0 var(--space-2xl);
}
ul.products::before,
ul.products::after {
display: none !important; }
@media (max-width: 1024px) {
ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-md);
}
}
@media (max-width: 768px) {
ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-sm);
}
} ul.products li.product {
display: flex !important;
flex-direction: column;
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: none;
transition: border-color var(--transition-base), transform var(--transition-base);
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
float: none !important;
}
ul.products li.product:hover {
border-color: var(--color-accent-border);
transform: translateY(-2px);
} ul.products li.product .woocommerce-loop-image-link {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
padding: var(--space-lg);
background-color: #F5F5F0;
overflow: hidden;
}
ul.products li.product .woocommerce-loop-image-link img,
ul.products li.product a img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
margin: 0 !important;
border-radius: 0;
background: transparent;
mix-blend-mode: multiply; transition: transform var(--transition-base);
}
ul.products li.product:hover .woocommerce-loop-image-link img {
transform: scale(1.04);
} ul.products li.product img.wp-post-image[src*="placeholder"],
ul.products li.product img.wp-post-image[src*="woocommerce-placeholder"],
.woocommerce-placeholder {
background-color: var(--color-surface-2);
filter: invert(1) brightness(0.3);
} ul.products li.product .product-details,
ul.products li.product .entry-content-wrap {
flex: 1;
display: flex;
flex-direction: column;
box-sizing: border-box;
width: auto;
min-width: 0;
margin: 0;
padding: var(--space-md);
background: transparent !important;
box-shadow: none !important;
}
ul.products li.product .product-excerpt {
display: none;
} .mdf-card-brand {
font-family: var(--font-heading);
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--color-accent);
margin-bottom: 4px;
} .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 700;
line-height: 1.35;
color: var(--color-text);
margin: 0 0 var(--space-sm);
min-height: calc(1.35em * 2);
max-height: calc(1.35em * 2);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0;
}
ul.products li.product a {
color: var(--color-text);
text-decoration: none;
}
ul.products li.product a:hover {
color: var(--color-accent);
} ul.products li.product .price {
font-family: var(--font-heading);
font-weight: 800;
font-size: 1rem;
color: var(--color-text);
margin: 0 0 var(--space-md);
}
ul.products li.product .price del {
color: var(--color-muted);
font-weight: 400;
font-size: 0.8125rem;
text-decoration: line-through;
opacity: 1;
}
ul.products li.product .price ins {
color: var(--color-accent);
text-decoration: none;
font-weight: 800;
} ul.products li.product .onsale,
.woocommerce span.onsale {
background-color: var(--color-accent-fill);
color: #fff;
font-family: var(--font-heading);
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: var(--radius-sm);
padding: 4px 10px;
line-height: 1.4;
min-height: auto;
min-width: auto;
top: 8px;
right: 8px;
left: auto;
} ul.products li.product .product-action-wrap {
margin-top: auto;
padding-bottom: var(--space-md); }
ul.products li.product .product-action-wrap .button {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0.7rem 0.75rem;
background-color: var(--color-accent-fill);
border: 1px solid var(--color-accent-fill);
border-radius: var(--radius-md);
color: #fff;
font-family: var(--font-heading);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
box-shadow: none;
transition: background-color var(--transition-fast), color var(--transition-fast);
}
ul.products li.product .product-action-wrap .button:hover,
ul.products li.product .product-action-wrap .button:focus-visible {
background-color: transparent;
color: var(--color-accent);
} ul.products li.product .product-action-wrap .button .kadence-svg-iconset {
display: none;
}
ul.products li.product .product-action-wrap .button.loading {
opacity: 0.6;
}
ul.products li.product .product-action-wrap .added_to_cart {
display: block;
margin-top: var(--space-xs);
font-size: 0.75rem;
text-align: center;
color: var(--color-muted);
}
@media (max-width: 480px) {
ul.products li.product .woocommerce-loop-image-link {
padding: var(--space-sm);
}
ul.products li.product .product-details {
padding: var(--space-sm);
}
ul.products li.product .product-action-wrap {
padding-bottom: var(--space-sm);
}
ul.products li.product .product-action-wrap .button {
padding: 0.6rem 0.5rem;
font-size: 0.6875rem;
}
} ul.products li.product .star-rating,
.woocommerce .star-rating {
color: #F59E0B;
} .woocommerce-page .mdf-page-header,
.mdf-page-shop .mdf-page-header {
padding: var(--space-xl) 0 var(--space-lg);
text-align: center;
}
.woocommerce-page .mdf-page-header__title,
.mdf-page-shop .mdf-page-header__title {
font-family: var(--font-heading);
font-size: 2rem;
font-weight: 800;
margin-bottom: var(--space-sm);
}
@media (min-width: 48em) {
.woocommerce-page .mdf-page-header__title,
.mdf-page-shop .mdf-page-header__title {
font-size: 2.5rem;
}
}
.woocommerce-page .mdf-page-header__subtitle,
.mdf-page-shop .mdf-page-header__subtitle {
color: var(--color-muted);
font-size: 1.0625rem;
max-width: 500px;
margin: 0 auto;
} .woocommerce-result-count {
color: var(--color-muted);
font-size: 0.875rem;
} .woocommerce-ordering,
.woocommerce-result-count,
.kadence-shop-top-row,
.woocommerce .woocommerce-result-count {
display: none !important;
} .mdf-shop-filterbar {
margin-bottom: var(--space-xl);
padding: var(--space-lg);
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
}
.mdf-shop-filterbar__row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: var(--space-md);
} .mdf-shop-filterbar__search {
display: flex;
gap: var(--space-sm);
margin-bottom: var(--space-md);
}
.mdf-shop-filterbar__search input[type="search"],
.mdf-shop-drawer__group input[type="search"] {
flex: 1;
width: 100%;
padding: var(--space-sm) var(--space-md);
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
font-family: var(--font-body);
font-size: 0.9375rem;
color-scheme: dark;
}
.mdf-shop-filterbar__search input[type="search"]:focus {
outline: none;
border-color: var(--color-accent);
}
.mdf-shop-filterbar__search button {
padding: var(--space-sm) var(--space-lg);
background-color: var(--color-accent-fill);
border: none;
border-radius: var(--radius-md);
color: #fff;
font-family: var(--font-heading);
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
cursor: pointer;
transition: opacity var(--transition-fast);
}
.mdf-shop-filterbar__search button:hover {
opacity: 0.9;
}
.mdf-shop-filterbar__group select optgroup {
color: var(--color-muted);
font-style: normal;
}
.mdf-shop-filterbar__group select option {
color: var(--color-text);
background-color: var(--color-surface-2);
}
.mdf-shop-filterbar__group label {
display: block;
font-family: var(--font-heading);
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-muted);
margin-bottom: var(--space-xs);
}
.mdf-shop-filterbar__group select {
width: 100%;
padding: var(--space-sm) var(--space-md);
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
font-size: 0.875rem;
font-family: var(--font-body);
cursor: pointer;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 36px;
transition: border-color var(--transition-fast);
}
.mdf-shop-filterbar__group select:hover {
border-color: var(--color-accent-border);
}
.mdf-shop-filterbar__group select:focus {
outline: none;
border-color: var(--color-accent);
}
.mdf-shop-filterbar__meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--space-md);
padding-top: var(--space-md);
border-top: 1px solid var(--color-border);
font-size: 0.875rem;
color: var(--color-muted);
}
.mdf-shop-filterbar__count {
font-weight: 500;
}
.mdf-shop-filterbar__reset {
color: var(--color-accent);
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
padding: var(--space-xs) var(--space-sm);
border-radius: var(--radius-sm);
transition: background-color var(--transition-fast);
}
.mdf-shop-filterbar__reset:hover {
background-color: var(--color-accent-bg);
} @media (max-width: 480px) {
.mdf-shop-filterbar {
padding: var(--space-md);
}
.mdf-shop-filterbar__row {
grid-template-columns: 1fr;
}
} .mdf-shop-filterbar__actions {
display: flex;
align-items: center;
gap: var(--space-md);
}
.mdf-shop-filterbar__view {
display: flex;
gap: 4px;
}
.mdf-view-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: none;
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-muted);
cursor: pointer;
transition: all var(--transition-fast);
padding: 0;
}
.mdf-view-btn:hover {
border-color: var(--color-accent-border);
color: var(--color-text);
}
.mdf-view-btn--active {
border-color: var(--color-accent);
color: var(--color-accent);
background-color: var(--color-accent-bg);
} ul.products.mdf-view-list {
grid-template-columns: 1fr !important;
}
ul.products.mdf-view-list li.product {
display: grid !important; grid-template-columns: 200px 1fr;
gap: var(--space-md);
}
ul.products.mdf-view-list li.product .woocommerce-loop-image-link {
aspect-ratio: auto;
height: 100%;
min-height: 160px;
}  .mdf-shop-mobile-bar {
display: none;
}
@media (max-width: 768px) { .mdf-shop-filterbar {
display: none !important;
} .mdf-shop-mobile-bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--space-md);
padding-bottom: var(--space-md);
border-bottom: 1px solid var(--color-border);
}
.mdf-shop-mobile-bar__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 700;
cursor: pointer;
transition: border-color var(--transition-fast);
}
.mdf-shop-mobile-bar__btn svg {
color: var(--color-accent);
}
.mdf-shop-mobile-bar__btn:hover {
border-color: var(--color-accent-border);
}
.mdf-shop-mobile-bar__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 6px;
background-color: var(--color-accent-fill);
color: #fff;
font-size: 0.6875rem;
font-weight: 700;
border-radius: 100px;
}
.mdf-shop-mobile-bar__count {
color: var(--color-muted);
font-size: 0.875rem;
} .mdf-shop-filterbar__view {
display: none !important;
}
} .mdf-shop-drawer[hidden] {
display: none;
}
.mdf-shop-drawer {
position: fixed;
inset: 0;
z-index: 10000;
background-color: var(--color-bg);
display: flex;
flex-direction: column;
}
.mdf-shop-drawer__panel {
display: flex;
flex-direction: column;
height: 100%;
}
.mdf-shop-drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--space-md) var(--space-lg);
border-bottom: 1px solid var(--color-border);
}
.mdf-shop-drawer__title {
font-family: var(--font-heading);
font-size: 1.25rem;
font-weight: 800;
color: var(--color-text);
}
.mdf-shop-drawer__close {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: none;
border: 1px solid var(--color-border);
border-radius: 50%;
color: var(--color-text);
cursor: pointer;
transition: all var(--transition-fast);
padding: 0;
}
.mdf-shop-drawer__close:hover {
border-color: var(--color-accent);
color: var(--color-accent);
}
.mdf-shop-drawer__body {
flex: 1;
overflow-y: auto;
padding: var(--space-lg);
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.mdf-shop-drawer__group label {
display: block;
font-family: var(--font-heading);
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-muted);
margin-bottom: var(--space-xs);
}
.mdf-shop-drawer__group select {
width: 100%;
padding: var(--space-sm) var(--space-md);
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
font-size: 1rem;
font-family: var(--font-body);
color-scheme: dark;
}
.mdf-shop-drawer__footer {
padding: var(--space-md) var(--space-lg);
border-top: 1px solid var(--color-border);
text-align: center;
}
.mdf-shop-drawer__apply {
width: 100%;
padding: var(--space-md);
background-color: var(--color-accent-fill);
border: none;
border-radius: var(--radius-md);
color: #fff;
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
cursor: pointer;
transition: background-color var(--transition-fast);
}
.mdf-shop-drawer__apply:hover {
opacity: 0.9;
}
.mdf-shop-drawer__reset-btn {
display: block;
padding: var(--space-sm);
background: none;
border: none;
color: var(--color-muted);
font-size: 0.875rem;
cursor: pointer;
text-align: center;
text-decoration: none;
}
.mdf-shop-drawer__reset-btn:hover {
color: var(--color-accent);
} .kadence-shop-toggle,
.kt-toggle-shop-wrap {
display: none !important;
}
.woocommerce-breadcrumb {
color: var(--color-muted);
font-size: 0.875rem;
margin-bottom: var(--space-lg);
}
.woocommerce-breadcrumb a {
color: var(--color-muted);
text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
color: var(--color-accent);
} .woocommerce nav.woocommerce-pagination {
margin: var(--space-xl) 0;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
display: flex;
flex-wrap: wrap;
gap: 4px;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-text);
padding: 0.5rem 0.875rem;
font-family: var(--font-heading);
font-weight: 700;
font-size: 0.875rem;
text-decoration: none;
min-width: auto;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background-color: var(--color-surface-2);
border-color: var(--color-accent-border);
color: var(--color-accent);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--color-accent-fill);
border-color: var(--color-accent);
color: #fff;
} .single-product .entry-content-wrap,
.single-product .content-wrap {
padding: 0 !important;
max-width: none !important;
} .woocommerce div.product div.images {
margin-bottom: var(--space-lg);
}
.woocommerce div.product div.images img {
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
}
.woocommerce div.product div.images .flex-control-thumbs li img {
border-radius: var(--radius-sm);
border: 1px solid var(--color-border);
opacity: 0.6;
transition: opacity var(--transition-fast), border-color var(--transition-fast);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
border-color: var(--color-accent);
} .woocommerce div.product .product_title {
font-family: var(--font-heading);
font-size: 2rem;
font-weight: 800;
color: var(--color-text);
margin-bottom: var(--space-sm);
} .mdf-product-brand {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
margin-bottom: var(--space-sm);
padding: 6px 14px;
border: 1px solid var(--color-accent-border);
border-radius: 100px;
background-color: var(--color-accent-bg);
text-decoration: none;
transition: border-color var(--transition-fast);
}
.mdf-product-brand:hover {
border-color: var(--color-accent);
}
.mdf-product-brand__name {
font-family: var(--font-heading);
font-size: 0.9375rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--color-accent);
}
.mdf-product-brand__more {
font-size: 0.75rem;
color: var(--color-muted);
}
.mdf-product-brand:hover .mdf-product-brand__more {
color: var(--color-text);
}
.woocommerce div.product .product_meta .mdf-ean {
display: block;
} .woocommerce div.product p.price,
.woocommerce div.product span.price {
font-family: var(--font-heading);
font-weight: 800;
font-size: 1.75rem;
color: var(--color-text);
margin-bottom: var(--space-lg);
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
color: var(--color-muted);
font-weight: 400;
font-size: 1.25rem;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
color: var(--color-accent);
text-decoration: none;
} .woocommerce div.product .woocommerce-product-details__short-description {
color: var(--color-text);
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: var(--space-lg);
padding-bottom: var(--space-lg);
border-bottom: 1px solid var(--color-border);
} .woocommerce div.product form.cart {
margin-bottom: var(--space-lg);
display: flex;
align-items: center;
gap: var(--space-md);
}
.woocommerce div.product form.cart .quantity input.qty {
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-text);
font-family: var(--font-heading);
font-weight: 700;
width: 70px;
text-align: center;
padding: 0.625rem 0.5rem;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
flex: 1;
} .woocommerce div.product form.variations_form {
flex-direction: column;
align-items: stretch;
}
.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
gap: var(--space-md);
} .woocommerce div.product .product_meta {
border-top: 1px solid var(--color-border);
padding-top: var(--space-md);
font-size: 0.875rem;
color: var(--color-muted);
}
.woocommerce div.product .product_meta > span {
display: block;
margin-bottom: var(--space-xs);
}
.woocommerce div.product .product_meta a {
color: var(--color-text);
}
.woocommerce div.product .product_meta a:hover {
color: var(--color-accent);
} .woocommerce div.product .woocommerce-tabs {
margin-top: var(--space-xl);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
display: flex;
gap: 0;
padding: 0;
margin: 0 0 var(--space-lg);
border-bottom: 1px solid var(--color-border);
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
border: none;
border-bottom: 2px solid transparent;
padding: 0;
margin: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-muted);
padding: var(--space-sm) var(--space-md);
display: block;
text-decoration: none;
transition: color var(--transition-fast);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--color-text);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-bottom-color: var(--color-accent);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--color-text);
}
.woocommerce div.product .woocommerce-tabs .panel {
background: none;
border: none;
padding: 0;
color: var(--color-text);
font-size: 0.9375rem;
line-height: 1.6;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 1.25rem;
margin-bottom: var(--space-md);
} .woocommerce .related.products,
.woocommerce .upsells.products {
margin-top: var(--space-2xl);
padding-top: var(--space-xl);
border-top: 1px solid var(--color-border);
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 700;
color: var(--color-text);
margin-bottom: var(--space-lg);
}  .woocommerce table.shop_table {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
overflow: hidden;
border-collapse: separate;
border-spacing: 0;
}
.woocommerce table.shop_table th {
background-color: var(--color-surface);
color: var(--color-text);
font-family: var(--font-heading);
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: var(--space-md);
border-bottom: 1px solid var(--color-border);
}
.woocommerce table.shop_table td {
background-color: var(--color-bg);
color: var(--color-text);
padding: var(--space-md);
border-bottom: 1px solid var(--color-border);
vertical-align: middle;
}
.woocommerce table.shop_table td.product-name a {
color: var(--color-text);
font-weight: 500;
text-decoration: none;
}
.woocommerce table.shop_table td.product-name a:hover {
color: var(--color-accent);
}
.woocommerce table.shop_table td.product-remove a.remove {
color: var(--color-muted) !important;
font-size: 1.25rem;
transition: color var(--transition-fast);
}
.woocommerce table.shop_table td.product-remove a.remove:hover {
color: var(--color-accent) !important;
background: none;
} .woocommerce table.shop_table td.product-thumbnail img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: var(--radius-sm);
border: 1px solid var(--color-border);
} .woocommerce table.shop_table td.product-quantity input.qty {
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-text);
width: 60px;
text-align: center;
padding: 0.5rem;
font-family: var(--font-heading);
font-weight: 700;
} .woocommerce .cart_totals {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-lg);
}
.woocommerce .cart_totals h2 {
font-size: 1.25rem;
margin-bottom: var(--space-md);
}
.woocommerce .cart_totals table.shop_table {
border: none;
}
.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
background: none;
padding: var(--space-sm) 0;
}
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
font-family: var(--font-heading);
font-weight: 800;
font-size: 1.25rem;
border-top: 1px solid var(--color-border);
padding-top: var(--space-md);
} .woocommerce .coupon {
display: flex;
gap: var(--space-sm);
align-items: center;
}
.woocommerce .coupon input#coupon_code {
max-width: 200px;
} .woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
width: 100%;
margin-top: var(--space-md);
font-size: 1rem;
padding: 0.875rem 1.5rem;
}  .woocommerce-checkout .col2-set {
margin-bottom: var(--space-xl);
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-lg);
margin-bottom: var(--space-lg);
}
.woocommerce-checkout h3 {
font-size: 1.25rem;
margin-bottom: var(--space-lg);
padding-bottom: var(--space-sm);
border-bottom: 1px solid var(--color-border);
} .woocommerce form .form-row {
margin-bottom: var(--space-md);
}
.woocommerce form .form-row label {
color: var(--color-text);
font-family: var(--font-body);
font-weight: 500;
font-size: 0.875rem;
margin-bottom: var(--space-xs);
}
.woocommerce form .form-row .required {
color: var(--color-accent);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
color: var(--color-text);
padding: 0.75rem 1rem;
font-size: 1rem;
font-family: var(--font-body);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color: var(--color-accent);
box-shadow: 0 0 0 1px var(--color-accent-border);
outline: none;
} .select2-container--default .select2-selection--single {
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
height: auto;
padding: 0.625rem 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--color-text);
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.4;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 8px;
}
.select2-container--default .select2-results__option {
color: var(--color-text);
padding: 0.5rem 0.75rem;
}
.select2-dropdown {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--color-accent-fill);
color: #fff;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
background-color: var(--color-surface-2);
border: 1px solid var(--color-border);
color: var(--color-text);
padding: 0.5rem;
} .woocommerce-checkout #order_review {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-lg);
}
.woocommerce-checkout #order_review_heading {
font-size: 1.25rem;
margin-bottom: var(--space-md);
} .woocommerce-checkout #payment {
background-color: var(--color-surface) !important;
border-radius: var(--radius-md);
}
.woocommerce-checkout #payment ul.payment_methods {
list-style: none;
padding: 0;
border-bottom: 1px solid var(--color-border);
}
.woocommerce-checkout #payment ul.payment_methods li {
padding: var(--space-md);
border-bottom: 1px solid var(--color-border);
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
border-bottom: none;
}
.woocommerce-checkout #payment ul.payment_methods li label {
color: var(--color-text);
font-weight: 600;
cursor: pointer;
}
.woocommerce-checkout #payment div.payment_box {
background-color: var(--color-surface-2);
color: var(--color-text);
border-radius: var(--radius-sm);
padding: var(--space-md);
margin-top: var(--space-sm);
}
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: var(--color-surface-2);
}
.woocommerce-checkout #payment .place-order {
padding: var(--space-lg);
}
.woocommerce-checkout #payment #place_order {
width: 100%;
font-size: 1rem;
padding: 1rem 1.5rem;
} .woocommerce-account .woocommerce-MyAccount-navigation {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid var(--color-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: var(--space-md);
color: var(--color-text);
font-family: var(--font-heading);
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background-color: var(--color-surface-2);
color: var(--color-accent);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--color-accent-bg);
color: var(--color-accent);
border-left: 3px solid var(--color-accent);
} .woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-xl);
} .woocommerce-message,
.woocommerce-info {
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-left: 4px solid var(--color-accent);
border-radius: var(--radius-sm);
color: var(--color-text);
padding: var(--space-md) var(--space-lg);
margin-bottom: var(--space-lg);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--color-accent);
}
.woocommerce-message a,
.woocommerce-info a {
color: var(--color-accent);
}
.woocommerce-error {
background-color: var(--color-surface);
border: 1px solid rgba(239, 68, 68, 0.3);
border-left: 4px solid #EF4444;
border-radius: var(--radius-sm);
color: var(--color-text);
padding: var(--space-md) var(--space-lg);
margin-bottom: var(--space-lg);
list-style: none;
}
.woocommerce-error::before {
color: #EF4444;
}  .woocommerce .widget_price_filter .ui-slider {
background-color: var(--color-surface-2);
border-radius: 4px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--color-accent-fill);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--color-accent-fill);
border: 2px solid #fff;
border-radius: 50%;
top: -4px;
} .woocommerce .widget_product_categories ul {
list-style: none;
padding: 0;
}
.woocommerce .widget_product_categories ul li a {
color: var(--color-text);
text-decoration: none;
padding: var(--space-xs) 0;
display: block;
}
.woocommerce .widget_product_categories ul li a:hover {
color: var(--color-accent);
}
.woocommerce .widget_product_categories ul li .count {
color: var(--color-muted);
font-size: 0.875rem;
} .widget_shopping_cart .cart_list li {
padding: var(--space-sm) 0;
border-bottom: 1px solid var(--color-border);
}
.widget_shopping_cart .cart_list li a {
color: var(--color-text);
text-decoration: none;
font-weight: 500;
}
.widget_shopping_cart .cart_list li a:hover {
color: var(--color-accent);
}
.widget_shopping_cart .cart_list li img {
border-radius: var(--radius-sm);
border: 1px solid var(--color-border);
}
.widget_shopping_cart .total {
font-family: var(--font-heading);
font-weight: 700;
color: var(--color-text);
border-top: 1px solid var(--color-border);
padding-top: var(--space-sm);
}
.widget_shopping_cart .buttons a {
margin-bottom: var(--space-xs);
} @media (max-width: 768px) { .woocommerce div.product .product_title {
font-size: 1.5rem;
} .woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 1.375rem;
} .woocommerce table.shop_table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
padding: var(--space-md);
} .woocommerce div.product .woocommerce-tabs ul.tabs {
flex-wrap: wrap;
justify-content: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
white-space: nowrap;
padding: var(--space-sm) var(--space-md);
} .woocommerce div.product form.cart {
flex-wrap: wrap;
}
.woocommerce div.product form.cart .quantity {
width: 100%;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
width: 100%;
}
}
@media (max-width: 480px) { .woocommerce .cart_totals {
padding: var(--space-md);
} .woocommerce-checkout #order_review {
padding: var(--space-md);
}
} ul.products li.product-category {
text-align: center;
}
ul.products li.product-category a {
display: block;
}
ul.products li.product-category a img {
height: 180px;
object-fit: cover;
}
ul.products li.product-category h2.woocommerce-loop-category__title {
font-size: 1rem;
padding: var(--space-md);
margin: 0;
}
ul.products li.product-category h2.woocommerce-loop-category__title .count {
color: var(--color-muted);
font-size: 0.8125rem;
font-weight: 400;
} @media (max-width: 768px) { .mdf-page-shop .mdf-container {
padding-left: var(--space-md);
padding-right: var(--space-md);
}
.mdf-page-shop .mdf-page-header {
padding: var(--space-lg) 0 var(--space-md);
}
.mdf-page-shop .mdf-page-header__title {
font-size: 1.75rem;
}
.mdf-page-shop .mdf-page-header__subtitle {
font-size: 0.9375rem;
max-width: none;
} .mdf-shop-mobile-bar {
gap: var(--space-md);
}
.mdf-shop-mobile-bar__btn {
flex: 1;
justify-content: center;
} .woocommerce nav.woocommerce-pagination ul {
flex-wrap: wrap; gap: 4px;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
min-width: 32px;
margin: 0;
padding: 0 0.5rem;
line-height: 36px;
font-size: 0.8125rem;
} .woocommerce div.product div.images,
.woocommerce div.product div.summary {
float: none;
width: 100%;
}
.woocommerce-breadcrumb,
.woocommerce div.product div.summary {
text-align: center;
}
.mdf-product-brand {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 2px;
max-width: 100%;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
border-radius: var(--radius-md);
text-align: center;
}
.woocommerce div.product .product_title {
font-size: 1.5rem;
}
.woocommerce div.product form.cart {
flex-wrap: wrap;
justify-content: center;
}
.woocommerce div.product form.cart .variations {
width: 100%;
text-align: left;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
flex: 1 1 auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
justify-content: center;
}
.woocommerce div.product .woocommerce-tabs .panel {
text-align: left;
}
}
@media (max-width: 480px) { ul.products {
grid-template-columns: 1fr;
gap: var(--space-md);
}
ul.products li.product .woocommerce-loop-image-link {
aspect-ratio: 4 / 3;
padding: var(--space-md);
}
ul.products li.product .product-details {
padding: var(--space-md);
}
ul.products li.product .product-action-wrap .button {
padding: 0.75rem 1rem;
font-size: 0.8125rem;
}
}  body :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-text-input input[type],
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select .wc-blocks-components-select__select,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-textarea {
background-color: var(--color-surface-2);
border: 1px solid #3A3A3A;
border-radius: var(--radius-sm);
color: var(--color-text);
}
body :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-text-input input[type]:focus,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select .wc-blocks-components-select__select:focus,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-textarea:focus {
border-color: var(--color-accent);
box-shadow: 0 0 0 1px var(--color-accent);
outline: none;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-text-input label,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select .wc-blocks-components-select__label {
color: var(--color-muted);
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select .wc-blocks-components-select__container {
background: transparent;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select .wc-blocks-components-select__expand {
fill: var(--color-text);
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-blocks-components-select__select option {
background-color: var(--color-surface-2);
color: var(--color-text);
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100px var(--color-surface-2) inset;
-webkit-text-fill-color: var(--color-text);
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
background-color: var(--color-surface-2);
border: 1px solid #5A5A5A;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
background-color: var(--color-accent-fill);
border-color: var(--color-accent-fill);
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: #FFFFFF;
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-radio-control .wc-block-components-radio-control__input {
background-color: var(--color-surface-2);
border: 1px solid #5A5A5A;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border-color: var(--color-accent-fill);
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
background-color: var(--color-accent-fill);
}
.wp-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked::after,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option--checked-option-highlighted,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
border-color: var(--color-accent-border);
box-shadow: inset 0 0 0 1px var(--color-accent-border);
} .wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-container {
background-color: var(--color-surface);
border-radius: var(--radius-md);
}
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option {
background-color: transparent;
border: 1px solid transparent;
color: var(--color-muted);
}
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option--selected {
background-color: var(--color-surface-2);
border-color: var(--color-accent-fill);
box-shadow: none;
color: var(--color-text);
}
.wp-block-woocommerce-checkout .wc-block-checkout__shipping-method-option .wc-block-checkout__shipping-method-option-icon {
fill: currentColor;
} .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__quantity {
background-color: var(--color-accent-fill);
border: 0;
box-shadow: none;
color: #FFFFFF;
} .wp-block-woocommerce-cart .wc-block-components-quantity-selector {
width: 7.5rem;
background-color: var(--color-surface-2);
border: 1px solid #3A3A3A;
border-radius: var(--radius-sm);
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector::after {
border: 0;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
background: transparent;
border: 0;
color: var(--color-text);
flex: 1 1 auto;
min-width: 0;
padding: 0;
width: 2.5rem;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
background: transparent;
border: 0;
box-shadow: none;
color: var(--color-text);
letter-spacing: 0;
flex: 0 0 2.25rem;
min-width: 0;
padding: 0;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
color: var(--color-accent);
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button) {
background-color: var(--color-accent-fill);
border: 0;
border-radius: var(--radius-sm);
box-shadow: none;
color: #FFFFFF;
font-family: var(--font-heading);
font-size: 0.9375rem;
font-weight: 700;
letter-spacing: 0.05em;
min-height: 3rem;
padding: 0.75rem 1.5rem;
text-decoration: none;
text-transform: uppercase;
transition: background-color var(--transition-fast);
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button):hover,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button):focus-visible {
background-color: var(--color-accent-fill-hover);
color: #FFFFFF;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-button:not(.is-link):disabled {
opacity: 0.6;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-container {
padding-top: var(--space-md);
}
.wp-block-woocommerce-cart .wc-block-cart__submit {
padding-left: 0;
padding-right: 0;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button {
width: 100%;
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-button.is-link,
.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle,
.wp-block-woocommerce-checkout .wc-block-components-address-card__edit {
color: var(--color-accent);
letter-spacing: 0;
text-transform: none;
}
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
color: var(--color-muted);
}
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover {
color: var(--color-accent);
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-panel__button {
color: var(--color-text);
letter-spacing: 0;
text-transform: none;
}
.wp-block-woocommerce-checkout .wc-block-components-address-card {
background-color: var(--color-surface);
border-color: #3A3A3A;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
border-color: #3A3A3A;
} :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .wc-block-components-validation-error {
color: #FF6B5E;
}
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .has-error input,
:is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) .has-error select {
border-color: #FF6B5E;
} .single-product .product-title .kadence-breadcrumbs {
margin-top: 0;
} @media (max-width: 480px) {
.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row {
column-gap: var(--space-sm);
grid-template-columns: 64px minmax(0, 1fr) auto;
}
.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
padding-right: 0;
}
.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
grid-column: 2 / 3;
overflow-wrap: anywhere;
}
.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
grid-column: 3 / 4;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector {
width: 6.25rem;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
flex-basis: 2rem;
}
} .mdf-page-shop .content-container.site-container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) {
.woocommerce-cart .content-container.site-container,
.woocommerce-checkout .content-container.site-container {
padding-left: var(--space-md);
padding-right: var(--space-md);
}
} .wp-block-woocommerce-cart .wc-block-cart__submit-container--sticky {
display: none;
} .woocommerce div.product form.cart:not(.variations_form),
.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart {
gap: 0;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 var(--space-md) 0 0;
}
@media (max-width: 768px) {
.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart {
flex-wrap: wrap;
}
.woocommerce div.product form.cart div.quantity {
width: 100%;
margin: 0 0 var(--space-sm);
}
.woocommerce div.product form.cart .single_add_to_cart_button {
flex: 1 1 100%;
}
} .mdf-shop-search-cats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-sm);
margin: 0 0 var(--space-lg);
}
.mdf-shop-search-cats__label {
color: var(--color-muted);
font-size: 0.875rem;
}
.mdf-shop-search-cats__link {
padding: 0.4rem 0.85rem;
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-border);
border-radius: 999px;
color: var(--color-text);
font-size: 0.875rem;
text-decoration: none;
}
.mdf-shop-search-cats__link span {
color: var(--color-muted);
}
.mdf-shop-search-cats__link:hover {
border-color: var(--color-accent);
color: var(--color-accent);
}