:root {
--lwm-bg: #f5f7fb;
--lwm-surface: #ffffff;
--lwm-surface-strong: #eef3f8;
--lwm-text: #111827;
--lwm-muted: #64748b;
--lwm-line: #d9e2ec;
--lwm-primary: #005baa;
--lwm-primary-dark: #003f7d;
--lwm-accent: #00a88f;
--lwm-warn: #f59e0b;
--lwm-shadow: 0 20px 50px rgba(15, 23, 42, .08);
--lwm-radius: 8px;
--lwm-max: 1320px;
}
* {
box-sizing: border-box;
}
body.lwm-theme {
margin: 0;
background: var(--lwm-bg);
color: var(--lwm-text);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.55;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.lwm-site-header {
position: sticky;
top: 0;
z-index: 100000;
background: rgba(255, 255, 255, .92);
border-bottom: 1px solid rgba(217, 226, 236, .9);
box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
backdrop-filter: blur(18px);
}
.lwm-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
max-width: var(--lwm-max);
margin: 0 auto;
padding: 5px 24px 8px;
color: var(--lwm-muted);
font-size: 13px;
}
.lwm-header-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px 28px;
max-width: var(--lwm-max);
margin: 0 auto;
padding: 6px 24px;
border-top: 1px solid rgba(217, 226, 236, .72);
}
.lwm-brand {
display: inline-flex;
align-items: center;
justify-self: end;
min-width: 0;
margin-left: auto;
transform: none;
}
.lwm-brand-logo {
display: block;
width: auto;
height: clamp(96px, 8vw, 118px);
object-fit: contain;
}
body.lwm-theme .lwm-site-header .lwm-header-inner {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
body.lwm-theme .lwm-site-header .lwm-brand-logo {
display: block !important;
width: auto !important;
max-width: none !important;
height: 118px !important;
max-height: 118px !important;
object-fit: contain !important;
} .lwm-primary-nav {
justify-self: center;
padding-top: 0;
border-top: 0;
}
.lwm-menu {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.lwm-menu a {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 12px;
border-radius: var(--lwm-radius);
color: #334155;
font-size: 14px;
font-weight: 650;
}
.lwm-menu a:hover,
.lwm-menu .current-menu-item > a {
background: var(--lwm-surface-strong);
color: var(--lwm-primary-dark);
}
.lwm-header-actions {
justify-self: end;
width: 100%;
justify-content: flex-end;
display: flex;
align-items: center;
gap: 12px;
}
.lwm-search {
position: relative;
display: block;
flex: 0 1 360px;
width: min(32vw, 360px);
height: 44px;
margin: 0;
}
.lwm-search label {
display: block;
height: 100%;
margin: 0;
}
.lwm-search input[type="search"] {
display: block;
width: 100%;
height: 44px;
min-height: 44px;
padding: 0 48px 0 16px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-bg);
color: var(--lwm-text);
font: inherit;
outline: none;
}
.lwm-search input[type="search"]:focus {
border-color: var(--lwm-primary);
box-shadow: 0 0 0 4px rgba(0, 91, 170, .12);
}
.lwm-search button {
position: absolute;
top: 7px;
right: 7px;
width: 30px;
height: 30px;
border: 0;
border-radius: 6px;
background: var(--lwm-primary);
cursor: pointer;
}
.lwm-search button::before {
content: "";
position: absolute;
inset: 8px;
border: 2px solid #fff;
border-radius: 50%;
}
.lwm-search button::after {
content: "";
position: absolute;
right: 7px;
bottom: 7px;
width: 8px;
height: 2px;
background: #fff;
transform: rotate(45deg);
}
.lwm-account-link {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
min-height: 44px;
padding: 0 14px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
color: var(--lwm-primary-dark);
font-size: 14px;
font-weight: 800;
white-space: nowrap;
}
.lwm-account-link:hover {
border-color: var(--lwm-primary);
color: var(--lwm-primary);
}
.lwm-cart-link {
position: relative;
display: inline-grid;
flex: 0 0 44px;
place-items: center;
width: 44px;
height: 44px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.lwm-cart-icon {
width: 20px;
height: 18px;
border: 2px solid var(--lwm-primary-dark);
border-top: 0;
border-radius: 0 0 5px 5px;
}
.lwm-cart-icon::before {
content: "";
position: absolute;
top: 12px;
left: 15px;
width: 14px;
height: 8px;
border: 2px solid var(--lwm-primary-dark);
border-bottom: 0;
border-radius: 10px 10px 0 0;
}
.lwm-cart-count {
position: absolute;
top: -7px;
right: -7px;
display: grid;
place-items: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border: 2px solid #fff;
border-radius: 999px;
background: var(--lwm-accent);
color: #fff;
font-size: 12px;
font-weight: 800;
}
.lwm-menu-toggle {
display: none;
width: 44px;
height: 44px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.lwm-menu-toggle span:not(.screen-reader-text) {
display: block;
width: 18px;
height: 2px;
margin: 4px auto;
background: var(--lwm-text);
}
.lwm-site-main {
min-height: 70vh;
}
.lwm-hero {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
align-items: end;
gap: 40px;
max-width: var(--lwm-max);
min-height: 520px;
margin: 0 auto;
padding: 72px 24px 44px;
}
.lwm-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--lwm-primary);
font-size: 13px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.lwm-kicker::before {
content: "";
width: 28px;
height: 2px;
background: var(--lwm-accent);
}
.lwm-hero h1 {
max-width: 760px;
margin: 14px 0 18px;
color: var(--lwm-text);
font-size: clamp(42px, 7vw, 78px);
line-height: .98;
letter-spacing: 0;
}
.lwm-hero p {
max-width: 680px;
margin: 0;
color: #475569;
font-size: 19px;
}
.lwm-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 30px;
}
.lwm-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 12px 18px;
border: 0;
border-radius: var(--lwm-radius);
background: var(--lwm-primary);
color: #fff;
font-weight: 800;
line-height: 1.1;
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.lwm-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.single_add_to_cart_button:hover {
background: var(--lwm-primary-dark);
color: #fff;
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(0, 91, 170, .2);
}
.lwm-button--ghost {
border: 1px solid var(--lwm-line);
background: #fff;
color: var(--lwm-text);
}
.lwm-button--ghost:hover {
background: var(--lwm-surface-strong);
color: var(--lwm-text);
box-shadow: none;
}
.lwm-hero-panel {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
overflow: hidden;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-line);
box-shadow: var(--lwm-shadow);
}
.lwm-hero-panel div {
min-height: 150px;
padding: 24px;
background: var(--lwm-surface);
}
.lwm-hero-panel strong {
display: block;
color: var(--lwm-primary-dark);
font-size: 30px;
line-height: 1;
}
.lwm-hero-panel span {
display: block;
margin-top: 10px;
color: var(--lwm-muted);
font-size: 14px;
}
.lwm-category-strip,
.lwm-featured-products,
.lwm-page,
.lwm-shop-layout {
max-width: var(--lwm-max);
margin: 0 auto;
padding-right: 24px;
padding-left: 24px;
}
.lwm-category-strip {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
padding-top: 10px;
padding-bottom: 42px;
}
.lwm-category-strip a {
display: flex;
align-items: center;
min-height: 74px;
padding: 16px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
color: var(--lwm-text);
font-weight: 800;
box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}
.lwm-category-strip a:hover {
border-color: rgba(0, 91, 170, .45);
color: var(--lwm-primary-dark);
}
.lwm-featured-products {
padding-bottom: 64px;
}
.lwm-promotion-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.lwm-promotion-card {
display: grid;
grid-template-rows: auto 1fr;
overflow: hidden;
min-height: 100%;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lwm-promotion-card:hover {
border-color: rgba(0, 91, 170, .45);
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(15, 23, 42, .09);
}
.lwm-promotion-card__media {
position: relative;
display: grid;
place-items: center;
min-height: 210px;
padding: 18px;
background: #f8fafc;
}
.lwm-promotion-card__media img {
width: 100%;
max-height: 190px;
object-fit: contain;
}
.lwm-promotion-card__tag {
position: absolute;
top: 14px;
left: 14px;
display: inline-flex;
min-height: 26px;
align-items: center;
padding: 5px 9px;
border-radius: 999px;
background: var(--lwm-warn);
color: #111827;
font-size: 12px;
font-weight: 900;
}
.lwm-promotion-card__body {
display: grid;
gap: 12px;
padding: 16px;
}
.lwm-promotion-card__title {
min-height: 44px;
color: var(--lwm-text);
font-size: 15px;
font-weight: 850;
line-height: 1.25;
}
.lwm-promotion-card__title:hover {
color: var(--lwm-primary-dark);
}
.lwm-promotion-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
color: var(--lwm-muted);
font-size: 12px;
font-weight: 750;
}
.lwm-promotion-card__meta span {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 4px 8px;
border-radius: 999px;
background: var(--lwm-surface-strong);
}
.lwm-promotion-card__meta .is-available {
background: rgba(0, 168, 143, .12);
color: #006b5c;
}
.lwm-promotion-card__meta .is-request {
background: rgba(220, 38, 38, .1);
color: #991b1b;
}
.lwm-promotion-card__footer {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 12px;
margin-top: auto;
}
.lwm-promotion-card__price {
color: var(--lwm-primary-dark);
font-size: 17px;
font-weight: 900;
}
.lwm-promotion-card__price small {
display: block;
margin-top: 2px;
color: var(--lwm-muted);
font-size: 11px;
font-weight: 750;
}
.lwm-promotion-card__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 12px;
border-radius: 6px;
background: var(--lwm-primary);
color: #fff;
font-size: 13px;
font-weight: 850;
}
.lwm-promotion-card__button:hover {
background: var(--lwm-primary-dark);
color: #fff;
}
.lwm-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 24px;
margin-bottom: 22px;
}
.lwm-section-heading h2,
.woocommerce-products-header__title,
.lwm-content-card h1 {
margin: 0;
color: var(--lwm-text);
font-size: clamp(30px, 4vw, 44px);
line-height: 1.06;
letter-spacing: 0;
}
.lwm-shop-layout {
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 28px;
padding-top: 34px;
padding-bottom: 70px;
}
.lwm-shop-layout:not(:has(.lwm-shop-sidebar)) {
grid-template-columns: minmax(0, 1fr);
}
.lwm-shop-layout--single {
grid-template-columns: minmax(0, 1fr);
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}
.lwm-shop-sidebar,
.lwm-content-card {
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
box-shadow: 0 14px 30px rgba(15, 23, 42, .04);
}
.lwm-shop-sidebar {
position: sticky;
top: 116px;
align-self: start;
padding: 18px;
}
.lwm-filter-widget + .lwm-filter-widget {
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid var(--lwm-line);
}
.lwm-filter-widget h3 {
margin: 0 0 12px;
font-size: 15px;
}
.lwm-product-filters {
display: grid;
gap: 0;
}
.lwm-product-filters label {
display: grid;
gap: 6px;
color: var(--lwm-muted);
font-size: 13px;
font-weight: 700;
}
.lwm-product-filters input,
.lwm-product-filters select {
width: 100%;
min-height: 42px;
padding: 8px 10px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
background: #fff;
color: var(--lwm-text);
font: inherit;
}
.lwm-product-filters input:focus,
.lwm-product-filters select:focus {
border-color: var(--lwm-primary);
outline: 0;
box-shadow: 0 0 0 3px rgba(0, 91, 170, .12);
}
.lwm-filter-range {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.lwm-filter-actions {
display: grid;
gap: 10px;
margin-top: 22px;
}
.lwm-filter-actions button,
.lwm-filter-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
border-radius: 6px;
font-weight: 800;
}
.lwm-filter-actions button {
border: 0;
background: var(--lwm-primary);
color: #fff;
cursor: pointer;
}
.lwm-filter-actions button:hover {
background: var(--lwm-primary-dark);
}
.lwm-filter-actions a {
border: 1px solid var(--lwm-line);
color: var(--lwm-muted);
}
.lwm-content-card {
margin: 48px auto;
padding: 34px;
}
.lwm-page-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 26px;
}
.lwm-page-actions .lwm-button {
min-width: 190px;
}
.lwm-faq-list {
display: grid;
gap: 12px;
margin-top: 28px;
}
.lwm-faq-item {
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: #fff;
box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}
.lwm-faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 16px 18px;
color: var(--lwm-primary-dark);
font-weight: 850;
cursor: pointer;
}
.lwm-faq-item summary::after {
content: "+";
flex: 0 0 auto;
color: var(--lwm-primary);
font-size: 20px;
line-height: 1;
}
.lwm-faq-item[open] summary::after {
content: "-";
}
.lwm-faq-item p {
margin: 0;
padding: 0 18px 18px;
color: var(--lwm-muted);
}
.lwm-contact-form {
display: grid;
gap: 18px;
margin-top: 24px;
}
.lwm-contact-form__intro {
margin: 0;
color: var(--lwm-muted);
}
.lwm-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.lwm-form-field {
display: grid;
gap: 7px;
color: var(--lwm-muted);
font-size: 14px;
font-weight: 750;
}
.lwm-form-field input,
.lwm-form-field textarea {
width: 100%;
min-height: 46px;
padding: 10px 12px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
background: #fff;
color: var(--lwm-text);
font: inherit;
}
.lwm-form-field textarea {
min-height: 150px;
resize: vertical;
}
.lwm-form-field input:focus,
.lwm-form-field textarea:focus {
border-color: var(--lwm-primary);
outline: 0;
box-shadow: 0 0 0 3px rgba(0, 91, 170, .12);
}
.lwm-form-field--check {
display: flex;
gap: 10px;
align-items: flex-start;
color: var(--lwm-text);
font-weight: 650;
}
.lwm-form-field--check input {
width: 18px;
min-width: 18px;
height: 18px;
min-height: 18px;
margin-top: 3px;
}
.lwm-form-field--check a {
color: var(--lwm-primary-dark);
text-decoration: underline;
text-underline-offset: 3px;
}
.lwm-form-field--trap {
position: absolute;
left: -9999px;
}
.lwm-form-message {
padding: 12px 14px;
border-radius: 6px;
font-weight: 700;
}
.lwm-form-message p {
margin: 0;
}
.lwm-form-message p + p {
margin-top: 6px;
}
.lwm-form-message--success {
border: 1px solid rgba(0, 168, 143, .3);
background: rgba(0, 168, 143, .1);
color: #006b5c;
}
.lwm-form-message--error {
border: 1px solid rgba(220, 38, 38, .3);
background: rgba(220, 38, 38, .08);
color: #991b1b;
}
.woocommerce-breadcrumb {
margin: 0 0 18px;
color: var(--lwm-muted);
font-size: 13px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin-bottom: 18px;
}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty {
min-height: 44px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: #fff;
color: var(--lwm-text);
font: inherit;
}
.lwm-product-grid-shell {
clear: both;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
margin: 0;
padding: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
position: relative;
float: none;
width: auto !important;
min-height: 100%;
margin: 0 !important;
padding: 14px 14px 18px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.woocommerce ul.products li.product:hover {
border-color: rgba(0, 91, 170, .45);
transform: translateY(-2px);
box-shadow: 0 20px 44px rgba(15, 23, 42, .09);
}
.woocommerce ul.products li.product a img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
margin: 0 0 14px;
padding: 16px;
border-radius: 6px;
background: #f8fafc;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
min-height: 48px;
padding: 0;
color: var(--lwm-text);
font-size: 15px;
font-weight: 800;
line-height: 1.25;
}
.woocommerce ul.products li.product .price {
margin: 10px 0 14px;
color: var(--lwm-primary-dark);
font-size: 18px;
font-weight: 900;
}
.woocommerce ul.products li.product .button {
width: 100%;
margin-top: auto;
} .woocommerce div.product.outofstock div.images .woocommerce-product-gallery__image {
position: relative;
}
.woocommerce ul.products li.product.outofstock::after,
.woocommerce div.product.outofstock div.images .woocommerce-product-gallery__image::after {
content: "Nicht vorrätig";
position: absolute;
inset: 50% auto auto 50%;
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 190px;
min-height: 44px;
padding: 10px 18px;
border: 2px solid rgba(185, 28, 28, .72);
border-radius: 7px;
background: rgba(255, 255, 255, .86);
color: #991b1b;
font-size: 18px;
font-weight: 950;
letter-spacing: .03em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(15, 23, 42, .18);
transform: translate(-50%, -50%) rotate(-14deg);
pointer-events: none;
}
.woocommerce ul.products li.product.outofstock::after {
top: 118px;
}
.woocommerce ul.products li.product.outofstock a.woocommerce-LoopProduct-link img,
.woocommerce div.product.outofstock div.images .woocommerce-product-gallery__image img {
filter: grayscale(.18) opacity(.72);
}
.woocommerce ul.products li.product.outofstock .button,
.woocommerce ul.products li.product.outofstock a.button,
.woocommerce ul.products li.product.outofstock .add_to_cart_button {
border-color: #cbd5e1 !important;
background: #e5e7eb !important;
color: #64748b !important;
cursor: not-allowed;
opacity: .78;
box-shadow: none !important;
pointer-events: none;
}
.woocommerce ul.products li.product.outofstock:hover {
transform: none;
}
.lwm-product-badge {
position: absolute;
top: 22px;
left: 22px;
z-index: 2;
display: inline-flex;
min-height: 26px;
align-items: center;
padding: 5px 8px;
border-radius: 999px;
background: var(--lwm-warn);
color: #111827;
font-size: 12px;
font-weight: 900;
}
.lwm-product-badge--stock {
background: rgba(0, 168, 143, .12);
color: #006b5c;
}
.woocommerce span.onsale {
display: none;
}
.woocommerce div.product {
display: grid;
grid-template-columns: minmax(340px, 460px) minmax(620px, 760px);
gap: 30px;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
float: none;
width: auto;
}
.woocommerce div.product div.summary {
min-width: 0;
max-width: 760px;
overflow: visible;
}
.woocommerce div.product div.images {
position: relative;
justify-self: end;
width: min(100%, 460px);
min-width: 340px;
padding: 18px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
overflow: hidden;
border-radius: 7px;
background: #f8fafc;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
position: relative;
display: grid;
place-items: center;
aspect-ratio: 1 / 1;
min-height: 320px;
cursor: zoom-in;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a::after {
content: "Großansicht öffnen";
position: absolute;
right: 12px;
bottom: 12px;
padding: 7px 10px;
border-radius: 6px;
background: rgba(15, 23, 42, .78);
color: #fff;
font-size: 12px;
font-weight: 800;
opacity: 0;
transform: translateY(4px);
transition: opacity .18s ease, transform .18s ease;
pointer-events: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a:hover::after,
.woocommerce div.product div.images .woocommerce-product-gallery__image a:focus-visible::after {
opacity: 1;
transform: translateY(0);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
width: 100%;
height: 100%;
max-height: 640px;
object-fit: contain;
padding: 18px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 30px;
right: 30px;
z-index: 5;
width: 42px;
height: 42px;
border: 1px solid var(--lwm-line);
border-radius: 50%;
background: #fff;
box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}
.woocommerce div.product div.images .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: 14px 0 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: auto !important;
margin: 0 !important;
float: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
padding: 8px;
border: 1px solid var(--lwm-line);
border-radius: 7px;
background: #f8fafc;
opacity: .62;
transition: border-color .18s ease, opacity .18s ease, box-shadow .18s ease;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
border-color: var(--lwm-primary);
box-shadow: 0 0 0 3px rgba(0, 91, 170, .1);
opacity: 1;
}
.lwm-gallery-modal {
position: fixed;
inset: 0;
z-index: 2147483000;
display: none;
place-items: center;
padding: 24px;
}
.lwm-gallery-modal.is-open {
display: grid;
}
.lwm-gallery-modal-open {
overflow: hidden;
}
.lwm-gallery-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, .82);
backdrop-filter: blur(6px);
}
.lwm-gallery-modal__dialog {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 54px minmax(0, 1fr) 54px;
grid-template-rows: minmax(0, 1fr) auto;
gap: 14px;
width: min(1120px, 100%);
max-height: calc(100vh - 48px);
padding: 18px;
border: 1px solid rgba(226, 232, 240, .22);
border-radius: 8px;
background: #fff;
box-shadow: 0 28px 80px rgba(0, 0, 0, .35);
}
.lwm-gallery-modal__figure {
grid-column: 2;
min-width: 0;
min-height: 0;
margin: 0;
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
gap: 12px;
}
.lwm-gallery-modal__image {
display: block;
width: 100%;
height: min(68vh, 720px);
object-fit: contain;
border-radius: 7px;
background: #f8fafc;
}
.lwm-gallery-modal__caption {
min-height: 20px;
color: var(--lwm-muted);
font-size: 14px;
font-weight: 800;
text-align: center;
}
.lwm-gallery-modal__close,
.lwm-gallery-modal__nav,
.lwm-gallery-modal__thumb {
border: 1px solid var(--lwm-line);
background: #fff;
color: var(--lwm-primary-dark);
cursor: pointer;
}
.lwm-gallery-modal__close {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
display: inline-grid;
place-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 26px;
line-height: 1;
box-shadow: 0 10px 24px rgba(15, 23, 42, .14);
}
.lwm-gallery-modal__nav {
align-self: center;
display: inline-grid;
place-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
font-size: 42px;
line-height: 1;
box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}
.lwm-gallery-modal__nav--prev {
grid-column: 1;
grid-row: 1;
}
.lwm-gallery-modal__nav--next {
grid-column: 3;
grid-row: 1;
}
.lwm-gallery-modal__close:hover,
.lwm-gallery-modal__nav:hover,
.lwm-gallery-modal__thumb:hover,
.lwm-gallery-modal__thumb.is-active {
border-color: var(--lwm-primary);
color: var(--lwm-primary);
box-shadow: 0 0 0 3px rgba(0, 91, 170, .1);
}
.lwm-gallery-modal__thumbs {
grid-column: 1 / -1;
display: flex;
gap: 10px;
overflow-x: auto;
padding: 4px 2px 2px;
}
.lwm-gallery-modal__thumb {
flex: 0 0 82px;
width: 82px;
height: 70px;
padding: 6px;
border-radius: 7px;
}
.lwm-gallery-modal__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.woocommerce div.product .product_title {
margin: 0 0 12px;
width: 100%;
max-width: none;
font-size: clamp(30px, 3.2vw, 46px);
line-height: 1.08;
letter-spacing: 0;
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--lwm-primary-dark);
font-size: 28px;
font-weight: 900;
}
.woocommerce div.product form.cart {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: flex-start;
max-width: 760px;
margin-top: 24px;
}
.woocommerce div.product .ppcp-messages,
.woocommerce div.product .ppc-button-wrapper,
.woocommerce div.product #ppc-button-ppcp-gateway {
position: relative;
z-index: 1;
}
.woocommerce div.product .ppc-button-wrapper iframe {
z-index: 1 !important;
}
body.single-product .ppcp-messages,
body.single-product .ppc-button-wrapper,
body.single-product #ppc-button-ppcp-gateway,
body.woocommerce-cart .ppcp-messages,
body.woocommerce-cart .ppc-button-wrapper,
body.woocommerce-cart #ppc-button-ppcp-gateway {
display: none !important;
}
.lwm-shop-layout--single .woocommerce-notices-wrapper {
width: min(var(--lwm-max), calc(100vw - 48px));
max-width: none;
margin-right: auto;
margin-left: auto;
}
.woocommerce div.product .woocommerce-tabs {
grid-column: 1 / -1;
width: min(var(--lwm-max), calc(100vw - 48px));
max-width: none;
min-width: 0;
margin-right: auto;
margin-left: auto;
clear: both;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
gap: 8px;
margin: 44px 0 0;
padding: 0;
border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-color: var(--lwm-primary);
background: var(--lwm-surface-strong);
}
.woocommerce div.product .woocommerce-tabs .panel {
overflow-x: auto;
padding: 26px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.woocommerce div.product .woocommerce-tabs .panel table {
width: 100%;
min-width: 860px;
border-collapse: collapse;
}
.woocommerce div.product .woocommerce-tabs .panel table td,
.woocommerce div.product .woocommerce-tabs .panel table th {
padding: 10px 12px;
border-bottom: 1px solid var(--lwm-line);
vertical-align: top;
}
.woocommerce div.product .woocommerce-tabs .panel table td:first-child,
.woocommerce div.product .woocommerce-tabs .panel table th:first-child {
width: 32%;
color: var(--lwm-muted);
font-weight: 800;
}
.woocommerce div.product .woocommerce-tabs .panel table tr:last-child td,
.woocommerce div.product .woocommerce-tabs .panel table tr:last-child th {
border-bottom: 0;
}
.lwm-b2b-shop-notice,
.lwm-b2b-product-note,
.lwm-b2b-registration-note {
border: 1px solid rgba(0, 91, 170, .2);
border-radius: var(--lwm-radius);
background: rgba(0, 91, 170, .06);
color: #1e3a5f;
font-size: 14px;
font-weight: 700;
}
.lwm-b2b-shop-notice {
margin: 0 0 18px;
padding: 12px 14px;
}
.lwm-b2b-product-note {
margin: -6px 0 18px;
padding: 12px 14px;
}
.lwm-b2b-registration-note {
margin: 10px 0 16px;
padding: 10px 12px;
}
.woocommerce table.shop_table,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.woocommerce-info,
.woocommerce-message {
border-top-color: var(--lwm-primary);
}
.woocommerce-error {
border-top-color: #dc2626;
}
.lwm-seo-product-gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 28px 0 34px;
}
.lwm-seo-product-card {
overflow: hidden;
margin: 0;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: #fff;
}
.lwm-seo-product-card img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
padding: 18px;
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.lwm-seo-product-card figcaption {
padding: 12px 14px 14px;
border-top: 1px solid var(--lwm-line);
color: var(--lwm-muted);
font-size: 14px;
font-weight: 800;
}
.lwm-site-footer {
border-top: 1px solid rgba(148, 163, 184, .22);
background: #111827;
color: #e5e7eb;
}
.lwm-footer-inner {
display: grid;
grid-template-columns: minmax(240px, .9fr) minmax(0, 2.4fr);
gap: 42px;
max-width: var(--lwm-max);
margin: 0 auto;
padding: 44px 24px 30px;
}
.lwm-footer-brand {
display: grid;
align-content: start;
gap: 12px;
max-width: 340px;
}
.lwm-footer-kicker {
color: #93c5fd;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.lwm-footer-brand strong {
color: #fff;
font-size: 20px;
line-height: 1.2;
}
.lwm-footer-brand p {
margin: 0;
color: #cbd5e1;
line-height: 1.65;
}
.lwm-footer-cta {
justify-self: start;
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 12px;
border: 1px solid rgba(147, 197, 253, .38);
border-radius: 7px;
color: #dbeafe;
font-weight: 900;
}
.lwm-footer-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
.lwm-footer-column {
min-width: 0;
}
.lwm-footer-column h2 {
margin: 0 0 12px;
color: #f8fafc;
font-size: 13px;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
}
.lwm-footer-column .lwm-footer-menu,
.lwm-footer-menu--custom {
display: grid;
align-items: start;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.lwm-footer-column .lwm-footer-menu li,
.lwm-footer-menu--custom li {
margin: 0;
padding: 0;
list-style: none;
}
.lwm-footer-menu a {
color: #cbd5e1;
font-size: 14px;
line-height: 1.35;
}
.lwm-footer-menu a:hover,
.lwm-footer-cta:hover,
.lwm-footer-bottom a:hover {
color: #fff;
}
.lwm-footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
max-width: var(--lwm-max);
margin: 0 auto;
padding: 16px 24px 22px;
border-top: 1px solid rgba(148, 163, 184, .18);
}
.lwm-footer-bottom p {
margin: 0;
color: #94a3b8;
font-size: 13px;
}
.lwm-footer-bottom a {
color: #cbd5e1;
font-size: 13px;
font-weight: 900;
}
.lwm-footer-bottom .lwm-footer-subtle-link {
color: rgba(203, 213, 225, .56);
font-size: 12px;
font-weight: 600;
}
@media (max-width: 1100px) {
.lwm-footer-inner {
grid-template-columns: 1fr;
gap: 28px;
}
.lwm-footer-brand {
max-width: 620px;
}
.lwm-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lwm-header-inner {
grid-template-columns: auto minmax(0, 1fr) auto;
}
.lwm-menu-toggle {
display: block;
}
.lwm-primary-nav {
position: absolute;
top: 100%;
right: 24px;
left: 24px;
display: none;
padding: 12px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
box-shadow: var(--lwm-shadow);
}
.lwm-primary-nav.is-open {
display: block;
}
.lwm-menu {
display: grid;
gap: 4px;
}
.lwm-header-actions {
grid-column: 3;
justify-content: end;
}
.lwm-search {
width: min(44vw, 360px);
}
.lwm-hero,
.woocommerce div.product,
.lwm-shop-layout {
grid-template-columns: 1fr;
}
.lwm-shop-layout--single {
max-width: var(--lwm-max);
margin-right: auto;
margin-left: auto;
}
.woocommerce div.product .woocommerce-tabs,
.lwm-shop-layout--single .woocommerce-notices-wrapper {
width: 100%;
margin-left: 0;
}
.woocommerce div.product div.images {
justify-self: stretch;
width: auto;
min-width: 0;
}
.lwm-shop-sidebar {
position: static;
}
.woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lwm-promotion-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.lwm-gallery-modal {
padding: 10px;
}
.lwm-gallery-modal__dialog {
grid-template-columns: 44px minmax(0, 1fr) 44px;
gap: 10px;
max-height: calc(100vh - 20px);
padding: 12px;
}
.lwm-gallery-modal__image {
height: min(62vh, 560px);
}
.lwm-gallery-modal__nav {
width: 44px;
height: 44px;
font-size: 34px;
}
.lwm-gallery-modal__close {
top: 8px;
right: 8px;
width: 36px;
height: 36px;
}
.lwm-gallery-modal__thumb {
flex-basis: 68px;
width: 68px;
height: 58px;
}
.lwm-footer-inner {
padding: 34px 16px 24px;
}
.lwm-footer-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.lwm-footer-bottom {
display: grid;
gap: 8px;
padding-right: 16px;
padding-left: 16px;
}
.lwm-seo-product-gallery {
grid-template-columns: 1fr;
gap: 12px;
}
body.lwm-theme .lwm-seo-product-card img {
aspect-ratio: 16 / 10;
padding: 14px;
}
.lwm-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 6px 16px;
}
.lwm-topbar span {
font-size: 12px;
line-height: 1.3;
}
.lwm-header-inner {
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 10px;
padding: 6px 16px;
}
.lwm-header-actions {
grid-column: 3;
width: auto;
display: contents;
}
.lwm-account-link {
height: 40px;
min-height: 40px;
padding: 0 10px;
font-size: 13px;
}
.lwm-search {
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
}
.lwm-brand-logo {
height: 68px;
}
body.lwm-theme .lwm-site-header .lwm-brand-logo {
height: 68px !important;
max-height: 68px !important;
}
.lwm-hero {
min-height: auto;
padding: 46px 16px 28px;
}
.lwm-hero h1 {
font-size: 42px;
}
.lwm-hero p {
font-size: 17px;
}
.lwm-hero-panel,
.lwm-category-strip,
.lwm-form-grid,
.lwm-promotion-grid,
.woocommerce ul.products {
grid-template-columns: 1fr;
}
.lwm-category-strip,
.lwm-featured-products,
.lwm-page,
.lwm-shop-layout {
padding-right: 16px;
padding-left: 16px;
}
.lwm-footer-inner,
.lwm-footer-menu {
display: grid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: grid;
}
}
.woocommerce-coming-soon-header img,
.woocommerce-coming-soon-header .custom-logo,
.wp-site-blocks header img,
.wp-site-blocks .wp-block-site-logo img {
max-height: 92px;
width: auto;
}
.woocommerce-coming-soon-header {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.woocommerce-coming-soon-header .wp-block-site-title {
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: 1.2 !important;
}
.woocommerce-coming-soon-header .wp-block-social-links {
font-size: 20px !important;
}
.woocommerce-coming-soon-header .wp-block-loginout {
padding: 8px 12px !important;
}
@media (max-width: 760px) { .woocommerce div.product div.images {
padding: 12px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
min-height: 260px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
padding: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 20px;
right: 20px;
} .lwm-primary-nav {
justify-self: center;
padding-top: 0;
border-top: 0;
}
.lwm-menu a {
min-height: 44px;
padding: 10px 12px;
font-size: 15px;
}
.woocommerce div.product .woocommerce-tabs {
margin-top: 28px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
gap: 6px;
margin-top: 26px;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 14px;
font-size: 14px;
line-height: 1.55;
}
.woocommerce div.product .woocommerce-tabs .panel table {
min-width: 0;
font-size: 13px;
}
.woocommerce div.product .woocommerce-tabs .panel table tr {
display: grid;
gap: 5px;
padding: 10px 0;
border-bottom: 1px solid var(--lwm-line);
}
.woocommerce div.product .woocommerce-tabs .panel table td,
.woocommerce div.product .woocommerce-tabs .panel table th {
display: block;
width: 100% !important;
padding: 0;
border-bottom: 0;
overflow-wrap: anywhere;
}
}
.lwm-product-delivery-note {
display: inline-flex;
align-items: center;
min-height: 38px;
margin: 12px 0 0;
padding: 9px 12px;
border: 1px solid rgba(180, 83, 9, .25);
border-radius: 6px;
background: rgba(251, 191, 36, .14);
color: #92400e;
font-weight: 800;
}
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-content a[href*="add-payment-method"] {
display: none !important;
}
.woocommerce-Address-title a,
.lwm-address-actions .button,
.lwm-shipping-address-form .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 9px 14px;
border: 1px solid var(--lwm-primary);
border-radius: 6px;
background: var(--lwm-primary);
color: #fff !important;
font-weight: 800;
text-decoration: none;
}
.lwm-address-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
margin: 18px 0 24px;
}
.lwm-address-card,
.lwm-shipping-address-form {
padding: 16px;
border: 1px solid var(--lwm-line);
border-radius: 8px;
background: #fff;
}
.lwm-address-card h3,
.lwm-shipping-address-form h3 {
margin-top: 0;
}
.lwm-address-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 0;
}
.lwm-address-actions .lwm-button-secondary {
border-color: #dc8a8a !important;
background: #b94a48 !important;
color: #fff !important;
}
.lwm-address-actions .lwm-button-secondary:hover,
.lwm-address-actions .lwm-button-secondary:focus {
border-color: #a94442 !important;
background: #a94442 !important;
color: #fff !important;
}
.lwm-shipping-address-form input,
.lwm-shipping-address-form select,
.woocommerce-checkout select[name="lwm_saved_shipping_address"] {
width: 100%;
min-height: 42px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
padding: 8px 10px;
} .woocommerce-account .woocommerce-Address-title {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
margin-right: auto;
}
.woocommerce-account .woocommerce-Address-title a.edit,
.woocommerce-account .woocommerce-Address-title a {
position: static !important;
float: none !important;
opacity: 1 !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
min-width: 128px;
background: var(--lwm-primary) !important;
border-color: var(--lwm-primary) !important;
color: #fff !important;
line-height: 1.2;
}
.lwm-payment-methods-notice {
margin-bottom: 18px;
}
.lwm-shipping-address-form .lwm-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 16px;
}
.lwm-shipping-address-form .lwm-shipping-address-field {
display: block !important;
margin: 0;
}
.lwm-shipping-address-form .lwm-shipping-address-field--company,
.lwm-shipping-address-form .lwm-shipping-address-field--address_1,
.lwm-shipping-address-form .lwm-shipping-address-field--address_2 {
grid-column: 1 / -1;
}
.lwm-shipping-address-form .lwm-shipping-address-field--company label {
font-weight: 800;
}
@media (max-width: 640px) {
.lwm-shipping-address-form .lwm-form-grid {
grid-template-columns: 1fr;
}
}
.lwm-b2b-cart-page,
.lwm-b2b-checkout-page {
max-width: var(--lwm-max);
margin: 0 auto;
padding: 28px 24px 48px;
}
.lwm-b2b-cart-intro,
.lwm-b2b-checkout-intro {
margin: 0 0 22px;
padding: 18px 20px;
border: 1px solid #bfd7f3;
border-radius: 8px;
background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
color: #173b66;
}
.lwm-b2b-cart-intro h1,
.lwm-b2b-checkout-intro h1 {
margin: 0 0 8px;
color: var(--lwm-ink);
font-size: clamp(26px, 4vw, 38px);
line-height: 1.15;
}
.lwm-b2b-cart-intro p,
.lwm-b2b-checkout-intro p {
max-width: 860px;
margin: 0;
line-height: 1.6;
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order {
border: 1px solid var(--lwm-line);
border-radius: 8px;
background: #fff;
box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout h3 {
color: var(--lwm-ink);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
min-height: 42px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
padding: 8px 10px;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-checkout #place_order {
border-radius: 6px;
background: var(--lwm-primary);
font-weight: 900;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
background: #004f9f;
} .lwm-password-change-form {
max-width: 620px;
}
.lwm-password-change-form input {
width: 100%;
min-height: 42px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
padding: 8px 10px;
}
@media (max-width: 760px) {
.lwm-site-footer {
padding-top: 30px;
}
.lwm-footer-inner {
display: grid;
grid-template-columns: 1fr;
gap: 22px;
padding: 0 18px 24px;
}
.lwm-footer-brand {
max-width: none;
padding-bottom: 18px;
border-bottom: 1px solid rgba(148, 163, 184, .28);
}
.lwm-footer-brand strong {
display: block;
font-size: 22px;
line-height: 1.2;
}
.lwm-footer-brand p {
max-width: none;
margin-bottom: 16px;
font-size: 15px;
line-height: 1.55;
}
.lwm-footer-cta {
width: 100%;
justify-content: center;
}
.lwm-footer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 18px;
width: 100%;
}
.lwm-footer-column h2 {
margin-bottom: 8px;
font-size: 13px;
}
.lwm-footer-menu {
gap: 7px;
}
.lwm-footer-menu a {
display: inline-flex;
min-height: 30px;
align-items: center;
line-height: 1.25;
}
.lwm-footer-bottom {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
padding: 16px 18px 20px;
text-align: left;
}
}
@media (max-width: 460px) {
.lwm-footer-grid {
grid-template-columns: 1fr;
}
.lwm-footer-column {
padding-bottom: 14px;
border-bottom: 1px solid rgba(148, 163, 184, .18);
}
.lwm-footer-column:last-child {
border-bottom: 0;
}
} .lwm-featured-products--hero {
max-width: none;
margin: 22px 0 18px;
padding: 0;
}
.lwm-featured-products--hero .lwm-section-heading {
margin-bottom: 12px;
}
.lwm-featured-products--hero .lwm-section-heading h2 {
font-size: clamp(20px, 2.4vw, 28px);
}
.lwm-featured-products--hero .lwm-promotion-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.lwm-featured-products--hero .lwm-promotion-card__media {
min-height: 150px;
padding: 12px;
}
.lwm-featured-products--hero .lwm-promotion-card__media img {
max-height: 132px;
}
.lwm-featured-products--hero .lwm-promotion-card__body {
gap: 9px;
padding: 12px;
}
.lwm-featured-products--hero .lwm-promotion-card__title {
min-height: 0;
font-size: 14px;
}
.lwm-featured-products--hero .lwm-promotion-card__footer {
grid-template-columns: 1fr;
gap: 8px;
}
.lwm-featured-products--hero .lwm-promotion-card__button {
width: 100%;
}
@media (max-width: 720px) {
.lwm-featured-products--hero .lwm-promotion-grid {
grid-template-columns: 1fr;
}
} @media (max-width: 760px) {
.lwm-site-footer .lwm-footer-column,
.lwm-site-footer .lwm-footer-menu,
.lwm-site-footer .lwm-footer-menu li,
.lwm-site-footer .lwm-footer-menu--custom,
.lwm-site-footer .lwm-footer-menu--custom li {
margin-left: 0 !important;
padding-left: 0 !important;
text-align: left !important;
list-style: none !important;
}
.lwm-site-footer .lwm-footer-column h2,
.lwm-site-footer .lwm-footer-menu,
.lwm-site-footer .lwm-footer-menu--custom {
width: 100%;
justify-self: stretch;
}
.lwm-site-footer .lwm-footer-menu a,
.lwm-site-footer .lwm-footer-menu--custom a {
justify-content: flex-start !important;
padding-left: 0 !important;
text-align: left !important;
}
} .lwm-hero > .lwm-featured-products--hero,
.lwm-hero > .lwm-hero-actions {
grid-column: 1 / -1;
width: 100%;
}
.lwm-hero > .lwm-featured-products--hero {
margin: 6px 0 2px;
}
.lwm-hero > .lwm-featured-products--hero .lwm-promotion-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.lwm-hero > .lwm-hero-actions {
margin-top: 12px;
}
@media (max-width: 1100px) {
.lwm-hero > .lwm-featured-products--hero .lwm-promotion-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.lwm-hero > .lwm-featured-products--hero .lwm-promotion-grid {
grid-template-columns: 1fr;
}
} .lwm-site-footer {
margin-top: 56px;
background: #101828;
color: #e6edf7;
}
.lwm-site-footer a {
text-decoration: none;
}
.lwm-footer-inner {
display: grid;
grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
gap: clamp(36px, 5vw, 72px);
max-width: var(--lwm-max);
margin: 0 auto;
padding: 48px 24px 34px;
align-items: start;
}
.lwm-footer-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
max-width: 360px;
}
.lwm-footer-brand strong {
color: #ffffff;
font-size: 22px;
line-height: 1.2;
}
.lwm-footer-brand p {
max-width: 330px;
margin: 0;
color: #cbd5e1;
line-height: 1.65;
}
.lwm-footer-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
margin-top: 4px;
padding: 0 14px;
}
.lwm-footer-grid {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
gap: 30px;
align-items: start;
width: 100%;
}
.lwm-footer-column {
min-width: 0;
margin: 0;
padding: 0;
text-align: left;
}
.lwm-footer-column h2 {
margin: 0 0 14px;
padding: 0;
color: #f8fafc;
font-size: 13px;
font-weight: 900;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
}
.lwm-footer-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.lwm-footer-menu li {
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
.lwm-footer-menu a {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
color: #cbd5e1;
font-size: 14px;
line-height: 1.35;
text-align: left;
}
.lwm-footer-bottom {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
align-items: center;
gap: 18px;
max-width: var(--lwm-max);
margin: 0 auto;
padding: 18px 24px 24px;
border-top: 1px solid rgba(148, 163, 184, .18);
}
.lwm-footer-bottom p,
.lwm-footer-bottom a {
margin: 0;
}
@media (max-width: 980px) {
.lwm-footer-inner {
grid-template-columns: 1fr;
gap: 34px;
}
.lwm-footer-brand {
max-width: 680px;
}
.lwm-footer-brand p {
max-width: 620px;
}
.lwm-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px 36px;
}
}
@media (max-width: 640px) {
.lwm-site-footer {
margin-top: 36px;
}
.lwm-footer-inner {
padding: 34px 18px 24px;
gap: 26px;
}
.lwm-footer-brand {
width: 100%;
max-width: none;
padding-bottom: 22px;
border-bottom: 1px solid rgba(148, 163, 184, .2);
}
.lwm-footer-brand strong {
font-size: 21px;
}
.lwm-footer-brand p {
max-width: none;
font-size: 15px;
line-height: 1.55;
}
.lwm-footer-cta {
width: 100%;
}
.lwm-footer-grid {
grid-template-columns: 1fr;
gap: 0;
}
.lwm-footer-column {
width: 100%;
padding: 18px 0;
border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.lwm-footer-column:first-child {
padding-top: 0;
}
.lwm-footer-column:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.lwm-footer-column h2 {
margin-bottom: 10px;
}
.lwm-footer-menu {
gap: 8px;
}
.lwm-footer-menu a {
min-height: 28px;
font-size: 15px;
line-height: 1.35;
}
.lwm-footer-bottom {
grid-template-columns: 1fr;
justify-items: start;
gap: 8px;
padding: 16px 18px 22px;
}
} .lwm-site-footer .lwm-footer-grid,
.lwm-site-footer .lwm-footer-column,
.lwm-site-footer .lwm-footer-column h2,
.lwm-site-footer .lwm-footer-menu,
.lwm-site-footer .lwm-footer-menu li,
.lwm-site-footer .lwm-footer-menu a {
text-align: left !important;
}
.lwm-site-footer .lwm-footer-menu {
justify-content: flex-start !important;
align-items: flex-start !important;
flex-wrap: nowrap !important;
margin: 0 !important;
padding: 0 !important;
gap: 10px !important;
}
.lwm-site-footer .lwm-footer-menu a {
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
} .lwm-cookie-consent {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 100000;
display: none;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
width: min(860px, calc(100vw - 48px));
padding: 20px;
border: 1px solid rgba(0, 92, 170, .18);
border-radius: 8px;
background: #ffffff;
box-shadow: 0 22px 70px rgba(15, 23, 42, .22);
color: #0f172a;
}
.lwm-cookie-consent.is-visible {
display: grid;
}
.lwm-cookie-consent__content h2 {
margin: 0 0 6px;
color: #001b3a;
font-size: 18px;
line-height: 1.25;
}
.lwm-cookie-consent__content p {
margin: 0;
color: #334155;
font-size: 14px;
line-height: 1.55;
}
.lwm-cookie-consent__actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.lwm-cookie-consent__button,
.lwm-cookie-consent__link,
.lwm-cookie-settings-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 14px;
border: 1px solid #cbd5e1;
border-radius: 7px;
background: #ffffff;
color: #003b7a;
font: inherit;
font-weight: 800;
text-decoration: none;
cursor: pointer;
}
.lwm-cookie-consent__button--primary {
border-color: #0067b8;
background: #0067b8;
color: #ffffff;
}
.lwm-cookie-consent__button:hover,
.lwm-cookie-consent__button:focus-visible,
.lwm-cookie-consent__link:hover,
.lwm-cookie-consent__link:focus-visible,
.lwm-cookie-settings-button:hover,
.lwm-cookie-settings-button:focus-visible {
border-color: #0067b8;
outline: none;
box-shadow: 0 0 0 3px rgba(0, 103, 184, .16);
}
.lwm-cookie-settings-button {
min-height: auto;
padding: 0;
border: 0;
background: transparent;
color: #cbd5e1;
font-size: inherit;
font-weight: inherit;
}
@media (max-width: 760px) {
.lwm-cookie-consent {
right: 14px;
bottom: 14px;
grid-template-columns: 1fr;
width: calc(100vw - 28px);
padding: 18px;
}
.lwm-cookie-consent__actions {
justify-content: stretch;
}
.lwm-cookie-consent__button,
.lwm-cookie-consent__link {
width: 100%;
}
}
.woocommerce div.product form.cart table.variations tr:has([name*="serviceauswahl" i]),
.woocommerce div.product form.cart .lwm-hidden-legacy-service {
display: none !important;
}
.lwm-product-services {
flex: 0 0 100%;
width: 100%;
margin: 10px 0 4px;
padding: 18px;
border: 1px solid var(--lwm-line);
border-radius: var(--lwm-radius);
background: var(--lwm-surface);
}
.woocommerce div.product div.summary .lwm-product-services {
max-width: 760px;
}
.lwm-product-services legend {
padding: 0 8px;
color: var(--lwm-primary-dark);
font-size: 18px;
font-weight: 900;
}
.lwm-product-services__intro {
margin: 0 0 14px;
color: var(--lwm-muted);
font-size: 14px;
line-height: 1.5;
}
.lwm-product-services__total {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: baseline;
margin: 0 0 14px;
padding: 10px 12px;
border: 1px solid rgba(0, 91, 170, .18);
border-radius: 7px;
background: rgba(0, 91, 170, .055);
}
.lwm-product-services__total span {
color: var(--lwm-muted);
font-size: 13px;
font-weight: 800;
}
.lwm-product-services__total strong {
color: var(--lwm-primary-dark);
font-size: 22px;
font-weight: 900;
}
.lwm-product-services__total small,
.woocommerce div.product p.price small,
.woocommerce div.product span.price small {
color: var(--lwm-muted);
font-size: 13px;
font-weight: 800;
}
.lwm-product-services__list {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.lwm-product-service-option {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 10px;
align-items: flex-start;
padding: 10px 12px;
border: 1px solid var(--lwm-line);
border-radius: 7px;
background: #fff;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.lwm-product-service-option:hover,
.lwm-product-service-option:has(input:checked) {
border-color: var(--lwm-primary);
background: var(--lwm-surface-strong);
box-shadow: 0 0 0 3px rgba(0, 91, 170, .08);
}
.lwm-product-service-option input {
margin-top: 3px;
}
.lwm-product-service-option__content {
display: grid;
gap: 4px;
}
.lwm-product-service-option__label {
color: var(--lwm-primary-dark);
font-weight: 900;
line-height: 1.35;
}
.lwm-product-service-option__meta {
display: flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
color: var(--lwm-muted);
font-size: 13px;
line-height: 1.35;
}
.lwm-product-service-option__meta strong {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 3px 7px;
border-radius: 999px;
background: rgba(0, 168, 143, .12);
color: #006b5c;
font-size: 12px;
font-weight: 900;
}
@media (max-width: 700px) {
.lwm-product-services {
padding: 14px;
}
.lwm-product-service-option {
padding: 9px 10px;
}
} .woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary,
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
float: none !important;
width: auto !important;
}
.woocommerce-page div.product div.images,
.woocommerce div.product div.images {
grid-column: 1;
}
.woocommerce-page div.product div.summary,
.woocommerce div.product div.summary {
grid-column: 2;
justify-self: start;
max-width: 760px !important;
}
@media (max-width: 1240px) {
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary,
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
grid-column: auto;
}
}
.lwm-b2b-cart-intro h1,
.lwm-b2b-cart-intro h2,
.lwm-b2b-checkout-intro h1,
.lwm-b2b-checkout-intro h2 {
display: none;
}
.woocommerce-checkout #customer_details .col-2 {
display: block !important;
}
.woocommerce-checkout #customer_details .col-2::before {
content: "Lieferadresse";
display: block;
margin: 22px 0 10px;
color: var(--lwm-ink);
font-size: 1.35rem;
font-weight: 900;
}
.woocommerce-checkout .woocommerce-privacy-policy-text {
display: none !important;
}
.woocommerce-view-order .lwm-view-order-status,
.woocommerce-view-order .lwm-order-complaint {
margin: 0 0 22px;
padding: 16px;
border: 1px solid var(--lwm-line);
border-radius: 8px;
background: #f7fbff;
}
.woocommerce-view-order .lwm-order-complaint h2 {
margin: 0 0 8px;
font-size: 1.25rem;
}
.woocommerce-view-order .lwm-order-complaint p {
margin: 0 0 12px;
}
.woocommerce-view-order .lwm-order-complaint__button {
display: inline-flex;
align-items: center;
justify-content: center;
}
.woocommerce-view-order .lwm-view-order-shipping-address {
margin: 24px 0 0;
padding: 16px;
border: 1px solid var(--lwm-line);
border-radius: 8px;
background: #fff;
}
.woocommerce-view-order .lwm-view-order-shipping-address h2 {
margin: 0 0 12px;
font-size: 1.35rem;
}
.woocommerce-view-order .lwm-view-order-shipping-address address {
margin: 0;
font-style: normal;
line-height: 1.55;
}
.woocommerce-view-order .lwm-view-order-shipping-address__note {
margin: 12px 0 0;
color: #64748b;
font-size: .95rem;
}
.woocommerce-view-order .lwm-order-complaint__history {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid var(--lwm-line);
}
.woocommerce-view-order .lwm-order-complaint__history h3 {
margin: 0 0 8px;
font-size: 1rem;
}
.woocommerce-view-order .lwm-order-complaint__history ul {
margin: 0;
padding-left: 18px;
}
.woocommerce-view-order .lwm-complaint-modal[hidden] {
display: none !important;
}
.woocommerce-view-order .lwm-complaint-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.woocommerce-view-order .lwm-complaint-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, .62);
}
.woocommerce-view-order .lwm-complaint-modal__dialog {
position: relative;
width: min(820px, 100%);
max-height: calc(100vh - 40px);
overflow: auto;
padding: 24px;
border: 1px solid var(--lwm-line);
border-radius: 8px;
background: #fff;
box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
}
.woocommerce-view-order .lwm-complaint-modal__dialog h2 {
margin: 0 42px 8px 0;
font-size: 1.55rem;
}
.woocommerce-view-order .lwm-complaint-modal__dialog p {
margin: 0 0 18px;
}
.woocommerce-view-order .lwm-complaint-modal__close {
position: absolute;
top: 14px;
right: 14px;
width: 36px;
height: 36px;
border: 1px solid var(--lwm-line);
border-radius: 50%;
background: #fff;
color: var(--lwm-ink);
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.woocommerce-view-order .lwm-complaint-form__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.woocommerce-view-order .lwm-complaint-form label,
.woocommerce-view-order .lwm-complaint-form__items {
display: grid;
gap: 6px;
margin: 0 0 14px;
}
.woocommerce-view-order .lwm-complaint-form label span,
.woocommerce-view-order .lwm-complaint-form__items legend {
color: #334155;
font-weight: 800;
}
.woocommerce-view-order .lwm-complaint-form input[type="text"],
.woocommerce-view-order .lwm-complaint-form input[type="email"],
.woocommerce-view-order .lwm-complaint-form select,
.woocommerce-view-order .lwm-complaint-form textarea {
width: 100%;
min-height: 42px;
padding: 9px 10px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
background: #fff;
color: var(--lwm-ink);
}
.woocommerce-view-order .lwm-complaint-form textarea {
min-height: 130px;
resize: vertical;
}
.woocommerce-view-order .lwm-complaint-form__items {
padding: 12px;
border: 1px solid var(--lwm-line);
border-radius: 6px;
background: #f8fafc;
}
.woocommerce-view-order .lwm-complaint-form__items label {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 6px 0 0;
}
.woocommerce-view-order .lwm-complaint-form__full {
display: grid;
}
.woocommerce-view-order .lwm-complaint-form__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
html.lwm-complaint-modal-open {
overflow: hidden;
}
@media (max-width: 760px) {
.woocommerce-view-order .lwm-complaint-form__grid {
grid-template-columns: 1fr;
}
.woocommerce-view-order .lwm-complaint-modal {
align-items: stretch;
padding: 10px;
}
.woocommerce-view-order .lwm-complaint-modal__dialog {
max-height: calc(100vh - 20px);
padding: 18px;
}
}