/*!
 * Drohnenflugschule24 Shop-Template – Styles
 * Alle Regeln gelten nur innerhalb des Plugin-Bereichs (.df24) bzw. auf Shop-Seiten (body.df24-wc).
 * Dadurch bleibt die übrige Website unverändert.
 */

/* 1. Grundlagen */
:is(.df24,body.df24-wc) {
	--df-red: #f7171f;
	--df-red-dark: #9b0103;
	--df-black: #000;
	--df-ink: #111214;
	--df-text: #2b2d31;
	--df-muted: #63666d;
	--df-line: #e3e4e6;
	--df-line-strong: #cfd1d4;
	--df-grey: #f4f4f5;
	--df-grey-2: #ececee;
	--df-white: #fff;
	--df-ok: #12804a;
	--df-low: #b45309;
	--df-radius: 4px;
	--df-radius-lg: 8px;
	--df-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 24px rgba(0, 0, 0, .06);
	--df-shadow-lg: 0 12px 48px rgba(0, 0, 0, .18);
	--df-container: 1280px;
	--df-gutter: clamp(16px, 4vw, 40px);
	--df-font: inherit;
	--df-sticky-top: 120px; }
:is(.df24,#df24#df24) *,
:is(.df24,#df24#df24),
:is(.df24,#df24#df24) *::before,
:is(.df24,#df24#df24) *::after { box-sizing: border-box; }
:is(.df24,#df24#df24) {
	font-family: var(--df-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--df-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; }
:is(.df24,#df24#df24) img,
:is(.df24,#df24#df24) svg,
:is(.df24,#df24#df24) video { max-width: 100%; height: auto; }
:is(.df24,#df24#df24) img { display: block; }
:is(.df24,#df24#df24) .df-icon { display: inline-block; flex: none; vertical-align: middle; }
:is(.df24,#df24#df24) a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
:is(.df24,#df24#df24) a:hover { color: var(--df-red); }
:is(.df24,#df24#df24) h1,
:is(.df24,#df24#df24) h2,
:is(.df24,#df24#df24) h3,
:is(.df24,#df24#df24) h4 { color: var(--df-ink); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .5em; font-weight: 600; }
:is(.df24,#df24#df24) p { margin: 0 0 1em; }
:is(.df24,#df24#df24) small { font-size: .82em; }
:is(.df24,#df24#df24) :focus-visible { outline: 2px solid var(--df-red); outline-offset: 2px; }
:is(.df24,#df24#df24) button,
:is(.df24,#df24#df24) input,
:is(.df24,#df24#df24) select,
:is(.df24,#df24#df24) textarea { font: inherit; color: inherit; }
:is(.df24,#df24#df24) input[type="text"],
:is(.df24,#df24#df24) input[type="email"],
:is(.df24,#df24#df24) input[type="tel"],
:is(.df24,#df24#df24) input[type="number"],
:is(.df24,#df24#df24) input[type="password"],
:is(.df24,#df24#df24) input[type="search"],
:is(.df24,#df24#df24) input[type="url"],
:is(.df24,#df24#df24) select,
:is(.df24,#df24#df24) textarea,
:is(.df24,#df24#df24) .woocommerce form .form-row .input-text,
:is(.df24,#df24#df24) .woocommerce form .form-row select {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--df-line-strong);
	border-radius: var(--df-radius);
	background: var(--df-white);
	font-size: 15px;
	line-height: 1.4;
	transition: border-color .15s, box-shadow .15s; }
:is(.df24,#df24#df24) textarea { min-height: 110px; resize: vertical; }
:is(.df24,#df24#df24) select {
	appearance: none;
	padding-right: 38px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center; }
:is(.df24,#df24#df24) input:focus,
:is(.df24,#df24#df24) select:focus,
:is(.df24,#df24#df24) textarea:focus { outline: none; border-color: var(--df-black); box-shadow: 0 0 0 3px rgba(0, 0, 0, .08); }
:is(.df24,#df24#df24) .df-visually-hidden {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:is(.df24,#df24#df24) .df-hp { position: absolute; left: -9999px; }
:is(.df24,#df24#df24) .df-container { width: 100%; max-width: var(--df-container); margin: 0 auto; padding-left: var(--df-gutter); padding-right: var(--df-gutter); }
:is(.df24,#df24#df24) .df-kicker {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--df-red);
	margin-bottom: 10px; }
:is(.df24,#df24#df24) .df-kicker--light { color: var(--df-red); }
:is(.df24,#df24#df24) .df-h1 { font-size: clamp(30px, 4vw, 44px); font-weight: 500; letter-spacing: -.025em; }
:is(.df24,#df24#df24) .df-h2 { font-size: clamp(26px, 3.2vw, 38px); font-weight: 500; letter-spacing: -.025em; margin-bottom: .35em; }
:is(.df24,#df24#df24) .df-h2--light { color: #fff; }
:is(.df24,#df24#df24) .df-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; white-space: nowrap; }
:is(.df24,#df24#df24) .df-link:hover .df-icon { transform: translateX(3px); }
:is(.df24,#df24#df24) .df-link .df-icon { transition: transform .15s; }

/* 2. Buttons, Chips, Pills */
:is(.df24,#df24#df24) .df-btn,
:is(.df24,#df24#df24) .woocommerce .button,
:is(body.df24-wc,#df24#df24) .woocommerce .button,
:is(.df24,#df24#df24) .woocommerce button.button,
:is(body.df24-wc,#df24#df24) .woocommerce button.button,
:is(.df24,#df24#df24) .woocommerce a.button,
:is(body.df24-wc,#df24#df24) .woocommerce a.button,
:is(.df24,#df24#df24) .woocommerce input.button,
:is(body.df24-wc,#df24#df24) .woocommerce input.button,
:is(.df24,#df24#df24) .wc-block-components-button:not(.is-link),
:is(body.df24-wc,#df24#df24) .wc-block-components-button:not(.is-link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid transparent;
	border-radius: var(--df-radius);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	background: var(--df-black);
	color: #fff;
	transition: background-color .15s, border-color .15s, color .15s, transform .1s;
	white-space: nowrap; }
:is(.df24,#df24#df24) .df-btn:active { transform: translateY(1px); }
:is(.df24,#df24#df24) .df-btn:disabled,
:is(.df24,#df24#df24) .df-btn[disabled] { opacity: .55; cursor: not-allowed; }
:is(.df24,#df24#df24) .df-btn--primary,
:is(.df24,#df24#df24) .woocommerce .button.alt,
:is(body.df24-wc,#df24#df24) .woocommerce .button.alt,
:is(.df24,#df24#df24) .woocommerce button.button.alt,
:is(body.df24-wc,#df24#df24) .woocommerce button.button.alt,
:is(.df24,#df24#df24) .woocommerce a.button.alt,
:is(body.df24-wc,#df24#df24) .woocommerce a.button.alt,
:is(.df24,#df24#df24) .single_add_to_cart_button,
:is(body.df24-wc,#df24#df24) .single_add_to_cart_button,
:is(.df24,#df24#df24) .woocommerce #place_order,
:is(body.df24-wc,#df24#df24) .woocommerce #place_order,
:is(.df24,#df24#df24) .woocommerce a.checkout-button,
:is(body.df24-wc,#df24#df24) .woocommerce a.checkout-button,
:is(.df24,#df24#df24) .wc-block-components-checkout-place-order-button,
:is(body.df24-wc,#df24#df24) .wc-block-components-checkout-place-order-button,
:is(.df24,#df24#df24) .wc-block-cart__submit-button,
:is(body.df24-wc,#df24#df24) .wc-block-cart__submit-button {
	background: var(--df-red) !important;
	border-color: var(--df-red) !important;
	color: #fff !important; }
:is(.df24,#df24#df24) .df-btn--primary:hover,
:is(.df24,#df24#df24) .woocommerce .button.alt:hover,
:is(body.df24-wc,#df24#df24) .woocommerce .button.alt:hover,
:is(.df24,#df24#df24) .single_add_to_cart_button:hover,
:is(body.df24-wc,#df24#df24) .single_add_to_cart_button:hover,
:is(.df24,#df24#df24) .woocommerce #place_order:hover,
:is(body.df24-wc,#df24#df24) .woocommerce #place_order:hover,
:is(.df24,#df24#df24) .woocommerce a.checkout-button:hover,
:is(body.df24-wc,#df24#df24) .woocommerce a.checkout-button:hover {
	background: var(--df-red-dark) !important; border-color: var(--df-red-dark) !important; color: #fff !important; }
:is(.df24,#df24#df24) .df-btn:not(.df-btn--primary):not(.df-btn--outline):not(.df-btn--outline-light):not(.df-btn--ghost):hover,
:is(.df24,#df24#df24) .woocommerce .button:not(.alt):hover,
:is(body.df24-wc,#df24#df24) .woocommerce .button:not(.alt):hover { background: #2a2a2a; color: #fff; }
:is(.df24,#df24#df24) .df-btn--outline { background: transparent; color: var(--df-ink); border-color: var(--df-ink); }
:is(.df24,#df24#df24) .df-btn--outline:hover { background: var(--df-ink); color: #fff; }
:is(.df24,#df24#df24) .df-btn--outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
:is(.df24,#df24#df24) .df-btn--outline-light:hover { background: #fff; color: var(--df-black); border-color: #fff; }
:is(.df24,#df24#df24) .df-btn--ghost { background: var(--df-grey); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-btn--ghost:hover { background: var(--df-grey-2); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-btn--lg { min-height: 52px; padding: 14px 26px; font-size: 15px; }
:is(.df24,#df24#df24) .df-btn--block { display: flex; width: 100%; }
:is(.df24,#df24#df24) .df-btn.loading { opacity: .6; pointer-events: none; }
:is(.df24,#df24#df24) .df-btn.added::after { content: '✓'; margin-left: 2px; }
:is(.df24,#df24#df24) a.added_to_cart,
:is(body.df24-wc,#df24#df24) a.added_to_cart { display: none; }
:is(.df24,#df24#df24) .df-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
:is(.df24,#df24#df24) .df-chip {
	display: inline-flex; align-items: center;
	padding: 6px 14px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	font-size: 13px; font-weight: 500;
	color: #fff; text-decoration: none;
	transition: border-color .15s, background .15s; }
:is(.df24,#df24#df24) .df-chip:hover { border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff; }
:is(.df24,#df24#df24) .df-pill { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
:is(.df24,#df24#df24) .df-pill--ok { background: #e7f5ee; color: var(--df-ok); }
:is(.df24,#df24#df24) .df-pill--low { background: #fff3e0; color: var(--df-low); }
:is(.df24,#df24#df24) .df-pill--out { background: var(--df-grey-2); color: var(--df-muted); }

:is(.df24,#df24#df24) .df-overlay { position: fixed; inset: 0; z-index: 99998; background: rgba(0, 0, 0, .5); }

/* 4. Startseite */
:is(.df24,#df24#df24) .df-hero { background: var(--df-black); color: #d6d7da; padding: clamp(48px, 7vw, 96px) 0 clamp(56px, 7vw, 104px); overflow: hidden; }
:is(.df24,#df24#df24) .df-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
:is(.df24,#df24#df24) .df-hero__title { color: #fff; font-size: clamp(38px, 5.4vw, 68px); font-weight: 500; letter-spacing: -.035em; line-height: 1.04; margin-bottom: 22px; }
:is(.df24,#df24#df24) .df-hero__lead { font-size: clamp(16px, 1.5vw, 19px); max-width: 560px; color: #b9bbc0; margin-bottom: 30px; }
:is(.df24,#df24#df24) .df-hero__btns { display: flex; flex-wrap: wrap; gap: 12px; }
:is(.df24,#df24#df24) .df-hero__img { width: 100%; border-radius: var(--df-radius-lg); object-fit: cover; aspect-ratio: 4 / 3; }
:is(.df24,#df24#df24) .df-hero__visual { display: grid; grid-template-columns: 1.15fr 1fr; grid-template-rows: auto auto; gap: 14px; }
:is(.df24,#df24#df24) .df-herocard { display: flex; flex-direction: column; border-radius: var(--df-radius-lg); background: #fff; color: var(--df-ink); text-decoration: none; overflow: hidden; transition: transform .2s, box-shadow .2s; }
:is(.df24,#df24#df24) .df-herocard:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(0, 0, 0, .4); color: var(--df-ink); }

:is(.df24,#df24#df24) .df-herocard--product { padding: 0 0 14px; }
:is(.df24,#df24#df24) .df-herocard__img { display: block; background: var(--df-grey); }
:is(.df24,#df24#df24) .df-herocard__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
:is(.df24,#df24#df24) .df-herocard--product .df-herocard__name { padding: 12px 14px 2px; font-size: 14px; font-weight: 600; line-height: 1.3; }
:is(.df24,#df24#df24) .df-herocard--product .df-herocard__price { padding: 0 14px; font-size: 14px; font-weight: 700; color: var(--df-red); }
:is(.df24,#df24#df24) .df-herocard--product .df-herocard__price del { color: var(--df-muted); font-weight: 400; }
:is(.df24,#df24#df24) .df-trust { background: var(--df-grey); border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
:is(.df24,#df24#df24) .df-trust__item { display: flex; align-items: center; gap: 12px; padding: 22px 20px; font-size: 14px; font-weight: 600; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-trust__item + .df-trust__item { border-left: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-trust__item .df-icon { color: var(--df-red); }
:is(.df24,#df24#df24) .df-section { padding: clamp(56px, 7vw, 96px) 0; }
:is(.df24,#df24#df24) .df-section--grey { background: var(--df-grey); }
:is(.df24,#df24#df24) .df-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
:is(.df24,#df24#df24) .df-section__text { color: var(--df-muted); max-width: 620px; margin: 0; }
:is(.df24,#df24#df24) .df-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
:is(.df24,#df24#df24) .df-catcard {
	position: relative; display: flex; flex-direction: column; gap: 8px;
	padding: 26px; min-height: 210px;
	border: 1px solid var(--df-line); border-top: 3px solid var(--df-ink); border-radius: var(--df-radius);
	background: #fff; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
:is(.df24,#df24#df24) .df-catcard:hover { border-top-color: var(--df-red); box-shadow: var(--df-shadow); transform: translateY(-2px); color: inherit; }
:is(.df24,#df24#df24) .df-catcard__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 8px; border-radius: var(--df-radius); background: var(--df-black); color: #fff; overflow: hidden; }
:is(.df24,#df24#df24) .df-catcard__icon img { width: 100%; height: 100%; object-fit: cover; }
:is(.df24,#df24#df24) .df-catcard__name { font-size: 19px; font-weight: 600; color: var(--df-ink); letter-spacing: -.01em; }
:is(.df24,#df24#df24) .df-catcard__desc { font-size: 14px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-catcard__count { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--df-red); }

:is(.df24,#df24#df24) .df-usp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
:is(.df24,#df24#df24) .df-usp__item { padding-top: 22px; border-top: 3px solid var(--df-red); }
:is(.df24,#df24#df24) .df-usp__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: var(--df-radius); background: var(--df-grey); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-usp__item h3 { font-size: 18px; margin-bottom: 8px; }
:is(.df24,#df24#df24) .df-usp__item p { font-size: 15px; color: var(--df-muted); margin: 0; }
:is(.df24,#df24#df24) .df-bos { background: var(--df-black); color: #c4c6cb; padding: clamp(56px, 7vw, 88px) 0; position: relative; overflow: hidden; }
:is(.df24,#df24#df24) .df-bos::before { content: ''; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 26px, rgba(255, 255, 255, .05) 26px 27px); }
:is(.df24,#df24#df24) .df-bos__grid { position: relative; display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px 64px; align-items: center; }
:is(.df24,#df24#df24) .df-bos p { max-width: 560px; }
:is(.df24,#df24#df24) .df-bos__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
:is(.df24,#df24#df24) .df-bos__list li { display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 500; }
:is(.df24,#df24#df24) .df-bos__list .df-icon { color: var(--df-red); }
:is(.df24,#df24#df24) .df-bos__btns { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px; }
:is(.df24,#df24#df24) .df-cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--df-line); border-left: 4px solid var(--df-red); border-radius: var(--df-radius); }
:is(.df24,#df24#df24) .df-cta p { margin: 0; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-cta__btns { display: flex; flex-wrap: wrap; gap: 12px; flex: none; }

:is(.df24,#df24#df24) .df-shophead { padding: 10px 0 24px; }
:is(.df24,#df24#df24) .df-shophead .term-description,
:is(.df24,#df24#df24) .df-shophead .page-description { max-width: 760px; color: var(--df-muted); }

/* 7. Shop: Layout, Filter, Werkzeugleiste */
:is(.df24,#df24#df24) .df-shop { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 40px; align-items: start; }
:is(.df24,#df24#df24) .df-shop__main { min-width: 0; }
:is(.df24,#df24#df24) .df-filters { position: sticky; top: var(--df-sticky-top); max-height: calc(100vh - 160px); overflow-y: auto; padding-right: 6px; scrollbar-width: thin; }
:is(.df24,#df24#df24) .df-filters__head { display: none; }
:is(.df24,#df24#df24) .df-filter { border-top: 1px solid var(--df-line); padding: 4px 0 14px; }
:is(.df24,#df24#df24) .df-filter:first-child { border-top: 0; }
:is(.df24,#df24#df24) .df-filter__title { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 8px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; color: var(--df-ink); letter-spacing: 0; margin: 0; }
:is(.df24,#df24#df24) .df-filter__title::-webkit-details-marker { display: none; }
:is(.df24,#df24#df24) .df-filter[open] > .df-filter__title .df-icon { transform: rotate(180deg); }
:is(.df24,#df24#df24) .df-filter__cats,
:is(.df24,#df24#df24) .df-filter__cats ul { list-style: none; margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-filter__cats ul { padding-left: 12px; border-left: 1px solid var(--df-line); margin: 2px 0 6px 2px; }
:is(.df24,#df24#df24) .df-filter__cats a { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; font-size: 14px; text-decoration: none; color: var(--df-text); }
:is(.df24,#df24#df24) .df-filter__cats a em,
:is(.df24,#df24#df24) .df-check em { font-style: normal; font-size: 12px; color: #9a9da3; }
:is(.df24,#df24#df24) .df-filter__cats .is-active > a { color: var(--df-red); font-weight: 600; }
:is(.df24,#df24#df24) .df-filter__price { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: end; }
:is(.df24,#df24#df24) .df-filter__price label span { display: block; font-size: 12px; color: var(--df-muted); margin-bottom: 4px; }
:is(.df24,#df24#df24) .df-filter__price input { min-height: 40px; padding: 6px 10px; font-size: 14px; }
:is(.df24,#df24#df24) .df-filter__cur { padding-bottom: 9px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-check { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 14px; cursor: pointer; }
:is(.df24,#df24#df24) .df-check input { width: 18px; height: 18px; min-height: 0; margin: 0; flex: none; accent-color: var(--df-red); }
:is(.df24,#df24#df24) .df-check span { flex: 1; }
:is(.df24,#df24#df24) .df-check--small { font-size: 13px; color: var(--df-muted); align-items: flex-start; }
:is(.df24,#df24#df24) .df-check--small input { margin-top: 2px; }
:is(.df24,#df24#df24) .df-filters__actions { padding-top: 16px; display: grid; gap: 10px; }
:is(.df24,#df24#df24) .df-filters__actions .df-btn { display: none; }
:is(.df24,#df24#df24) .df-filters__reset { font-size: 13px; font-weight: 600; color: var(--df-red); }
:is(.df24,#df24#df24) .df-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-bottom: 16px; margin-bottom: 8px; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-result-count { margin: 0; font-size: 14px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-toolbar__right { display: flex; align-items: center; gap: 12px; margin-left: auto; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering { margin: 0; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering select { min-height: 40px; min-width: 200px; font-size: 14px; }
:is(.df24,#df24#df24) .df-toolbar__filter { display: none; min-height: 40px; }
:is(.df24,#df24#df24) .df-viewswitch { display: inline-flex; border: 1px solid var(--df-line-strong); border-radius: var(--df-radius); overflow: hidden; }
:is(.df24,#df24#df24) .df-viewswitch a { display: grid; place-items: center; width: 40px; height: 38px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-viewswitch a + a { border-left: 1px solid var(--df-line-strong); }
:is(.df24,#df24#df24) .df-viewswitch a.is-active { background: var(--df-black); color: #fff; }

/* 8. Produktkarten */
:is(.df24,#df24#df24) ul.df-products { list-style: none; margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-products::before,
:is(.df24,#df24#df24) .df-products::after { display: none !important; }
:is(.df24,#df24#df24) .df-products--grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
:is(.df24,#df24#df24) .df-products--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:is(.df24,#df24#df24) .related .df-products--grid,
:is(.df24,#df24#df24) .upsells .df-products--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:is(.df24,#df24#df24) .df-card,
:is(.df24,#df24#df24) .woocommerce ul.products li.product.df-card { position: relative; width: auto !important; margin: 0 !important; float: none !important; }
:is(.df24,#df24#df24) .woocommerce ul.products li.product.df-card--grid { padding: 0; }
:is(.df24,#df24#df24) .df-card__media { position: relative; display: block; overflow: hidden; background: var(--df-grey); border-radius: var(--df-radius); }
:is(.df24,#df24#df24) .df-card__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .35s ease; }
:is(.df24,#df24#df24) .df-card:hover .df-card__media img { transform: scale(1.03); }
:is(.df24,#df24#df24) .df-card__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; margin-bottom: 6px; }
:is(.df24,#df24#df24) .df-card__cat { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-card__sku { color: var(--df-muted); }
:is(.df24,#df24#df24) .df-card__sku span { color: var(--df-red); font-weight: 600; }
:is(.df24,#df24#df24) .df-card__title { font-size: 17px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; margin: 0 0 4px; }
:is(.df24,#df24#df24) .df-card__title a { text-decoration: none; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-card__title a:hover { color: var(--df-red); }
:is(.df24,#df24#df24) .df-card__sub { font-size: 14px; color: var(--df-muted); margin: 0 0 8px; }
:is(.df24,#df24#df24) .df-card__rating { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--df-muted); margin-bottom: 8px; }
:is(.df24,#df24#df24) .df-card__excerpt { font-size: 14px; color: var(--df-text); margin: 10px 0 0; }
:is(.df24,#df24#df24) .df-card__actions { display: flex; flex-wrap: wrap; gap: 8px; }
:is(.df24,#df24#df24) .df-card__actions .df-btn { min-height: 40px; padding: 8px 14px; font-size: 13px; }
:is(.df24,#df24#df24) .df-card--grid { display: flex; flex-direction: column; border: 1px solid var(--df-line); border-radius: var(--df-radius); background: #fff; transition: box-shadow .2s, border-color .2s; }
:is(.df24,#df24#df24) .df-card--grid:hover { box-shadow: var(--df-shadow); border-color: var(--df-line-strong); }
:is(.df24,#df24#df24) .df-card--grid .df-card__media { border-radius: var(--df-radius) var(--df-radius) 0 0; }
:is(.df24,#df24#df24) .df-card--grid .df-card__body { padding: 16px 18px 0; flex: 1; }
:is(.df24,#df24#df24) .df-card--grid .df-card__buy { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 10px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn { flex: 1 1 auto; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn--ghost span { display: none; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn--ghost { flex: 0 0 auto; padding: 8px 12px; }
:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list,
:is(.df24,#df24#df24) .woocommerce ul.products.df-products--list li.product.df-card--list {
	display: grid; grid-template-columns: 220px minmax(0, 1fr) 270px; gap: 28px;
	padding: 26px 0; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-card--list .df-card__media { align-self: start; }
:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 19px; }
:is(.df24,#df24#df24) .df-card--list .df-card__buy { display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 8px; }
:is(.df24,#df24#df24) .df-card--list .df-card__actions { justify-content: flex-end; margin-top: 6px; }
:is(.df24,#df24#df24) .df-card--list .df-price__main { font-size: 24px; }
:is(.df24,#df24#df24) .df-badges { position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
:is(.df24,#df24#df24) .df-badge { display: inline-block; padding: 3px 9px; border-radius: 3px; font-size: 11px; font-weight: 700; letter-spacing: .03em; line-height: 1.5; text-transform: uppercase; }
:is(.df24,#df24#df24) .df-badge--sale { background: var(--df-red); color: #fff; }
:is(.df24,#df24#df24) .df-badge--new { background: var(--df-black); color: #fff; }
:is(.df24,#df24#df24) .df-badge--hot { background: #fff; color: var(--df-ink); border: 1px solid var(--df-line-strong); }
:is(.df24,#df24#df24) .df-badge--out { background: var(--df-grey-2); color: var(--df-muted); }
:is(.df24,#df24#df24) .df-price__main { font-size: 20px; font-weight: 700; color: var(--df-ink); line-height: 1.2; letter-spacing: -.01em; }
:is(.df24,#df24#df24) .df-price__main ins { text-decoration: none; color: var(--df-red); }
:is(.df24,#df24#df24) .df-price__main del { font-size: .72em; font-weight: 400; color: var(--df-muted); margin-right: 6px; }
:is(.df24,#df24#df24) .df-from { font-size: .62em; font-weight: 600; color: var(--df-muted); text-transform: none; }
:is(.df24,#df24#df24) .df-price__note,
:is(.df24,#df24#df24) .df-price__net { font-size: 12px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-price__net { font-weight: 600; color: var(--df-text); }
:is(.df24,#df24#df24) .df-price-request { font-size: 16px; font-weight: 600; color: var(--df-ink); }
:is(.df24,#df24#df24) .woocommerce-Price-currencySymbol { margin-left: 1px; }
:is(.df24,#df24#df24) .df-stock { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-stock strong { font-weight: 600; }
:is(.df24,#df24#df24) .df-stock__extra { flex-basis: 100%; padding-left: 22px; font-weight: 600; color: var(--df-low); }
:is(.df24,#df24#df24) .df-stock--ok .df-icon,
:is(.df24,#df24#df24) .df-stock--ok strong { color: var(--df-ok); }
:is(.df24,#df24#df24) .df-stock--low .df-icon,
:is(.df24,#df24#df24) .df-stock--low strong { color: var(--df-low); }
:is(.df24,#df24#df24) .df-stock--out { color: var(--df-muted); }
:is(.df24,#df24#df24) .df-stock--info .df-icon { color: var(--df-ink); }

:is(.df24,#df24#df24) .woocommerce-pagination { margin-top: 40px; }
:is(.df24,#df24#df24) .woocommerce-pagination ul.page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; border: 0; }
:is(.df24,#df24#df24) .woocommerce-pagination .page-numbers li { border: 0; }
:is(.df24,#df24#df24) .woocommerce-pagination .page-numbers a,
:is(.df24,#df24#df24) .woocommerce-pagination .page-numbers span { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid var(--df-line-strong); border-radius: var(--df-radius); text-decoration: none; font-weight: 600; font-size: 14px; }
:is(.df24,#df24#df24) .woocommerce-pagination .page-numbers .current { background: var(--df-black); border-color: var(--df-black); color: #fff; }
:is(.df24,#df24#df24) .woocommerce-pagination .prev .df-icon { transform: rotate(180deg); }
:is(.df24,#df24#df24) .df-empty { padding: 56px 24px; text-align: center; border: 1px dashed var(--df-line-strong); border-radius: var(--df-radius-lg); }
:is(.df24,#df24#df24) .df-empty .df-icon { color: var(--df-red); margin-bottom: 12px; }
:is(.df24,#df24#df24) .df-empty p { color: var(--df-muted); max-width: 480px; margin: 0 auto 20px; }
:is(.df24,#df24#df24) .df-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
:is(.df24,#df24#df24) .df-empty__actions .df-toolbar__filter { display: none; }

/* 9. Produktseite */
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper { margin: 0; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .woocommerce-product-gallery__image { background: var(--df-grey); border-radius: var(--df-radius-lg); overflow: hidden; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-viewport { border-radius: var(--df-radius-lg); }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; list-style: none; margin: 12px 0 0; padding: 0; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs img { border-radius: var(--df-radius); border: 2px solid transparent; cursor: pointer; opacity: .7; aspect-ratio: 1; object-fit: cover; background: var(--df-grey); }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; border-color: var(--df-red); }
:is(.df24,#df24#df24) .woocommerce-product-gallery__trigger { position: absolute; top: 14px; right: 14px; z-index: 9; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: var(--df-shadow); font-size: 0; text-decoration: none; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__trigger::before { content: ''; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__trigger img { display: none !important; }
:is(.df24,#df24#df24) .df-single__title { font-size: clamp(28px, 3.2vw, 40px); font-weight: 500; letter-spacing: -.03em; margin-bottom: 8px; }
:is(.df24,#df24#df24) .df-single__sub { font-size: 17px; color: var(--df-muted); margin: 0 0 10px; }
:is(.df24,#df24#df24) .df-single__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-sku span { color: var(--df-red); font-weight: 600; }
:is(.df24,#df24#df24) .df-rating { display: inline-flex; align-items: center; gap: 6px; }
:is(.df24,#df24#df24) .df-single__excerpt { margin-top: 18px; font-size: 15px; }
:is(.df24,#df24#df24) .df-single__excerpt p:last-child { margin-bottom: 0; }
:is(.df24,#df24#df24) .df-single__buy { display: flex; flex-direction: column; gap: 8px; margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-price--single .df-price__main { font-size: 34px; letter-spacing: -.02em; }
:is(.df24,#df24#df24) .df-price--single .df-price__main del { font-size: 20px; }
:is(.df24,#df24#df24) .df-single__summary form.cart { margin: 18px 0 12px; }
:is(.df24,#df24#df24) .df-single__summary form.cart:not(.variations_form),
:is(.df24,#df24#df24) .df-single__summary .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
:is(.df24,#df24#df24) .df-single__summary form.cart .single_add_to_cart_button { flex: 1 1 200px; min-height: 52px; font-size: 15px; }
:is(.df24,#df24#df24) .df-single__summary form.cart .single_add_to_cart_button.disabled { opacity: .45; }

:is(.df24,#df24#df24) .quantity { display: inline-flex; align-items: stretch; }
:is(.df24,#df24#df24) .df-qty { border: 1px solid var(--df-line-strong); border-radius: var(--df-radius); overflow: hidden; }
:is(.df24,#df24#df24) .df-qty input.qty { width: 52px; min-height: 50px; border: 0; border-radius: 0; text-align: center; padding: 0; -moz-appearance: textfield; font-weight: 600; }
:is(.df24,#df24#df24) .df-qty input.qty::-webkit-inner-spin-button,
:is(.df24,#df24#df24) .df-qty input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
:is(.df24,#df24#df24) .df-qty input.qty:focus { box-shadow: none; }
:is(.df24,#df24#df24) .df-qty__btn { width: 42px; border: 0; background: var(--df-grey); font-size: 18px; cursor: pointer; }
:is(.df24,#df24#df24) .df-qty__btn:hover { background: var(--df-grey-2); }
:is(body.df24-wc,#df24#df24).woocommerce-cart .df-qty input.qty { min-height: 40px; }
:is(.df24,#df24#df24) .variations_form table.variations { width: 100%; border: 0; border-collapse: collapse; margin-bottom: 4px; }
:is(.df24,#df24#df24) .variations_form table.variations th,
:is(.df24,#df24#df24) .variations_form table.variations td { display: block; padding: 0; text-align: left; border: 0; }
:is(.df24,#df24#df24) .variations_form table.variations th.label { padding: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--df-muted); }
:is(.df24,#df24#df24) .variations_form table.variations td.value { padding-bottom: 12px; }
:is(.df24,#df24#df24) .variations_form .reset_variations { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24) .woocommerce-variation-price .price { font-size: 15px; font-weight: 700; display: block; margin-bottom: 4px; color: var(--df-ink); }
:is(.df24,#df24#df24) .woocommerce-variation-availability .stock { font-size: 13px; margin: 0 0 6px; color: var(--df-ok); font-weight: 600; }
:is(.df24,#df24#df24) .woocommerce-variation-availability .out-of-stock { color: var(--df-muted); }
:is(.df24,#df24#df24) .single_variation_wrap { width: 100%; }
:is(.df24,#df24#df24) .single_variation { margin-bottom: 12px; }
:is(.df24,#df24#df24) .woocommerce-variation-availability p.stock { margin: 0; }
:is(.df24,#df24#df24) .df-single__summary .stock { font-size: 13px; }

:is(.df24,#df24#df24) .df-note { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 0; padding: 12px 14px; border-radius: var(--df-radius); background: var(--df-grey); font-size: 13px; }
:is(.df24,#df24#df24) .df-note .df-icon { color: var(--df-red); margin-top: 2px; }
:is(.df24,#df24#df24) .df-assure { list-style: none; margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--df-line); display: grid; gap: 10px; font-size: 14px; }
:is(.df24,#df24#df24) .df-assure li { display: flex; gap: 10px; align-items: center; }
:is(.df24,#df24#df24) .df-assure .df-icon { color: var(--df-red); }
:is(.df24,#df24#df24) .df-footnote { font-size: 12px; color: var(--df-muted); margin: 12px 0 0; }
:is(.df24,#df24#df24) .summary .df-btn--block { margin-top: 0; }
:is(.df24,#df24#df24) .woocommerce-tabs { margin-top: 48px; }
:is(.df24,#df24#df24) .woocommerce div.product .woocommerce-tabs ul.tabs,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs { display: flex; gap: 4px 28px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--df-line-strong); overflow-x: auto; scrollbar-width: none; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs::before,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; }
:is(.df24,#df24#df24) .woocommerce div.product .woocommerce-tabs ul.tabs li,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; background: none; flex: none; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { display: block; padding: 14px 0; font-size: 15px; font-weight: 600; color: var(--df-muted); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active a { color: var(--df-ink); border-bottom-color: var(--df-red); }
:is(.df24,#df24#df24) .woocommerce-tabs .panel { padding: 32px 0 0; max-width: 980px; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel > h2:first-child { display: none; }
:is(.df24,#df24#df24) .df-specs { display: grid; gap: 28px; }
:is(.df24,#df24#df24) .df-specs__title { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--df-muted); margin: 0 0 10px; }
:is(.df24,#df24#df24) .df-specs__table { width: 100%; border-collapse: collapse; border: 1px solid var(--df-line); font-size: 14px; }
:is(.df24,#df24#df24) .df-specs__table th,
:is(.df24,#df24#df24) .df-specs__table td { padding: 11px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-specs__table th { width: 38%; background: var(--df-grey); font-weight: 500; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-specs__table td { font-weight: 500; color: var(--df-ink); }

:is(.df24,#df24#df24) .df-checklist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px 32px; }
:is(.df24,#df24#df24) .df-checklist li { display: flex; gap: 10px; align-items: flex-start; }
:is(.df24,#df24#df24) .df-checklist .df-icon { color: var(--df-red); margin-top: 3px; }
:is(.df24,#df24#df24) .df-downloads { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-width: 620px; }
:is(.df24,#df24#df24) .df-downloads a { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--df-line); border-radius: var(--df-radius); text-decoration: none; font-weight: 600; }
:is(.df24,#df24#df24) .df-downloads a span { flex: 1; }
:is(.df24,#df24#df24) .df-downloads a:hover { border-color: var(--df-ink); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-downloads .df-icon--file { color: var(--df-red); }
:is(.df24,#df24#df24) #reviews .commentlist { list-style: none; padding: 0; }
:is(.df24,#df24#df24) #reviews .comment_container { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) #reviews .avatar { width: 44px; height: 44px; border-radius: 50%; }
:is(.df24,#df24#df24) .star-rating { position: relative; display: inline-block; width: 5.4em; height: 1em; font-size: 13px; line-height: 1; overflow: hidden; letter-spacing: .1em; }
:is(.df24,#df24#df24) .star-rating::before { content: '★★★★★'; color: #d6d7da; position: absolute; inset: 0; }
:is(.df24,#df24#df24) .star-rating span { position: absolute; inset: 0 auto 0 0; overflow: hidden; padding-top: 1.5em; }
:is(.df24,#df24#df24) .star-rating span::before { content: '★★★★★'; color: #e6a100; position: absolute; top: 0; left: 0; }
:is(.df24,#df24#df24) p.stars a { color: #e6a100; }
:is(.df24,#df24#df24) .related,
:is(.df24,#df24#df24) .upsells { margin-top: 64px; }
:is(.df24,#df24#df24) .related > h2,
:is(.df24,#df24#df24) .upsells > h2 { font-size: 26px; font-weight: 500; margin-bottom: 24px; }
:is(.df24,#df24#df24) .df-buybar { position: fixed; inset: auto 0 0 0; z-index: 9990; display: none; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--df-line); box-shadow: 0 -6px 24px rgba(0, 0, 0, .08); }
:is(.df24,#df24#df24) .df-buybar__info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
:is(.df24,#df24#df24) .df-buybar__name { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(.df24,#df24#df24) .df-buybar__price { font-size: 16px; font-weight: 700; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-buybar__price del { font-size: 12px; color: var(--df-muted); font-weight: 400; }
:is(.df24,#df24#df24) .df-buybar .df-btn { flex: none; }

/* 10. Hinweise, Warenkorb, Kasse, Konto */
:is(.df24,#df24#df24) .woocommerce-notices-wrapper:empty,
:is(body.df24-wc,#df24#df24) .woocommerce-notices-wrapper:empty { display: none; }
:is(.df24,#df24#df24) .woocommerce-message,
:is(body.df24-wc,#df24#df24) .woocommerce-message,
:is(.df24,#df24#df24) .woocommerce-info,
:is(body.df24-wc,#df24#df24) .woocommerce-info,
:is(.df24,#df24#df24) .woocommerce-error,
:is(body.df24-wc,#df24#df24) .woocommerce-error,
:is(.df24,#df24#df24) .wc-block-components-notice-banner,
:is(body.df24-wc,#df24#df24) .wc-block-components-notice-banner {
	list-style: none; margin: 0 0 24px; padding: 14px 18px;
	border: 1px solid var(--df-line); border-left: 4px solid var(--df-ink); border-radius: var(--df-radius);
	background: #fff; font-size: 14px;
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
:is(.df24,#df24#df24) .woocommerce-message,
:is(body.df24-wc,#df24#df24) .woocommerce-message { border-left-color: var(--df-ok); }
:is(.df24,#df24#df24) .woocommerce-error,
:is(body.df24-wc,#df24#df24) .woocommerce-error { border-left-color: var(--df-red); }
:is(.df24,#df24#df24) .woocommerce-message .button,
:is(body.df24-wc,#df24#df24) .woocommerce-message .button,
:is(.df24,#df24#df24) .woocommerce-info .button,
:is(body.df24-wc,#df24#df24) .woocommerce-info .button { order: 2; margin-left: auto; min-height: 36px; padding: 6px 14px; font-size: 13px; }

:is(.df24,#df24#df24) .woocommerce-cart-form .actions > .button,
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .actions > .button { float: right; }
:is(.df24,#df24#df24) .wc-proceed-to-checkout .checkout-button,
:is(body.df24-wc,#df24#df24) .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 54px; font-size: 16px; margin-top: 10px; }

:is(.df24,#df24#df24) #place_order,
:is(body.df24-wc,#df24#df24) #place_order { width: 100%; min-height: 56px; font-size: 16px; margin-top: 8px; }
:is(.df24,#df24#df24) .woocommerce-form-coupon-toggle .woocommerce-info,
:is(body.df24-wc,#df24#df24) .woocommerce-form-coupon-toggle .woocommerce-info { border-left-color: var(--df-red); }

/* 11. Anfrage-Dialog */
:is(.df24,#df24#df24) .df-dialog { width: min(640px, calc(100vw - 24px)); max-height: calc(100vh - 24px); padding: 0; border: 0; border-radius: var(--df-radius-lg); box-shadow: var(--df-shadow-lg); color: var(--df-text); }
:is(.df24,#df24#df24) .df-dialog::backdrop { background: rgba(0, 0, 0, .6); }
:is(.df24,#df24#df24) .df-dialog__inner { padding: 28px; }
:is(.df24,#df24#df24) .df-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
:is(.df24,#df24#df24) .df-dialog__head h2 { font-size: 26px; font-weight: 500; margin: 0; }
:is(.df24,#df24#df24) .df-dialog__product { padding: 10px 14px; margin-bottom: 18px; border-radius: var(--df-radius); background: var(--df-grey); font-size: 14px; }
:is(.df24,#df24#df24) .df-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; margin-bottom: 14px; }
:is(.df24,#df24#df24) .df-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-field--full { grid-column: 1 / -1; }
:is(.df24,#df24#df24) .df-field input,
:is(.df24,#df24#df24) .df-field textarea { font-weight: 400; }
:is(.df24,#df24#df24) .df-dialog__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
:is(.df24,#df24#df24) .df-dialog__msg { margin: 0; font-size: 14px; font-weight: 600; flex: 1; }
:is(.df24,#df24#df24) .df-dialog__msg.is-ok { color: var(--df-ok); }
:is(.df24,#df24#df24) .df-dialog__msg.is-error { color: var(--df-red); }
:is(.df24,#df24#df24) .df-dialog__alt { margin: 16px 0 0; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-dialog__alt a { font-weight: 600; color: var(--df-ink); }

/* 13. Responsiv */
@media (max-width: 1200px) {
:is(.df24,#df24#df24) .df-products--4,
:is(.df24,#df24#df24) .related .df-products--grid,
:is(.df24,#df24#df24) .upsells .df-products--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list,
:is(.df24,#df24#df24) .woocommerce ul.products.df-products--list li.product.df-card--list { grid-template-columns: 180px minmax(0, 1fr) 240px; gap: 22px; }
}
@media (max-width: 1023px) {
:is(.df24,#df24#df24) .df-hero__grid { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .df-hero__visual { grid-template-columns: 1fr 1fr; }

:is(.df24,#df24#df24) .df-trust__grid { grid-template-columns: repeat(2, 1fr); }
:is(.df24,#df24#df24) .df-trust__item:nth-child(3) { border-left: 0; }
:is(.df24,#df24#df24) .df-trust__item:nth-child(n+3) { border-top: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-usp { grid-template-columns: repeat(2, 1fr); }
:is(.df24,#df24#df24) .df-bos__grid { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .df-cta { flex-direction: column; align-items: flex-start; }
:is(.df24,#df24#df24) .df-shop { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .df-filters {
		position: fixed; inset: 0 0 0 auto; z-index: 99999; top: 0 !important;
		width: min(400px, 92vw); max-height: none; padding: 0 20px 24px;
		background: #fff; overflow-y: auto;
		transform: translateX(100%); transition: transform .25s ease;
		box-shadow: var(--df-shadow-lg); }
:is(.df24,#df24#df24) .df-filters.is-open { transform: none; }
:is(.df24,#df24#df24) .df-filters__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -20px 6px; padding: 10px 10px 10px 20px; background: #fff; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-filters__actions { position: sticky; bottom: -24px; margin: 0 -20px; padding: 14px 20px 24px; background: #fff; border-top: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-filters__actions .df-btn { display: flex; }
:is(.df24,#df24#df24) .df-toolbar__filter,
:is(.df24,#df24#df24) .df-empty__actions .df-toolbar__filter { display: inline-flex; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-result-count { order: 3; width: 100%; }
:is(.df24,#df24#df24) .df-toolbar__right { margin-left: auto; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering select { min-width: 0; }
:is(.df24,#df24#df24) .df-products--grid,
:is(.df24,#df24#df24) .df-products--4,
:is(.df24,#df24#df24) .related .df-products--grid,
:is(.df24,#df24#df24) .upsells .df-products--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:is(.df24,#df24#df24) .df-buybar:not([hidden]) { display: flex; }
:is(.df24,#df24#df24) .cart-collaterals { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .cart-collaterals .cart_totals { grid-column: 1; }
:is(.df24,#df24#df24) .cross-sells { grid-row: auto; }
}
@media (max-width: 767px) {
:is(.df24,#df24#df24) { font-size: 15px; }
:is(.df24,#df24#df24) .df-section__head { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 24px; }
:is(.df24,#df24#df24) .df-hero__btns .df-btn { flex: 1 1 auto; }

:is(.df24,#df24#df24) .df-usp { grid-template-columns: 1fr; gap: 24px; }
:is(.df24,#df24#df24) .df-trust__item { padding: 16px 12px; font-size: 13px; }
:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list,
:is(.df24,#df24#df24) .woocommerce ul.products.df-products--list li.product.df-card--list { grid-template-columns: 104px minmax(0, 1fr); gap: 4px 14px; padding: 18px 0; }
:is(.df24,#df24#df24) .df-card--list .df-card__media { grid-row: span 2; }
:is(.df24,#df24#df24) .df-card--list .df-card__buy { grid-column: 2; align-items: flex-start; text-align: left; }
:is(.df24,#df24#df24) .df-card--list .df-card__actions { justify-content: flex-start; width: 100%; }
:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { flex: 1 1 100%; }
:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 16px; }
:is(.df24,#df24#df24) .df-card--list .df-price__main { font-size: 20px; }
:is(.df24,#df24#df24) .df-card--list .df-card__excerpt { display: none; }
:is(.df24,#df24#df24) .df-badges { top: 6px; left: 6px; }
:is(.df24,#df24#df24) .df-badge { font-size: 10px; padding: 2px 6px; }
:is(.df24,#df24#df24) .df-products--grid { gap: 12px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__body { padding: 12px 12px 0; }
:is(.df24,#df24#df24) .df-card--grid .df-card__buy { padding: 10px 12px 12px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__title { font-size: 15px; }

:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn--outline { display: none; }
:is(.df24,#df24#df24) .df-card--grid .df-price__main { font-size: 17px; }

:is(.df24,#df24#df24) .df-price--single .df-price__main { font-size: 28px; }
:is(.df24,#df24#df24) .df-specs__table,
:is(.df24,#df24#df24) .df-specs__table tbody,
:is(.df24,#df24#df24) .df-specs__table tr,
:is(.df24,#df24#df24) .df-specs__table th,
:is(.df24,#df24#df24) .df-specs__table td { display: block; width: 100%; }
:is(.df24,#df24#df24) .df-specs__table { border: 0; }
:is(.df24,#df24#df24) .df-specs__table tr { padding: 10px 14px; border: 1px solid var(--df-line); border-radius: var(--df-radius); margin-bottom: 8px; }
:is(.df24,#df24#df24) .df-specs__table th,
:is(.df24,#df24#df24) .df-specs__table td { padding: 0; border: 0; background: none; }
:is(.df24,#df24#df24) .df-specs__table th { font-size: 12px; }

:is(.df24,#df24#df24) .df-form-grid { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .df-dialog__inner { padding: 20px; }
:is(.df24,#df24#df24) .woocommerce-cart-form .actions .coupon { display: flex; width: 100%; margin-bottom: 10px; }
:is(.df24,#df24#df24) .woocommerce-cart-form .actions .coupon input { flex: 1; width: auto; }
:is(.df24,#df24#df24) .woocommerce-cart-form .actions > .button,
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .actions > .button { float: none; width: 100%; }
:is(.df24,#df24#df24) .woocommerce form .form-row-first,
:is(.df24,#df24#df24) .woocommerce form .form-row-last { width: 100%; float: none; }
:is(.df24,#df24#df24) .cross-sells .df-products--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
:is(.df24,#df24#df24) .df-hero__visual { grid-template-columns: 1fr 1fr; gap: 10px; }
:is(.df24,#df24#df24) .df-herocard--product .df-herocard__name { font-size: 13px; }
:is(.df24,#df24#df24) .df-viewswitch { display: none; }
}
@media (prefers-reduced-motion: reduce) {
:is(.df24,#df24#df24) *,
:is(.df24,#df24#df24),
:is(.df24,#df24#df24) *::before,
:is(.df24,#df24#df24) *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
:is(.df24,#df24#df24) .df-buybar,
:is(.df24,#df24#df24) .df-filters,
:is(.df24,#df24#df24) .df-toolbar { display: none !important; }
}

/* ==========================================================================
   14. Plugin-spezifisch: Rahmen, Bausteine, Suche, Produktseite
   ========================================================================== */

/* Listen aus Theme-Stilen lösen */

:is(.df24,#df24#df24) .df-card img { margin: 0; box-shadow: none; border: 0; }
:is(.df24,#df24#df24) .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:is(.df24,#df24#df24) .df-iconbtn { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--df-radius); background: transparent; color: inherit; cursor: pointer; }
:is(.df24,#df24#df24) .df-iconbtn:hover { background: rgba(127, 127, 127, .12); }
body.df-locked { overflow: hidden; }

/* Shop-Kopf */
:is(.df24,#df24#df24).df24-archive { padding: 8px 0 56px; }
:is(.df24,#df24#df24) .df-shophead { padding: 8px 0 24px; }
:is(.df24,#df24#df24) .df-shophead .df-h1 { margin-bottom: 10px; }
:is(.df24,#df24#df24) .df-shophead .df-search { margin-top: 18px; }

/* Suche (hell) */
:is(.df24,#df24#df24) .df-search { position: relative; display: flex; align-items: center; width: 100%; max-width: 640px; }
:is(.df24,#df24#df24) .df-search > .df-icon { position: absolute; left: 16px; color: var(--df-muted); pointer-events: none; z-index: 1; }
:is(.df24,#df24#df24) .df-search input.df-search__input { width: 100%; min-height: 48px; margin: 0; padding: 8px 104px 8px 44px; border: 1px solid var(--df-line-strong); border-radius: 999px; background: #fff; color: var(--df-ink); font-size: 15px; box-shadow: none; }
:is(.df24,#df24#df24) .df-search input.df-search__input:focus { border-color: var(--df-black); box-shadow: 0 0 0 3px rgba(0, 0, 0, .08); }
:is(.df24,#df24#df24) .df-search input.df-search__input::-webkit-search-cancel-button { display: none; }
:is(.df24,#df24#df24) .df-search__btn { position: absolute; right: 5px; height: 38px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--df-red); color: #fff; font-weight: 600; font-size: 13px; cursor: pointer; }
:is(.df24,#df24#df24) .df-search__btn:hover { background: var(--df-red-dark); }
:is(.df24,#df24#df24) .df-search__results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 9995; max-height: min(70vh, 560px); overflow: auto; padding: 8px; border: 1px solid var(--df-line); border-radius: var(--df-radius-lg); background: #fff; color: var(--df-text); box-shadow: var(--df-shadow-lg); }
:is(.df24,#df24#df24) .df-search__results[hidden] { display: none; }
:is(.df24,#df24#df24) .df-search__results a { color: var(--df-ink); text-decoration: none; }
:is(.df24,#df24#df24) .df-sr__label { padding: 10px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--df-muted); }
:is(.df24,#df24#df24) :is(.df-sr__cat, .df-sr__item, .df-sr__all) { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: var(--df-radius); font-size: 14px; }
:is(.df24,#df24#df24) :is(.df-sr__cat, .df-sr__item, .df-sr__all):hover, :is(.df24,#df24#df24) :is(.df-sr__cat, .df-sr__item).is-active { background: var(--df-grey); }
:is(.df24,#df24#df24) .df-sr__item img { width: 44px; height: 44px; object-fit: cover; border-radius: var(--df-radius); background: var(--df-grey); }
:is(.df24,#df24#df24) .df-sr__text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
:is(.df24,#df24#df24) .df-sr__text strong { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(.df24,#df24#df24) .df-sr__text small { color: var(--df-muted); }
:is(.df24,#df24#df24) .df-sr__price { font-weight: 600; white-space: nowrap; font-size: 13px; }
:is(.df24,#df24#df24) .df-sr__all { justify-content: center; margin-top: 4px; border-top: 1px solid var(--df-line); border-radius: 0; font-weight: 600; color: var(--df-red) !important; }
:is(.df24,#df24#df24) .df-sr__none { padding: 16px 10px; color: var(--df-muted); font-size: 14px; }
:is(.df24,#df24#df24).df24-inline { display: inline; }
div:is(.df24,#df24#df24).df24-inline { display: block; margin: 0 0 1.5em; }

/* Produktseite */
:is(.df24,#df24#df24).df24-single-wrap { padding: 8px 0 56px; }
:is(.df24,#df24#df24) .df-product { margin: 0; padding: 0; width: auto; float: none; }
:is(.df24,#df24#df24) .df-single { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px 56px; align-items: start; }
:is(.df24,#df24#df24) .df-single__media { position: relative; min-width: 0; }
:is(.df24,#df24#df24) .df-single__media .df-gallery-badges { position: relative; z-index: 5; height: 0; pointer-events: none; }
:is(.df24,#df24#df24) .df-single__media .woocommerce-product-gallery { position: relative; width: 100% !important; float: none !important; margin: 0 !important; }
:is(.df24,#df24#df24) .df-single__summary { min-width: 0; width: 100% !important; float: none !important; margin: 0 !important; padding: 0; }
:is(.df24,#df24#df24) .df-single__extras { margin-top: 12px; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-single__extras:empty { display: none; }
:is(.df24,#df24#df24) .df-single__after { clear: both; }
:is(.df24,#df24#df24).df24-lite { margin: 12px 0; }

/* Bausteine (Shortcodes) */
:is(.df24,#df24#df24).df24-block { position: relative; margin: 0 0 32px; }
:is(.df24,#df24#df24).df24-block .df-container { max-width: calc(var(--df-container) + 2 * var(--df-gutter)); margin: 0 auto; padding-left: var(--df-gutter); padding-right: var(--df-gutter); }
:is(.df24,#df24#df24).df24-block:not(.is-full) :is(.df-section:not(.df-section--grey)) > .df-container { padding-left: 0; padding-right: 0; }
:is(.df24,#df24#df24).df24-block:not(.is-full) .df-section:not(.df-section--grey) { padding: 40px 0; }
:is(.df24,#df24#df24).df24-block:not(.is-full) :is(.df-hero, .df-bos, .df-trust, .df-section--grey) { border-radius: var(--df-radius-lg); overflow: hidden; }
:is(.df24,#df24#df24).df24-block.is-full { width: calc(100vw - var(--df-sbw, 0px)); max-width: none; margin-left: calc(50% - (100vw - var(--df-sbw, 0px)) / 2); margin-right: 0; margin-bottom: 0; }
:is(.df24,#df24#df24).df24-block--trust:not(.is-full) { margin-top: -24px; }
:is(.df24,#df24#df24) .df-hero__visual.has-image { display: block; }
:is(.df24,#df24#df24) .df-catcard__icon.has-image { background: var(--df-grey); }
:is(.df24,#df24#df24) .df-trust__grid--1 { grid-template-columns: 1fr; }
:is(.df24,#df24#df24) .df-trust__grid--2 { grid-template-columns: repeat(2, 1fr); }
:is(.df24,#df24#df24) .df-trust__grid--3 { grid-template-columns: repeat(3, 1fr); }
:is(.df24,#df24#df24) .df-products--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:is(.df24,#df24#df24) .df-products--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 1023px) {
	:is(.df24,#df24#df24) .df-single { grid-template-columns: minmax(0, 1fr); }
	:is(.df24,#df24#df24) .df-trust__grid--3 { grid-template-columns: repeat(2, 1fr); }
	:is(.df24,#df24#df24) .df-products--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:is(.df24,#df24#df24) .df-buybar:not([hidden]) { display: flex; }
}
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .df-search input.df-search__input { padding-right: 44px; }
	:is(.df24,#df24#df24) .df-search__btn { display: none; }
	:is(.df24,#df24#df24).df24-block:not(.is-full) .df-section:not(.df-section--grey) { padding: 28px 0; }
}

/* ==========================================================================
   15. Plugin-Rahmen, Theme-Abwehr, Container-Abfragen
   (reagiert auf die tatsächlich verfügbare Breite – auch mit Theme-Seitenleiste)
   ========================================================================== */

:is(.df24-frame,#df24#df24) { width: 100%; padding: 24px var(--df-gutter, 24px) 0; box-sizing: border-box; clear: both; }
:is(.df24-frame,#df24#df24) .df24-frame__inner { max-width: var(--df-container, 1280px); margin: 0 auto; }
:is(.df24,#df24#df24).df-bc { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; font-size: 13px; color: var(--df-muted); }
:is(.df24,#df24#df24).df-bc a { color: var(--df-muted); text-decoration: none; }
:is(.df24,#df24#df24).df-bc a:hover { color: var(--df-red); }

/* Theme-Stile innerhalb von Preisen, Eingaben und Auswahlfeldern neutralisieren */

:is(.df24,#df24#df24) :is(.df-price__main, .df-buybar__price) ins { background: none; text-decoration: none; }
:is(.df24,#df24#df24) .df-price__net :is(.amount, bdi) { color: inherit; font: inherit; }
:is(.df24,#df24#df24) :is(input, select, textarea) { max-width: none; box-shadow: none; }
:is(.df24,#df24#df24) .df-filter__price input { width: 100%; height: auto; }
:is(.df24,#df24#df24) .df-check input { -webkit-appearance: checkbox; appearance: auto; }
:is(.df24,#df24#df24) .woocommerce-ordering { float: none; }
:is(.df24,#df24#df24) .woocommerce-ordering select { width: auto; height: 40px; line-height: 1.2; }
:is(.df24,#df24#df24) .woocommerce-result-count { float: none; }
:is(.df24,#df24#df24) .df-card__title,
:is(.df24,#df24#df24) .df-card__title a { font-size: inherit; word-break: normal; overflow-wrap: break-word; hyphens: auto; }
:is(.df24,#df24#df24) .df-card .df-card__title { font-size: 17px; padding: 0; }
:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 19px; }

:is(.df24,#df24#df24) .df-shop__main { container: df24main / inline-size; }
:is(.df24,#df24#df24).df24-block { container: df24block / inline-size; }

/* Wenig Platz für Filter + Liste: Filter als Seitenpanel */
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-shop { grid-template-columns: minmax(0, 1fr); }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-filters { position: fixed; inset: 0 0 0 auto; z-index: 99999; top: 0 !important; width: min(400px, 92vw); max-height: none; padding: 0 20px 24px; background: #fff; overflow-y: auto; transform: translateX(100%); transition: transform .25s ease; box-shadow: var(--df-shadow-lg); }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-filters.is-open { transform: none; }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-filters__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -20px 6px; padding: 10px 10px 10px 20px; background: #fff; border-bottom: 1px solid var(--df-line); }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-filters__actions { position: sticky; bottom: -24px; margin: 0 -20px; padding: 14px 20px 24px; background: #fff; border-top: 1px solid var(--df-line); }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-filters__actions .df-btn { display: flex; }
	:is(.df24,#df24#df24).df24-archive.is-narrow .df-toolbar__filter, :is(.df24,#df24#df24).df24-archive.is-narrow .df-empty__actions .df-toolbar__filter { display: inline-flex; }

/* Listenansicht in schmalen Bereichen */
@container df24main (max-width: 820px) {
	:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list { grid-template-columns: 160px minmax(0, 1fr); gap: 6px 20px; }
	:is(.df24,#df24#df24) .df-card--list .df-card__media { grid-row: span 2; }
	:is(.df24,#df24#df24) .df-card--list .df-card__buy { grid-column: 2; align-items: flex-start; text-align: left; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions { justify-content: flex-start; }
	:is(.df24,#df24#df24) .df-products--grid, :is(.df24,#df24#df24) .df-products--3, :is(.df24,#df24#df24) .df-products--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:is(.df24,#df24#df24) .df-toolbar__right { margin-left: 0; width: 100%; justify-content: space-between; }
}
@container df24main (max-width: 520px) {
	:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list { grid-template-columns: 104px minmax(0, 1fr); gap: 4px 14px; padding: 18px 0; }
	:is(.df24,#df24#df24) .df-card--list .df-card__excerpt { display: none; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { flex: 1 1 100%; }
	:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 16px; }
	:is(.df24,#df24#df24) .df-products--grid { gap: 12px; }
}

/* Produktseite */
	:is(.df24,#df24#df24).df24-single-wrap.is-narrow .df-single { grid-template-columns: minmax(0, 1fr); }
	:is(.df24,#df24#df24).df24-single-wrap.is-narrow .related .df-products--grid, :is(.df24,#df24#df24).df24-single-wrap.is-narrow .upsells .df-products--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Bausteine */
@container df24block (max-width: 960px) {
	:is(.df24,#df24#df24) .df-hero__grid { grid-template-columns: minmax(0, 1fr); }
	:is(.df24,#df24#df24) .df-usp { grid-template-columns: repeat(2, 1fr); }
	:is(.df24,#df24#df24) .df-bos__grid { grid-template-columns: minmax(0, 1fr); }
	:is(.df24,#df24#df24) .df-cta { flex-direction: column; align-items: flex-start; }
	:is(.df24,#df24#df24) .df-products--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:is(.df24,#df24#df24) .df-trust__grid { grid-template-columns: repeat(2, 1fr); }
}
@container df24block (max-width: 600px) {
	:is(.df24,#df24#df24) .df-usp { grid-template-columns: 1fr; }

	:is(.df24,#df24#df24) .df-section__head { flex-direction: column; align-items: flex-start; }
}

:is(.df24,#df24#df24) :is(.df-btn, .single_add_to_cart_button, .button) { text-transform: none; letter-spacing: normal; }
:is(.df24,#df24#df24) .df-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

:is(.df24,#df24#df24) ul.df-products.df-products--list { display: block; grid-template-columns: none; }
:is(.df24,#df24#df24) ul.df-products.df-products--grid { display: grid; }
:is(.df24,#df24#df24) ul.df-products > li.df-card { max-width: none; flex: none; }
:is(.df24-frame,#df24#df24) { flex: 1 1 100%; min-width: 0; max-width: 100%; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li, :is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active { border: 0 !important; background: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { text-transform: none; letter-spacing: normal; }

/* ==========================================================================
   16. Gestaltung nach Vecom-Shop-Template (Karten, Reihen, Shop-Leiste, Produktseite)
   ========================================================================== */

:is(.df24,#df24#df24) { --df-studio: #eef1f4; --df-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* Überschriften der Bereiche */
:is(.df24,#df24#df24) .df-section__head { align-items: center; margin-bottom: 24px; }
:is(.df24,#df24#df24) .df-section__head .df-h2 { font-size: clamp(24px, 2.4vw, 30px); font-weight: 500; margin: 0; }
:is(.df24,#df24#df24) .df-section__head .df-link { font-size: 13px; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-section__text { margin-top: 6px; font-size: 15px; }

/* Preise in Akzentfarbe */
:is(.df24,#df24#df24) .df-price__main { color: var(--df-red); font-size: 18px; }
:is(.df24,#df24#df24) .df-price__main del { color: var(--df-muted); font-size: 13px; font-weight: 400; }
:is(.df24,#df24#df24) .df-price__main ins { color: var(--df-red); }
:is(.df24,#df24#df24) .df-from { color: var(--df-muted); font-size: 12px; font-weight: 400; }
:is(.df24,#df24#df24) .df-price__note { font-size: 11.5px; }
:is(.df24,#df24#df24) .df-price__net { font-size: 11.5px; }
:is(.df24,#df24#df24) .df-price-request { color: var(--df-ink); font-size: 16px; }
:is(.df24,#df24#df24) .df-stock { font-size: 12px; }
:is(.df24,#df24#df24) .df-stock--ok strong { color: var(--df-ok); }

/* Buttons */
:is(.df24,#df24#df24) .df-btn--outline-accent { background: #fff; color: var(--df-red); border-color: var(--df-red); }
:is(.df24,#df24#df24) .df-btn--outline-accent:hover { background: var(--df-red); color: #fff; }
:is(.df24,#df24#df24) .df-btn--sm { min-height: 32px; padding: 6px 12px; font-size: 12px; }

/* Kachel */
:is(.df24,#df24#df24) ul.df-products.df-products--grid { gap: 18px; }
:is(.df24,#df24#df24) .df-card--grid { border: 1px solid var(--df-line); border-radius: var(--df-radius); background: #fff; }
:is(.df24,#df24#df24) .df-card--grid .df-card__media { margin: 8px 8px 0; border-radius: 2px; background: var(--df-studio); }
:is(.df24,#df24#df24) .df-card--grid .df-card__media img { aspect-ratio: 1 / 1; object-fit: cover; }
:is(.df24,#df24#df24) .df-card--grid .df-card__body { padding: 16px 12px 0; display: flex; flex-direction: column; gap: 4px; }
:is(.df24,#df24#df24) .df-card__meta { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 0 0 4px; }
:is(.df24,#df24#df24) .df-card__cat { font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-card__sku { font-family: var(--df-mono); font-size: 10px; color: var(--df-muted); white-space: nowrap; }
:is(.df24,#df24#df24) .df-card--grid .df-card__title { font-size: 15px; font-weight: 500; line-height: 1.35; margin: 0; }
:is(.df24,#df24#df24) .df-card__excerpt { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-card--grid .df-card__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:is(.df24,#df24#df24) .df-card__variants { margin: 4px 0 0; font-size: 11.5px; font-weight: 600; color: var(--df-text); }
:is(.df24,#df24#df24) .df-card__rating { margin: 2px 0 0; }

:is(.df24,#df24#df24) .df-card--grid .df-card__buy { padding: 14px 12px 12px; gap: 6px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions { flex-direction: column; gap: 6px; margin-top: 6px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn { width: 100%; flex: none; }
:is(.df24,#df24#df24) .df-card--grid .df-card__details { min-height: 40px; font-size: 13px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__request { min-height: 32px; font-size: 12px; }

/* Liste */
:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list { grid-template-columns: 180px minmax(0, 1fr) 260px; gap: 28px; padding: 32px 0; }
:is(.df24,#df24#df24) .df-card--list .df-card__media { background: transparent; }
:is(.df24,#df24#df24) .df-card--list .df-card__media img { aspect-ratio: 4 / 3; object-fit: contain; }
:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 17px; font-weight: 500; margin: 0 0 6px; }
:is(.df24,#df24#df24) .df-card__idline { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; margin: 0 0 4px; }
:is(.df24,#df24#df24) .df-card__skuline { font-size: 13px; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-card__skuline span { color: var(--df-red); font-weight: 600; }
:is(.df24,#df24#df24) .df-card--list .df-card__excerpt { color: var(--df-text); font-size: 13.5px; }
:is(.df24,#df24#df24) .df-card--list .df-price__main { font-size: 22px; }
:is(.df24,#df24#df24) .df-card--list .df-price__main del { font-size: 16px; }
:is(.df24,#df24#df24) .df-card--list .df-card__buy { gap: 4px; }
:is(.df24,#df24#df24) .df-card--list .df-card__actions { margin-top: auto; padding-top: 18px; flex-wrap: nowrap; }
:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { min-height: 38px; padding: 8px 14px; font-size: 13px; }

/* Badges wie im Vorschlag */
:is(.df24,#df24#df24) .df-badge { font-size: 10px; padding: 2px 7px; letter-spacing: .04em; }
:is(.df24,#df24#df24) .df-badge--sale { background: var(--df-red); }
:is(.df24,#df24#df24) .df-badge--hot { background: #fff; border: 1px solid var(--df-line-strong); color: var(--df-ink); }

/* Großer Einstieg – hell */
:is(.df24,#df24#df24) .df-hero--light { background: #fff; color: var(--df-text); }
:is(.df24,#df24#df24) .df-hero--light .df-hero__title { color: var(--df-ink); font-size: clamp(36px, 4.6vw, 60px); }
:is(.df24,#df24#df24) .df-hero--light .df-hero__lead { color: var(--df-muted); }
:is(.df24,#df24#df24) .df-hero--light .df-chip { color: var(--df-ink); border-color: var(--df-line-strong); background: #fff; }
:is(.df24,#df24#df24) .df-hero--light .df-chip:hover { border-color: var(--df-ink); color: var(--df-ink); background: #fff; }
:is(.df24,#df24#df24) .df-hero--light .df-herocard--product { border: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-hero--dark .df-hero__btn2 { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
:is(.df24,#df24#df24) .df-hero--dark .df-hero__btn2:hover { background: #fff; color: var(--df-black); }
:is(.df24,#df24#df24) .df-hero__img { border-radius: var(--df-radius-lg); aspect-ratio: 5 / 4; width: 100%; object-fit: cover; }
:is(.df24,#df24#df24).df24-block--hero:not(.is-full) .df-hero--light { border: 0; }

/* Serviceleiste */
:is(.df24,#df24#df24) .df-trust { background: #fff; border-top: 1px solid var(--df-line); border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-trust__item { align-items: flex-start; gap: 14px; padding: 22px 20px; }
:is(.df24,#df24#df24) .df-trust__icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border: 1px solid var(--df-line); border-radius: 6px; color: var(--df-red); }
:is(.df24,#df24#df24) .df-trust__text { display: flex; flex-direction: column; gap: 2px; }
:is(.df24,#df24#df24) .df-trust__text strong { font-size: 13.5px; font-weight: 600; color: var(--df-ink); }
:is(.df24,#df24#df24) .df-trust__text small { font-size: 12.5px; font-weight: 400; color: var(--df-muted); }
:is(.df24,#df24#df24).df24-block--trust:not(.is-full) .df-trust { border: 1px solid var(--df-line); }

/* Kategorien als Zeilenkarten */
:is(.df24,#df24#df24) .df-cats { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
:is(.df24,#df24#df24) .df-catcard { flex-direction: row; align-items: center; gap: 14px; min-height: 0; padding: 14px 16px; border: 1px solid var(--df-line); border-radius: var(--df-radius); }
:is(.df24,#df24#df24) .df-catcard:hover { border-color: var(--df-ink); transform: none; box-shadow: none; }
:is(.df24,#df24#df24) .df-catcard__icon { width: 64px; height: 48px; margin: 0; flex: none; border-radius: 3px; background: var(--df-studio); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-catcard__icon img { object-fit: contain; }
:is(.df24,#df24#df24) .df-catcard__text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
:is(.df24,#df24#df24) .df-catcard__name { font-size: 14px; font-weight: 600; }
:is(.df24,#df24#df24) .df-catcard__count { margin: 0; font-size: 12px; font-weight: 400; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-catcard > .df-icon { color: var(--df-muted); }

/* Marken */
:is(.df24,#df24#df24) .df-brands { display: flex; flex-wrap: wrap; gap: 12px; }
:is(.df24,#df24#df24) .df-brand { display: grid; place-items: center; min-width: 140px; min-height: 66px; padding: 12px 22px; border: 1px solid var(--df-line); border-radius: var(--df-radius); background: #fff; font-weight: 600; font-size: 14px; color: var(--df-ink); text-decoration: none; text-align: center; }
:is(.df24,#df24#df24) .df-brand:hover { border-color: var(--df-ink); }
:is(.df24,#df24#df24) .df-brand img { max-height: 42px; width: auto; }

/* Shop-Leiste */
:is(.df24,#df24#df24).df24-block--shopbar { margin: 0 0 8px; }
:is(.df24,#df24#df24) .df-shopbar__top { background: #fff; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .df-shopbar__row { display: flex; align-items: center; gap: 24px; }
:is(.df24,#df24#df24) .df-shopbar__top .df-shopbar__row { min-height: 72px; }
:is(.df24,#df24#df24) .df-shopbar .df-search { flex: 1; max-width: 640px; }
:is(.df24,#df24#df24) .df-shopbar .df-search input.df-search__input { min-height: 44px; background: var(--df-grey); border-color: transparent; }
:is(.df24,#df24#df24) .df-shopbar .df-search input.df-search__input:focus { background: #fff; border-color: var(--df-black); }
:is(.df24,#df24#df24) .df-shopbar__links { display: flex; gap: 6px; margin-left: auto; }
:is(.df24,#df24#df24) .df-shopbar__link { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: var(--df-radius); font-size: 13px; font-weight: 500; color: var(--df-ink); text-decoration: none; }
:is(.df24,#df24#df24) .df-shopbar__link:hover { background: var(--df-grey); color: var(--df-ink); }
:is(.df24,#df24#df24) .df-cart-count { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--df-red); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
:is(.df24,#df24#df24) .df-cart-count.is-empty { display: none; }
:is(.df24,#df24#df24) .df-shopbar__nav { background: var(--df-black); }
:is(.df24,#df24#df24) .df-shopbar__nav .df-shopbar__row { min-height: 44px; gap: 26px; }
:is(.df24,#df24#df24) .df-shopbar__menu { display: flex; flex-wrap: wrap; gap: 2px 22px; list-style: none; margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-shopbar__menu li { margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-shopbar__menu a { display: block; padding: 12px 0; color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; position: relative; }
:is(.df24,#df24#df24) .df-shopbar__menu a[aria-current="page"]::after, :is(.df24,#df24#df24) .df-shopbar__menu a:hover::after { content: ''; position: absolute; left: 0; right: 0; bottom: 6px; height: 2px; background: var(--df-red); }
:is(.df24,#df24#df24) .df-allcats { position: relative; }
:is(.df24,#df24#df24) .df-allcats__btn { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px; border: 0; border-radius: var(--df-radius); background: var(--df-red); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
:is(.df24,#df24#df24) .df-allcats__btn:hover { background: var(--df-red-dark); }
:is(.df24,#df24#df24) .df-allcats__btn[aria-expanded="true"] .df-icon--chevron { transform: rotate(180deg); }
:is(.df24,#df24#df24) .df-allcats__menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 9996; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 28px; width: min(760px, 90vw); padding: 22px; background: #fff; border-radius: var(--df-radius-lg); box-shadow: var(--df-shadow-lg); }
:is(.df24,#df24#df24) .df-allcats__menu[hidden] { display: none; }
:is(.df24,#df24#df24) .df-allcats__menu a { color: var(--df-ink); text-decoration: none; }
:is(.df24,#df24#df24) .df-allcats__parent { display: block; padding: 6px 0; margin-bottom: 6px; border-bottom: 2px solid var(--df-red); font-weight: 700; font-size: 14px; }
:is(.df24,#df24#df24) .df-allcats__col ul { list-style: none; margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-allcats__col li { margin: 0; }
:is(.df24,#df24#df24) .df-allcats__col li a { display: block; padding: 4px 0; font-size: 13.5px; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-allcats__col a:hover { color: var(--df-red); }
@container df24block (max-width: 760px) {
	:is(.df24,#df24#df24) .df-shopbar__top .df-shopbar__row { flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 10px; min-height: 0; }
	:is(.df24,#df24#df24) .df-shopbar .df-search { order: 2; flex-basis: 100%; max-width: none; }
	:is(.df24,#df24#df24) .df-shopbar__links { margin-left: 0; order: 1; width: 100%; justify-content: flex-end; }
	:is(.df24,#df24#df24) .df-shopbar__link span:not(.df-cart-count) { display: none; }
	:is(.df24,#df24#df24) .df-shopbar__menu { display: none; }
}

/* Shopseite: Kopf wie im Vorschlag */
:is(.df24,#df24#df24).df-bc { margin: 4px 0 4px; }
:is(.df24,#df24#df24) .df-shophead .df-h1 { font-size: clamp(30px, 3.2vw, 40px); font-weight: 500; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering select { min-width: 240px; }

/* Produktseite */
:is(.df24,#df24#df24) .df-single__media .woocommerce-product-gallery__image { border: 1px solid var(--df-line); border-radius: var(--df-radius); background: #fff; }
:is(.df24,#df24#df24) .df-single__media .woocommerce-product-gallery__image img { object-fit: contain; }
:is(.df24,#df24#df24) .df-single__media .flex-control-thumbs { grid-template-columns: repeat(5, 92px); }
:is(.df24,#df24#df24) .df-single__media .flex-control-thumbs img { border: 1px solid var(--df-line); border-radius: 2px; background: #fff; }
:is(.df24,#df24#df24) .df-single__media .flex-control-thumbs img.flex-active { border: 2px solid var(--df-red); }
:is(.df24,#df24#df24) .df-single__title { font-size: clamp(28px, 3vw, 40px); font-weight: 500; line-height: 1.12; }
:is(.df24,#df24#df24) .df-single__summary > .df-kicker { font-size: 11px; }
:is(.df24,#df24#df24) .df-price--single .df-price__main { font-size: clamp(30px, 3vw, 38px); color: var(--df-red); }
:is(.df24,#df24#df24) .df-price--single .df-from { font-size: 22px; }
:is(.df24,#df24#df24) .df-single__summary .single_add_to_cart_button.disabled { background: var(--df-grey-2) !important; border-color: var(--df-grey-2) !important; color: var(--df-muted) !important; opacity: 1; }
:is(.df24,#df24#df24) .df-single__summary .df-btn--outline.df-btn--block { border-color: var(--df-red); color: var(--df-red); background: #fff; }
:is(.df24,#df24#df24) .df-single__summary .df-btn--outline.df-btn--block:hover { background: var(--df-red); color: #fff; }
:is(.df24,#df24#df24) .woocommerce-tabs { border: 1px solid var(--df-line); border-radius: var(--df-radius); background: #fff; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs { padding: 0 24px; gap: 4px 26px; border-bottom: 1px solid var(--df-line); }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { padding: 16px 4px; font-size: 13.5px; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel { padding: 24px 24px 28px; margin: 0; max-width: none; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel > * { max-width: 900px; }
:is(.df24,#df24#df24) .related > h2, :is(.df24,#df24#df24) .upsells > h2 { font-size: 28px; font-weight: 500; }
/* Spaltenzahl der Produktreihen nach verfügbarer Breite */
@container df24block (max-width: 960px) { :is(.df24,#df24#df24) .df-products--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container df24block (max-width: 680px) { :is(.df24,#df24#df24) .df-products--4, :is(.df24,#df24#df24) .df-products--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container df24main (max-width: 820px) { :is(.df24,#df24#df24) .df-products--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container df24main (max-width: 640px) { :is(.df24,#df24#df24) .df-products--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
:is(.df24,#df24#df24) .df-cats { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
:is(.df24,#df24#df24) .df-catcard__name { overflow-wrap: anywhere; hyphens: auto; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; padding: 0; list-style: none; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .flex-control-thumbs li img { width: 100% !important; height: auto !important; }
@container df24main (max-width: 700px) {
	:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list { grid-template-columns: 160px minmax(0, 1fr); gap: 6px 20px; }
}
@container df24main (min-width: 701px) {
	:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list { grid-template-columns: 170px minmax(0, 1fr) 240px; gap: 24px; }
	:is(.df24,#df24#df24) .df-card--list .df-card__media { grid-row: auto; }
	:is(.df24,#df24#df24) .df-card--list .df-card__buy { grid-column: auto; align-items: flex-end; text-align: right; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions { justify-content: flex-end; }
}
@container df24main (max-width: 700px) {
	:is(.df24,#df24#df24) .df-card--list .df-card__actions { flex-wrap: wrap; justify-content: flex-start; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { flex: 1 1 auto; }
}
@container df24main (max-width: 520px) {
	:is(.df24,#df24#df24) ul.df-products.df-products--list li.df-card--list,
	:is(.df24,#df24#df24) .woocommerce ul.products.df-products--list li.product.df-card--list { grid-template-columns: 96px minmax(0, 1fr); gap: 6px 14px; padding: 20px 0; }
	:is(.df24,#df24#df24) .df-card--list .df-card__media { grid-row: auto; }
	:is(.df24,#df24#df24) .df-card--list .df-card__buy { grid-column: 1 / -1; align-items: stretch; text-align: left; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { flex: 1 1 100%; }
	:is(.df24,#df24#df24) .df-card--list .df-card__title { font-size: 16px; }
	:is(.df24,#df24#df24) .df-card--list .df-card__idline { font-size: 12.5px; overflow-wrap: anywhere; }
}
:is(.df24,#df24#df24) .df-card, :is(.df24,#df24#df24) .df-card__body { min-width: 0; }
@container df24main (max-width: 520px) {
	:is(.df24,#df24#df24) .df-card--list .df-badges { top: 4px; left: 4px; }
	:is(.df24,#df24#df24) .df-card--list .df-badge { font-size: 9px; padding: 2px 5px; letter-spacing: .04em; }
}

/* Eigener heller Hintergrund für den Shop-Bereich – auch in dunklen Themes (z. B. Enfold mit schwarzem Inhaltsbereich).
   Der Hintergrund reicht über die ganze Fensterbreite, der Inhalt bleibt in der Inhaltsbreite. */
.df24-frame { background: var(--df-white, #fff); color: var(--df-text, #2b2d31); padding-bottom: 48px; }
body.df24-wc #main, body.df24-wc #main > .container_wrap { background-color: var(--df-white, #fff); }
.df24-frame a:not(.df-btn) { color: inherit; }
:is(body.df24-wc,#df24#df24) .df24-frame :is(h1,h2,h3,h4) { color: var(--df-ink, #111); }

/* ===== 1.2.6: Immer hell, helle Kategorie-Leiste, Theme-Konflikte (Enfold) ===== */
:is(.df24,body.df24-wc,.df24-frame,#df24#df24) { color-scheme: only light; }
@media (prefers-color-scheme: dark) {
	:is(.df24,#df24#df24), .df24-frame { color: var(--df-text, #2b2d31); }
	.df24-frame { background: var(--df-white, #fff); }
}
:is(.df24,#df24#df24) :is(input, select, textarea) { color-scheme: only light; background-color: #fff; color: var(--df-ink); }

/* Kategorie-Leiste hell */
:is(.df24,#df24#df24) .df-shopbar__nav--light { background: var(--df-grey, #f2f2f3); border-top: 1px solid var(--df-line, #e4e4e7); border-bottom: 1px solid var(--df-line, #e4e4e7); }
:is(.df24,#df24#df24) .df-shopbar__nav--light .df-shopbar__menu a { color: var(--df-ink); }
:is(.df24,#df24#df24) .df-shopbar__nav--light .df-shopbar__menu a:hover { color: var(--df-red); }

/* Sortierung: Enfold positioniert das Feld absolut – zurücksetzen */
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering { position: static !important; inset: auto !important; float: none !important; margin: 0 !important; width: auto !important; z-index: auto !important; display: block !important; }
:is(.df24,#df24#df24) .df-toolbar .woocommerce-ordering select { position: static !important; opacity: 1 !important; width: auto !important; min-width: 190px; height: auto; }

/* Enfold-Bild-Overlays (dunkler Schleier beim Überfahren) im Shop abschalten */
:is(.df24,#df24#df24) .image-overlay { display: none !important; }

/* Listenansicht: Buttons untereinander in der Kaufspalte, nichts ragt in den Text */
@container df24main (min-width: 701px) {
	:is(.df24,#df24#df24) .df-card--list .df-card__actions { flex-direction: column; flex-wrap: nowrap; align-items: stretch; width: 100%; }
	:is(.df24,#df24#df24) .df-card--list .df-card__actions .df-btn { width: 100%; justify-content: center; white-space: nowrap; }
	:is(.df24,#df24#df24) .df-card--list .df-card__buy { min-width: 0; }
}
:is(.df24,#df24#df24) .df-card--list .df-card__body { min-width: 0; overflow-wrap: anywhere; }

/* 1.2.9: Warenkorb-Button in Produktkarten */
:is(.df24,#df24#df24) .df-card__actions .df-card__cart.button { margin: 0; line-height: 1.2; border-radius: var(--df-radius, 6px); text-transform: none; letter-spacing: 0; box-shadow: none; }
:is(.df24,#df24#df24) .df-card__actions .df-card__cart svg { flex: none; }
:is(.df24,#df24#df24) .df-card__actions .df-card__cart.loading { opacity: .7; pointer-events: none; }
:is(.df24,#df24#df24) .df-card__actions .df-card__cart.loading::after,
:is(.df24,#df24#df24) .df-card__actions .df-card__cart.added::after { display: none !important; content: none !important; }
:is(.df24,#df24#df24) .df-card__actions .added_to_cart { flex: 1 1 100%; text-align: center; font-size: 13px; font-weight: 600; color: var(--df-primary, #f7171f); text-decoration: underline; padding: 2px 0 0; background: none; border: 0; }

/* 1.3.0: Feinschliff Abstände & Responsive */
/* Enfold fügt eigene +/- Felder in die Mengenauswahl ein – nur die des Shops zeigen. */
:is(.df24,#df24#df24) .df-qty input.minus,
:is(.df24,#df24#df24) .df-qty input.plus { display: none !important; }
/* Enfold-Galerie: Vorschaubilder als gleichmäßiges Raster statt Float. */
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child { display: block; border: 1px solid var(--df-line); border-radius: var(--df-radius-lg); overflow: hidden; background: #fff; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0 !important; padding: 0; height: auto !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails::before,
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails::after { content: none !important; display: none !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: block; aspect-ratio: 1 / 1; border: 1px solid var(--df-line); border-radius: var(--df-radius); overflow: hidden; background: #fff; transition: border-color .15s; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a:hover { border-color: var(--df-red); }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a img { display: block; width: 100% !important; height: 100% !important; object-fit: contain; margin: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .image-overlay,
:is(.df24,#df24#df24) .woocommerce-product-gallery .avia-img-lazy-loading-not { pointer-events: auto; }
/* Germanized zeigt den Steuer-/Versandhinweis mit Link – dann den eigenen Hinweis ausblenden (kein doppelter Text). */
:is(.df24,#df24#df24) .summary:has(.legal-price-info) .df-price__note,
:is(.df24,#df24#df24) .df-buybox:has(.legal-price-info) .df-price__note { display: none; }
:is(.df24,#df24#df24) .summary .legal-price-info { margin: 2px 0 6px; font-size: 12px; color: var(--df-muted); }
:is(.df24,#df24#df24) .summary .legal-price-info a { color: inherit; text-decoration: underline; }
@container df24block (max-width: 760px) {
	/* Suche und Konto/Warenkorb in einer Zeile. */
	:is(.df24,#df24#df24) .df-shopbar__top .df-shopbar__row { flex-wrap: nowrap; }
	:is(.df24,#df24#df24) .df-shopbar .df-search { order: 1; flex: 1 1 0; min-width: 0; }
	:is(.df24,#df24#df24) .df-shopbar__links { order: 2; width: auto; flex: none; gap: 2px; }
}
@container df24block (max-width: 440px) {
	:is(.df24,#df24#df24) .df-shopbar .df-search input { font-size: 14px; }
	:is(.df24,#df24#df24) .df-card--grid .df-card__actions .df-btn { padding: 8px 8px; font-size: 12.5px; white-space: normal; text-align: center; }
	:is(.df24,#df24#df24) .df-card--grid .df-card__cart svg { display: none; }
}

/* 1.3.1: einheitliche dünne Rahmen, Bildanordnung, Registerkarten */
:root { --df-frame: 1px solid #e3e4e6; }
/* Galerie: Enfold-Rahmen und -Innenabstand der Bilder entfernen, nur ein heller Rahmen außen. */
:is(.df24,#df24#df24) .woocommerce-product-gallery img { border: 0 !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: none !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child { border: var(--df-frame) !important; border-radius: 10px !important; padding: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { aspect-ratio: 4 / 3; object-fit: contain; background: #fff !important; }
/* Vorschaubilder: alle in einer Reihe, gleich groß; bei vielen Bildern seitlich wischen. */
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails { display: grid !important; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(64px, 1fr); gap: 10px; margin: 12px 0 0 !important; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { border: var(--df-frame) !important; border-radius: 8px !important; aspect-ratio: 1 / 1; padding: 4px !important; max-width: 120px; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a:hover { border-color: var(--df-red) !important; }
/* Registerkarten: ein dünner Rahmen außen, Reiter mit roter Unterstreichung, gleiche Abstände. */
:is(.df24,#df24#df24) .woocommerce-tabs { border: var(--df-frame) !important; border-radius: 10px !important; padding: 0 !important; margin: 48px 0 0 !important; background: #fff; overflow: hidden; box-shadow: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs { display: flex !important; flex-wrap: wrap; gap: 0 28px !important; padding: 0 28px !important; margin: 0 !important; border: 0 !important; border-bottom: var(--df-frame) !important; background: #fafafa; overflow: visible !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { border: 0 !important; border-bottom: 2px solid transparent !important; margin: 0 0 -1px !important; padding: 16px 2px 14px !important; background: none !important; font-size: 14px; font-weight: 600; color: var(--df-muted) !important; line-height: 1.3; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a:hover { color: var(--df-ink) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active a { color: var(--df-ink) !important; border-bottom-color: var(--df-red) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel { border: 0 !important; margin: 0 !important; padding: 28px 28px 32px !important; background: none !important; box-shadow: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel > * { max-width: 900px; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel > :first-child { margin-top: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel > :last-child { margin-bottom: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel p,
:is(.df24,#df24#df24) .woocommerce-tabs .panel ul { margin: 0 0 14px; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel :is(h2,h3,h4,strong:only-child) { margin-top: 20px; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-tabs { margin-top: 32px !important; }
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs { gap: 0 16px !important; padding: 0 14px !important; }
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { padding: 13px 0 11px !important; font-size: 13px; }
	:is(.df24,#df24#df24) .woocommerce-tabs .panel { padding: 20px 16px 24px !important; }
	:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails { grid-auto-columns: minmax(46px, 1fr); gap: 8px; }
	:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { padding: 2px !important; }
}
/* Kacheln: Buttons in jeder Reihe auf gleicher Höhe, gleichmäßige Abstände. */
:is(.df24,#df24#df24) .df-card--grid .df-card__body { flex: 0 0 auto !important; }
:is(.df24,#df24#df24) .df-card--grid .df-card__buy { flex: 1 1 auto; display: flex; flex-direction: column; }
:is(.df24,#df24#df24) .df-card--grid .df-card__actions { margin-top: auto !important; padding-top: 6px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__title { min-height: 2.7em; }
@media (max-width: 600px) {
	:is(.df24,#df24#df24) .df-card--grid .df-card__sku { display: none; }
	:is(.df24,#df24#df24) .df-card--grid .df-card__excerpt { display: none; }
	:is(.df24,#df24#df24) .df-card--grid .df-card__title { min-height: 0; font-size: 14px; }
}

/* 1.3.3: Warenkorb & Kasse – ohne Tabellengitter, luftig, Karten-Optik */
:is(body.df24-wc,#df24#df24).woocommerce-cart .woocommerce:has(.woocommerce-cart-form) { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 0 48px; align-items: start; }
:is(body.df24-wc,#df24#df24).woocommerce-cart .woocommerce:has(.woocommerce-cart-form) > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
:is(body.df24-wc,#df24#df24).woocommerce-cart .woocommerce:has(.woocommerce-cart-form) > .cart-collaterals { width: auto !important; float: none !important; margin: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; float: none !important; }
:is(body.df24-wc,#df24#df24).woocommerce-cart .cart-collaterals .cross-sells { display: none; }

/* Alle Gitterlinien entfernen */
:is(body.df24-wc,#df24#df24) :is(.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order) table.shop_table { border: 0 !important; border-collapse: separate !important; border-spacing: 0; background: transparent !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; width: 100%; }
:is(body.df24-wc,#df24#df24) :is(.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order) table.shop_table :is(th, td, tr, thead, tbody, tfoot) { border: 0 !important; background: transparent !important; box-shadow: none !important; }

/* Kopfzeile Warenkorb */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form thead th { padding: 0 12px 12px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--df-muted, #6b7280) !important; text-align: left; border-bottom: 1px solid var(--df-line, #e3e4e6) !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form thead th.product-subtotal { text-align: right; }

/* Artikelzeilen */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td { padding: 20px 12px !important; vertical-align: middle !important; border-bottom: 1px solid var(--df-line, #e3e4e6) !important; font-size: 15px; color: var(--df-ink, #111); text-align: left; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-remove { width: 44px; padding-left: 0 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail { width: 112px; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail a { display: block; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail img { display: block; width: 96px !important; height: 96px !important; max-width: none; object-fit: contain; background: #fff; border: 1px solid var(--df-line, #e3e4e6) !important; border-radius: 10px; padding: 6px; box-shadow: none !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail .image-overlay { display: none !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-name a { color: var(--df-ink, #111) !important; font-weight: 600; font-size: 15.5px; line-height: 1.4; text-decoration: none; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-name a:hover { color: var(--df-red, #f7171f) !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-name :is(.wc-gzd-cart-info, dl, p) { font-size: 12.5px; color: var(--df-muted, #6b7280); margin: 4px 0 0; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-price { color: var(--df-muted, #6b7280); white-space: nowrap; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-subtotal { text-align: right !important; font-weight: 700; white-space: nowrap; padding-right: 0 !important; }

/* Entfernen-Knopf */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form a.remove { display: inline-flex !important; align-items: center; justify-content: center; width: 30px !important; height: 30px !important; border-radius: 50%; border: 1px solid var(--df-line, #e3e4e6) !important; background: #fff !important; background-image: none !important; color: var(--df-muted, #6b7280) !important; font-size: 18px !important; line-height: 1 !important; text-indent: 0 !important; text-decoration: none; transition: .15s; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form a.remove::before,
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form a.remove::after { display: none !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form a.remove:hover { border-color: var(--df-red, #f7171f) !important; color: #fff !important; background: var(--df-red, #f7171f) !important; }

/* Menge */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .quantity { display: inline-flex !important; align-items: stretch; border: 1px solid var(--df-line-strong, #d1d5db); border-radius: 8px; overflow: hidden; background: #fff; float: none !important; margin: 0 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .quantity :is(input.minus, input.plus, .df-qty__btn) { width: 36px !important; min-height: 40px; border: 0 !important; background: #f6f7f9 !important; color: var(--df-ink, #111) !important; font-size: 16px; cursor: pointer; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .quantity :is(input.minus, input.plus, .df-qty__btn):hover { background: #eceef1 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .quantity:has(.df-qty__btn) :is(input.minus, input.plus) { display: none !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form .quantity input.qty { width: 46px !important; min-height: 40px; border: 0 !important; text-align: center; font-weight: 600; padding: 0 !important; margin: 0 !important; background: #fff !important; box-shadow: none !important; -moz-appearance: textfield; }

/* Aktionen (Gutschein / aktualisieren) */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions { padding: 20px 0 0 !important; text-align: right; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions .coupon { float: left; display: flex; gap: 8px; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions .coupon input.input-text { min-height: 44px; border: 1px solid var(--df-line-strong, #d1d5db) !important; border-radius: 8px; padding: 0 14px !important; width: 200px; margin: 0 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions button[name="update_cart"] { background: #fff !important; color: var(--df-ink, #111) !important; border: 1px solid var(--df-line-strong, #d1d5db) !important; min-height: 44px; padding: 0 20px !important; border-radius: 8px !important; font-weight: 600; opacity: 1; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions button[name="update_cart"]:disabled { color: var(--df-muted, #9ca3af) !important; cursor: default; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions button[name="update_cart"]:not(:disabled):hover { border-color: var(--df-ink, #111) !important; }

/* Summenbox */
:is(body.df24-wc,#df24#df24) .cart_totals { background: #fafafa; border: 1px solid var(--df-line, #e3e4e6); border-radius: 12px; padding: 24px 24px 20px; }
:is(body.df24-wc,#df24#df24) .cart_totals > h2 { font-size: 18px !important; font-weight: 600 !important; margin: 0 0 8px !important; color: var(--df-ink, #111) !important; text-transform: none !important; letter-spacing: 0 !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table :is(th, td) { padding: 12px 0 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; vertical-align: top; border-top: 1px solid var(--df-line, #e3e4e6) !important; }
:is(body.df24-wc,#df24#df24) .cart_totals table.shop_table tr:first-child :is(th, td) { border-top: 0 !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table th { font-weight: 500 !important; color: var(--df-muted, #6b7280) !important; text-align: left; width: 42%; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table td { text-align: right !important; color: var(--df-ink, #111); }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table td::before { display: none !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) .order-total :is(th, td) { border-top: 2px solid var(--df-ink, #111) !important; padding-top: 14px !important; font-size: 17px !important; font-weight: 700 !important; color: var(--df-ink, #111) !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) .order-total td strong,
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) .order-total .amount { color: var(--df-red, #f7171f) !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) #shipping_method { list-style: none; margin: 0 !important; padding: 0 !important; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) #shipping_method li { margin: 0 !important; padding: 0 !important; font-weight: 500; line-height: 1.45; }
:is(body.df24-wc,#df24#df24) .cart_totals .woocommerce-shipping-destination { font-size: 12.5px; color: var(--df-muted, #6b7280); margin: 6px 0 0; }
:is(body.df24-wc,#df24#df24) .cart_totals .shipping-calculator-button { font-size: 12.5px; color: var(--df-muted, #6b7280) !important; text-decoration: underline; display: inline-block; margin-top: 6px; }
:is(body.df24-wc,#df24#df24) .cart_totals .wc-proceed-to-checkout { padding: 8px 0 0 !important; }
:is(body.df24-wc,#df24#df24) .cart_totals .wc-proceed-to-checkout .checkout-button { border-radius: 8px !important; }
:is(body.df24-wc,#df24#df24) .cart_totals :is(.wc-gzd-additional-info, .tax-rate) { font-size: 12px; color: var(--df-muted, #6b7280); }

/* Kasse: Bestellübersicht */
:is(body.df24-wc,#df24#df24) .woocommerce-checkout-review-order table.shop_table thead th { border-top: 0 !important; font-size: 12px !important; letter-spacing: .06em !important; text-transform: uppercase !important; padding-top: 0 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-checkout-review-order table.shop_table td.product-name { text-align: left !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-checkout-review-order table.shop_table tbody td { color: var(--df-ink, #111); }

/* Tablet & Handy */
@media (max-width: 989px) {
	:is(body.df24-wc,#df24#df24).woocommerce-cart .woocommerce:has(.woocommerce-cart-form) { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 767px) {
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table thead { display: none !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table, :is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table tbody { display: block !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item { display: grid !important; grid-template-columns: 76px minmax(0, 1fr) 32px; grid-template-areas: "thumb name remove" "thumb price price" "thumb qty sub"; gap: 6px 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--df-line, #e3e4e6) !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td { display: block !important; padding: 0 !important; border: 0 !important; width: auto !important; text-align: left !important; font-size: 14px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td::before { display: none !important; content: none !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail { grid-area: thumb; align-self: start; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail img { width: 76px !important; height: 76px !important; padding: 4px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-name { grid-area: name; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-name a { font-size: 14.5px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-remove { grid-area: remove; align-self: start; justify-self: end; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-price { grid-area: price; font-size: 13px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-quantity { grid-area: qty; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-subtotal { grid-area: sub; text-align: right !important; justify-self: end; font-size: 15px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr:not(.cart_item) { display: block !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions { display: block !important; padding: 16px 0 0 !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions .coupon { float: none; margin-bottom: 10px; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions .coupon input.input-text { flex: 1; width: auto; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions button[name="update_cart"] { width: 100%; }
	:is(body.df24-wc,#df24#df24) .cart_totals { padding: 20px 16px 16px; }
	:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table tr { display: table-row !important; }
	:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table :is(th, td) { display: table-cell !important; }
}
:is(body.df24-wc,#df24#df24) .cart_totals { display: flow-root; height: auto !important; }
:is(body.df24-wc,#df24#df24) .cart_totals .wc-proceed-to-checkout { float: none !important; width: 100% !important; clear: both; }
:is(body.df24-wc,#df24#df24) :is(.cart_totals, .woocommerce-checkout-review-order) table.shop_table td :is(p, ul, li, label, .woocommerce-shipping-destination, form) { text-align: right !important; }
:is(body.df24-wc,#df24#df24) .cart_totals .woocommerce-shipping-calculator { margin: 0; }
/* Hinweisbox „…wurde Ihrem Warenkorb hinzugefügt“: Button nicht über dem Text */
:is(.df24,body.df24-wc,#df24#df24) .woocommerce-message { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
:is(.df24,body.df24-wc,#df24#df24) .woocommerce-message .button { position: static !important; float: none !important; margin: 0 0 0 auto !important; white-space: nowrap; }
@media (max-width: 600px) {
	:is(.df24,body.df24-wc,#df24#df24) .woocommerce-message .button { margin: 0 !important; width: 100%; text-align: center; }
}

/* 1.3.5 – Produktseite nach Vorgabe */
/* Vorschaubilder: 3 pro Reihe über die ganze Bildbreite, gleich groß, gleiche Abstände. */
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails { display: grid !important; grid-auto-flow: row !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-columns: auto !important; gap: 12px !important; margin: 12px 0 0 !important; padding: 0 !important; overflow: visible !important; width: 100% !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { max-width: none !important; width: 100% !important; aspect-ratio: 4 / 3 !important; padding: 6px !important; box-sizing: border-box; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails { gap: 8px !important; }
	:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { padding: 3px !important; }
}
/* Registerkarten: ein gemeinsamer Kasten mit durchgehend schwarzem Rahmen,
   Reiter mit Abstand und senkrechter Trennlinie dazwischen. */
:is(.df24,#df24#df24) .woocommerce-tabs { --df-tabline: #111; border: 1px solid var(--df-tabline) !important; border-radius: 8px !important; background: #fff !important; overflow: hidden; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs { display: flex !important; flex-wrap: wrap; gap: 0 !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--df-tabline) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li { flex: 0 0 auto; border: 0 !important; border-right: 1px solid var(--df-tabline) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { padding: 16px 32px !important; margin: 0 !important; border: 0 !important; border-bottom: 3px solid transparent !important; font-size: 14.5px; color: var(--df-muted, #6b7280) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active a { color: var(--df-ink, #111) !important; border-bottom-color: var(--df-red, #f7171f) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs .panel { border: 0 !important; padding: 28px 32px 32px !important; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li { flex: 1 1 auto; }
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:last-child { border-right: 0 !important; }
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a { padding: 13px 12px !important; font-size: 13px; text-align: center; }
	:is(.df24,#df24#df24) .woocommerce-tabs .panel { padding: 20px 16px 24px !important; }
}
/* Bildvergrößerung (Enfold-Lightbox) auf Shopseiten: Bild sichtbar auch in Safari, Schließen-Kreuz bleibt beim Scrollen sichtbar. */
body.df24-wc .mfp-wrap { position: fixed !important; top: 0 !important; height: 100% !important; overflow-y: auto; -webkit-overflow-scrolling: touch; }
body.df24-wc .mfp-figure::after { display: none !important; }
body.df24-wc .mfp-figure, body.df24-wc .mfp-content { background: transparent !important; }
body.df24-wc img.mfp-img { position: relative; z-index: 2; display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: calc(100vh - 80px) !important; margin: 0 auto; padding: 40px 0 !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; -webkit-transform: translateZ(0); transform: translateZ(0); }
body.df24-wc .mfp-close { position: fixed !important; top: 14px !important; right: 14px !important; z-index: 10050 !important; width: 44px !important; height: 44px !important; line-height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: rgba(0, 0, 0, .65) !important; color: #fff !important; opacity: 1 !important; font-size: 28px !important; text-align: center !important; }
body.df24-wc .mfp-close:hover { background: var(--df-red, #f7171f) !important; }
body.df24-wc .mfp-arrow { position: fixed !important; }
body.df24-wc .mfp-counter { position: fixed; bottom: 14px; right: 18px; top: auto; }
/* Trennlinie zwischen allen Reitern, auch neben dem aktiven Reiter */
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active { border: 0 !important; box-shadow: inset -1px 0 0 var(--df-tabline, #111) !important; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:last-child { box-shadow: none !important; }
}
/* 1.3.7: Trennlinien als eigene Linien-Elemente – bleiben beim Reiterwechsel (auch in Safari) sichtbar */
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li.active { position: relative !important; z-index: auto !important; box-shadow: none !important; border: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a:focus,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li a:hover { position: relative; z-index: 1 !important; background: transparent !important; outline-offset: -3px; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li::before,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li::after { content: none !important; display: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:not(:first-child)::before,
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:last-child::after { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; bottom: 0 !important; width: 1px !important; height: auto !important; background: var(--df-tabline, #111) !important; z-index: 3 !important; pointer-events: none; border: 0 !important; margin: 0 !important; transform: none !important; opacity: 1 !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:not(:first-child)::before { left: 0 !important; right: auto !important; }
:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:last-child::after { right: -1px !important; left: auto !important; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-tabs ul.tabs li:last-child::after { display: none !important; }
}
/* 1.3.8: Bilder füllen ihren Rahmen immer ganz aus – egal welches Format hochgeladen wird */
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child { aspect-ratio: 4 / 3; overflow: hidden; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { padding: 0 !important; overflow: hidden; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; border-radius: 0 !important; }

/* 1.3.9: Technische Daten – jede Tabelle rundum schwarz umrandet, innen feine graue Linien */
:is(.df24,#df24#df24) .woocommerce-tabs table.df-specs__table { border: 1px solid var(--df-tabline, #111) !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100%; margin: 0 0 8px !important; background: #fff; }
:is(.df24,#df24#df24) .woocommerce-tabs table.df-specs__table :is(th, td) { border: 0 !important; border-top: 1px solid var(--df-line, #e3e4e6) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs table.df-specs__table tr:first-child :is(th, td) { border-top: 0 !important; }
:is(.df24,#df24#df24) .woocommerce-tabs table.df-specs__table th { border-right: 1px solid var(--df-line, #e3e4e6) !important; }

/* 1.4.0: Vollbild-Ansicht – Bilder im Originalverhältnis, nie verzerrt */
body.df24-wc img.mfp-img { padding: 0 !important; margin: 40px auto !important; box-sizing: content-box !important; width: auto !important; height: auto !important; max-width: calc(100vw - 120px) !important; max-height: calc(100vh - 80px) !important; object-fit: contain !important; }
@media (max-width: 767px) {
	body.df24-wc img.mfp-img { max-width: calc(100vw - 24px) !important; margin: 60px auto 40px !important; }
}

/* 1.4.1: Warenkorb als moderne Tabelle */
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table { border: 1px solid var(--df-line, #e3e4e6) !important; border-radius: 12px !important; overflow: hidden; background: #fff !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form thead th { background: #f6f7f9 !important; padding: 14px 16px !important; border-bottom: 1px solid var(--df-line, #e3e4e6) !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form thead th.product-name { text-align: left; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form :is(th, td).product-price,
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form :is(th, td).product-quantity { text-align: center !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td { padding: 18px 16px !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td.product-remove { padding-left: 18px !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td.product-subtotal { padding-right: 20px !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tbody tr.cart_item:hover td { background: #fcfcfd !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions { padding: 16px 20px !important; background: #f6f7f9 !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail img { width: 80px !important; height: 80px !important; }
@media (max-width: 767px) {
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table { display: block !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item { padding: 16px !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item:last-of-type { border-bottom: 0 !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td { padding: 0 !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td.product-remove { padding: 0 !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form :is(th, td).product-price { text-align: left !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.actions { padding: 14px 16px !important; border-top: 1px solid var(--df-line, #e3e4e6) !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-thumbnail img { width: 72px !important; height: 72px !important; }
}

/* 1.4.1: Kasse – zwei Spalten, einheitliche Felder, Zahlungsart ohne Doppelrahmen */
:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 0 48px; align-items: start; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout > * { grid-column: 1; min-width: 0; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout > :is(#order_review_heading, #order_review) { grid-column: 2; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout > #order_review { grid-row: 1 / span 3; position: sticky; top: 120px; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #customer_details { width: auto !important; float: none !important; padding: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #customer_details :is(.col-1, .col-2) { float: none !important; width: 100% !important; margin: 0 0 28px !important; padding: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout :is(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) > h3,
:is(body.df24-wc,#df24#df24).woocommerce-checkout #ship-to-different-address { font-size: 18px !important; font-weight: 600 !important; margin: 0 0 14px !important; text-transform: none !important; letter-spacing: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
:is(body.df24-wc,#df24#df24).woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: flex; flex-wrap: wrap; gap: 0 16px; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row { float: none !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout :is(.form-row-first, .form-row-last) { width: calc(50% - 8px) !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row label { display: block; font-size: 13.5px !important; font-weight: 600 !important; margin: 0 0 6px !important; color: var(--df-ink, #111) !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row label.checkbox,
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row label.woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 8px; font-weight: 400 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row :is(input.input-text, textarea, select),
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row .select2-container .select2-selection--single { width: 100% !important; max-width: none !important; box-sizing: border-box; min-height: 46px; border: 1px solid var(--df-line-strong, #d1d5db) !important; border-radius: 8px !important; padding: 10px 14px !important; font-size: 15px !important; background: #fff !important; box-shadow: none !important; margin: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row textarea { min-height: 110px; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row .select2-container { width: 100% !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row .select2-selection--single .select2-selection__rendered { line-height: 24px !important; padding: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row .select2-selection--single .select2-selection__arrow { height: 44px !important; right: 8px !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row :is(input.input-text, textarea, select):focus { border-color: var(--df-ink, #111) !important; outline: 2px solid rgba(247, 23, 31, .15); outline-offset: 0; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .form-row .woocommerce-input-wrapper { display: block; width: 100%; }

/* Bestellübersicht als Karte */
:is(body.df24-wc,#df24#df24).woocommerce-checkout #order_review { background: #fafafa; border: 1px solid var(--df-line, #e3e4e6); border-radius: 12px; padding: 24px !important; width: auto !important; float: none !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #order_review > h3,
:is(body.df24-wc,#df24#df24).woocommerce-checkout #order_review_heading { font-size: 18px !important; font-weight: 600 !important; margin: 0 0 12px !important; text-transform: none !important; letter-spacing: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name img { width: 52px !important; height: 52px; object-fit: contain; border: 1px solid var(--df-line, #e3e4e6); border-radius: 8px; background: #fff; padding: 3px; margin: 0 10px 0 0 !important; vertical-align: middle; float: left; }

/* Zahlungsart: ein Rahmen */
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment { border: 0 !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; margin: 0 0 18px !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment ul.payment_methods { padding: 0 !important; margin: 0 0 16px !important; border: 0 !important; background: none !important; list-style: none; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment ul.payment_methods li { border: 1px solid var(--df-line-strong, #d1d5db) !important; border-radius: 10px !important; background: #fff !important; padding: 14px 16px !important; margin: 0 0 10px !important; box-shadow: none !important; list-style: none; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { border-color: var(--df-ink, #111) !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment ul.payment_methods li > label { font-weight: 600 !important; font-size: 15px; display: inline; margin: 0 0 0 4px; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment .payment_box { border: 0 !important; background: none !important; box-shadow: none !important; padding: 8px 0 0 26px !important; margin: 0 !important; font-size: 13.5px; color: var(--df-muted, #6b7280); line-height: 1.55; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment .payment_box::before,
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment .payment_box::after { display: none !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment .payment_box p { margin: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #payment .place-order,
:is(body.df24-wc,#df24#df24).woocommerce-checkout .wc-gzd-order-submit { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout p.checkbox-legal,
:is(body.df24-wc,#df24#df24).woocommerce-checkout .wc-gzd-checkbox-placeholder p { font-size: 13px; line-height: 1.5; color: var(--df-text, #2b2d31); }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #place_order { border-radius: 8px !important; }

@media (max-width: 989px) {
	:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr); }
	:is(body.df24-wc,#df24#df24).woocommerce-checkout form.checkout > :is(#order_review_heading, #order_review) { grid-column: 1; grid-row: auto; position: static; }
}
@media (max-width: 600px) {
	:is(body.df24-wc,#df24#df24).woocommerce-checkout :is(.form-row-first, .form-row-last) { width: 100% !important; }
	:is(body.df24-wc,#df24#df24).woocommerce-checkout #order_review { padding: 18px 16px !important; }
}
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table thead th { background: #f6f7f9 !important; border-bottom: 1px solid var(--df-line, #e3e4e6) !important; }
:is(body.df24-wc,#df24#df24) .woocommerce-cart-form table.shop_table td.actions { background: #f6f7f9 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #ship-to-different-address { display: block !important; float: none !important; width: 100% !important; font-size: 14px !important; font-weight: 500 !important; margin: 0 0 18px !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout #ship-to-different-address label { display: flex; align-items: center; gap: 8px; font-weight: 500 !important; }
:is(body.df24-wc,#df24#df24).woocommerce-checkout .woocommerce-additional-fields > h3 { display: block !important; clear: both; }
@media (max-width: 767px) {
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item { grid-template-columns: 72px minmax(0, 1fr) auto !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-subtotal { padding-left: 8px !important; }
}
@media (max-width: 767px) {
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item { grid-template-areas: "thumb name remove" "thumb price price" "qty qty sub" !important; row-gap: 10px !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-quantity { justify-self: start; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form td.product-subtotal { align-self: center; font-size: 16px !important; }
}
@media (max-width: 767px) {
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item { position: relative; grid-template-columns: 72px minmax(0, 1fr) 32px !important; grid-template-areas: "thumb name remove" "thumb price price" "qty qty qty" !important; }
	:is(body.df24-wc,#df24#df24) .woocommerce-cart-form tr.cart_item td.product-subtotal { position: absolute !important; right: 16px; bottom: 26px; }
}

/* 1.4.2: Markierung „Im Warenkorb“ und selbst aktualisierender Warenkorb */
:is(.df24,#df24#df24) .df-card__media { position: relative; }
:is(.df24,#df24#df24) .df-card .df-incart-badge { position: absolute; left: 10px; bottom: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: #15803d; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.4; box-shadow: 0 2px 8px rgba(0, 0, 0, .18); pointer-events: none; }
:is(.df24,#df24#df24) .df-card.df-in-cart { border-color: #15803d !important; box-shadow: 0 0 0 1px #15803d inset; }
:is(.df24,#df24#df24) .df-incart-badge--single { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; padding: 10px 14px; border: 1px solid #bbf7d0; border-radius: 8px; background: #f0fdf4; color: #15803d; font-size: 14px; font-weight: 600; }
:is(.df24,#df24#df24) .df-incart-badge--single a { color: #15803d !important; text-decoration: underline; font-weight: 600; white-space: nowrap; }
/* Warenkorb: Aktualisieren-Button nicht mehr nötig – Mengen werden automatisch übernommen */
:is(body.df24-wc,#df24#df24).df-cart-auto .woocommerce-cart-form td.actions button[name="update_cart"] { display: none !important; }
:is(body.df24-wc,#df24#df24).df-cart-auto .woocommerce-cart-form td.actions:not(:has(.coupon)) { display: none !important; }
:is(body.df24-wc,#df24#df24).df-cart-auto .woocommerce-cart-form.processing,
:is(body.df24-wc,#df24#df24).df-cart-auto .cart_totals.processing { opacity: .6; transition: opacity .15s; }

/* 1.4.5: Leichte Immersion – nur Shop-Seiten, aus bei „weniger Bewegung“ */
@media (prefers-reduced-motion: no-preference) {
	/* 1 Sanftes Einblenden */
	:is(.df24,#df24#df24) .df-reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); transition-delay: var(--df-rd, 0ms); }
	:is(.df24,#df24#df24) .df-reveal.is-in { opacity: 1; transform: none; }
	/* 2 Karten-Hover */
	:is(.df24,#df24#df24) .df-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
	:is(.df24,#df24#df24) .df-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(17, 17, 17, .10); }
	:is(.df24,#df24#df24) .df-card__media { overflow: hidden; }
	:is(.df24,#df24#df24) .df-card__media img { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
	:is(.df24,#df24#df24) .df-card:hover .df-card__media img { transform: scale(1.04); }
	/* 5 Lebendiges Startbild */
	:is(.df24,#df24#df24) .df-hero__img { animation: df-kenburns 22s ease-in-out infinite alternate; transform-origin: 60% 50%; }
	@keyframes df-kenburns { from { transform: scale(1); } to { transform: scale(1.07); } }
	/* 8 Weiche Übergänge */
	:is(.df24,#df24#df24) .woocommerce-tabs .panel { animation: df-fadein .3s ease both; }
	:is(.df24,#df24#df24) ul.products, :is(.df24,#df24#df24) .df-products { animation: df-fadein .35s ease both; }
	@keyframes df-fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
	/* 4 Zähler pulsiert */
	:is(.df24,#df24#df24) .df-cart-count.df-pulse { animation: df-pulse .6s ease; }
	@keyframes df-pulse { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
}
:is(.df24,#df24#df24) .df-hero__visual.has-image { overflow: hidden; border-radius: var(--df-radius-lg, 12px); }

/* 3 Bild-Lupe */
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child { position: relative; }
:is(.df24,#df24#df24) .df-zoom-lens { position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: 0; transition: opacity .2s ease; background-repeat: no-repeat; background-color: #fff; border-radius: inherit; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child.df-zooming .df-zoom-lens { opacity: 1; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child.df-zoomable { cursor: zoom-in; }

/* 4 Warenkorb-Hinweis */
.df-toast { position: fixed; left: 50%; bottom: 24px; z-index: 100000; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 32px); padding: 12px 14px 12px 18px; border-radius: 12px; background: #111; color: #fff; font: 600 14px/1.3 inherit; box-shadow: 0 16px 40px rgba(0, 0, 0, .28); transition: opacity .25s ease, transform .25s ease; }
.df-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.df-toast__ok { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #16a34a; color: #fff; font-size: 13px; flex: none; }
.df-toast a { color: #fff !important; background: #f7171f; padding: 8px 12px; border-radius: 8px; text-decoration: none !important; white-space: nowrap; font-weight: 700; }
.df-toast a:hover { background: #c4101a; }
body.df-has-buybar .df-toast { bottom: 88px; }

/* 6 Kaufleiste am Computer (unten mitlaufend) */
@media (min-width: 1024px) {
	:is(.df24,#df24#df24) .df-buybar:not([hidden]) { display: flex; inset: auto 0 0 0; padding: 12px max(24px, calc((100vw - var(--df-container, 1280px)) / 2)); border-top: 1px solid var(--df-line, #e3e4e6); box-shadow: 0 -8px 24px rgba(0, 0, 0, .08); animation: df-slideup .25s ease both; }
	:is(.df24,#df24#df24) .df-buybar__info { flex-direction: row; align-items: baseline; gap: 18px; }
	:is(.df24,#df24#df24) .df-buybar__name { font-size: 15px; }
	:is(.df24,#df24#df24) .df-buybar__price { font-size: 18px; color: var(--df-red, #f7171f); }
	@keyframes df-slideup { from { transform: translateY(100%); opacity: 0; } to { transform: none; opacity: 1; } }
}

/* 7 Technische Daten: Zeile hervorheben */
:is(.df24,#df24#df24) .df-specs__table tbody tr { transition: background-color .15s ease; }
:is(.df24,#df24#df24) .df-specs__table tbody tr:hover > * { background-color: #fff6f6 !important; }
:is(.df24,#df24#df24) .df-specs__table tbody tr:hover th { color: var(--df-ink, #111) !important; }

/* 1.4.9: Kategorieseiten wie Fachhändler-Shop: Anzahl oben, Vorteile, Infotext/FAQ und Beratung unten */
:is(.df24,#df24#df24) .df-shophead__count { margin: 6px 0 0; color: var(--df-muted, #6b7280); font-size: 15px; }
:is(.df24,#df24#df24) .df-catfoot { margin-top: 56px; display: grid; gap: 40px; }
:is(.df24,#df24#df24) .df-catinfo { border-top: 1px solid var(--df-line, #e3e4e6); padding-top: 36px; }
:is(.df24,#df24#df24) .df-catinfo__body { max-width: 900px; font-size: 15.5px; line-height: 1.65; color: var(--df-text, #2b2d31); }
:is(.df24,#df24#df24) .df-catinfo__body h2 { font-size: 24px; margin: 0 0 14px; color: var(--df-ink, #111); }
:is(.df24,#df24#df24) .df-catinfo__body h3 { font-size: 18px; margin: 26px 0 8px; color: var(--df-ink, #111); }
:is(.df24,#df24#df24) .df-catinfo__body details { border: 1px solid var(--df-line, #e3e4e6); border-radius: 10px; padding: 0 18px; margin: 0 0 10px; background: #fff; }
:is(.df24,#df24#df24) .df-catinfo__body summary { cursor: pointer; padding: 15px 0; font-weight: 600; color: var(--df-ink, #111); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
:is(.df24,#df24#df24) .df-catinfo__body summary::-webkit-details-marker { display: none; }
:is(.df24,#df24#df24) .df-catinfo__body summary::after { content: "+"; color: var(--df-red, #f7171f); font-size: 20px; line-height: 1; }
:is(.df24,#df24#df24) .df-catinfo__body details[open] summary::after { content: "–"; }
:is(.df24,#df24#df24) .df-catinfo__body details > p { margin: 0 0 16px; }

/* 1.5.0: „Alle Kategorien“ entfällt – Kategorien direkt in der Leiste, mobil wischbar */
@container df24block (max-width: 760px) {
	:is(.df24,#df24#df24) .df-shopbar__menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	:is(.df24,#df24#df24) .df-shopbar__menu::-webkit-scrollbar { display: none; }
	:is(.df24,#df24#df24) .df-shopbar__menu a { white-space: nowrap; }
}

/* 1.5.3: Ohne Filter – Produkte über die volle Breite, Bilder in einer Reihe */
:is(.df24,#df24#df24) .df-shop:not(:has(.df-filters)) { grid-template-columns: minmax(0, 1fr); }
:is(.df24,#df24#df24) .df-shop:not(:has(.df-filters)) .df-products--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:is(.df24,#df24#df24) .df-shop:not(:has(.df-filters)) .df-empty__actions .df-toolbar__filter { display: none; }
@container df24main (max-width: 1000px) { :is(.df24,#df24#df24) .df-shop:not(:has(.df-filters)) .df-products--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container df24main (max-width: 640px) { :is(.df24,#df24#df24) .df-shop:not(:has(.df-filters)) .df-products--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 1.5.4: Bilder etwas kleiner und vollständig sichtbar (nicht mehr abgeschnitten) */
:is(.df24,#df24#df24) .df-card--grid .df-card__media { background: #fff; }
:is(.df24,#df24#df24) .df-card--grid .df-card__media img, :is(.df24,#df24#df24) .df-card__media img { object-fit: contain !important; padding: 8%; box-sizing: border-box; background: #fff; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child { background: #fff; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { object-fit: contain !important; padding: 5% !important; box-sizing: border-box !important; background: #fff !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a img { object-fit: contain !important; padding: 6% !important; box-sizing: border-box !important; background: #fff !important; }

/* 1.5.6: „Zur Drohne empfohlen“ in der Kaufbox */
:is(.df24,#df24#df24) .df-reco { margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--df-line, #e3e4e6); }
:is(.df24,#df24#df24) .df-reco__title { font-size: 15px; font-weight: 700; margin: 0 0 10px; color: var(--df-ink, #111); }
:is(.df24,#df24#df24) .df-reco__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
:is(.df24,#df24#df24) .df-reco__list li { margin: 0; padding: 0; }
:is(.df24,#df24#df24) .df-reco__item { display: flex; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; border: 1px solid var(--df-line, #e3e4e6); border-radius: 10px; background: #fff; color: var(--df-ink, #111); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease; }
:is(.df24,#df24#df24) .df-reco__item:hover { border-color: var(--df-red, #f7171f); box-shadow: 0 4px 14px rgba(0,0,0,.06); }
:is(.df24,#df24#df24) .df-reco__img { flex: none; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: #fff; }
:is(.df24,#df24#df24) .df-reco__img img { width: 100% !important; height: 100% !important; object-fit: contain; margin: 0; padding: 4px; box-sizing: border-box; }
:is(.df24,#df24#df24) .df-reco__txt { display: grid; gap: 2px; min-width: 0; flex: 1; }
:is(.df24,#df24#df24) .df-reco__name { font-size: 14px; font-weight: 600; line-height: 1.3; }
:is(.df24,#df24#df24) .df-reco__price { font-size: 14px; color: var(--df-red, #f7171f); font-weight: 700; }
:is(.df24,#df24#df24) .df-reco__price small { color: var(--df-muted, #6b7280); font-weight: 400; font-size: 12px; }
:is(.df24,#df24#df24) .df-reco__go { flex: none; font-size: 22px; line-height: 1; color: var(--df-red, #f7171f); }

/* 1.6.0: Bild-Großansicht (alle Browser gleich, auch Safari/iOS) */
html.df-lb-open, html.df-lb-open body { overflow: hidden !important; }
.df-lb { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; background: rgba(12, 13, 15, .82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: opacity .25s ease; }
.df-lb.is-open { display: flex; opacity: 1; animation: dfLbIn .25s ease; }
@keyframes dfLbIn { from { opacity: 0; } to { opacity: 1; } }
.df-lb__stage { position: relative; display: flex; align-items: center; justify-content: center; width: min(94vw, 1200px); height: 86vh; height: 86dvh; background: #fff; border-radius: 14px; box-shadow: 0 30px 80px rgba(0, 0, 0, .45); overflow: hidden; }
.df-lb__img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: contain; object-fit: contain; padding: clamp(12px, 3vw, 36px); box-sizing: border-box; opacity: 0; transform: scale(.98); transition: opacity .3s ease, transform .3s ease; -webkit-user-select: none; user-select: none; }
.df-lb__img.is-on { opacity: 1; transform: none; }
.df-lb__btn { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .95); color: #111; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); -webkit-appearance: none; appearance: none; transition: transform .15s, background .15s; }
.df-lb__btn:hover { transform: scale(1.06); background: #fff; }
.df-lb__btn:focus-visible { outline: 3px solid #f7171f; outline-offset: 2px; }
.df-lb__close { top: max(14px, env(safe-area-inset-top)); right: max(14px, env(safe-area-inset-right)); font-size: 20px; }
.df-lb__prev { left: max(14px, env(safe-area-inset-left)); top: 50%; margin-top: -24px; }
.df-lb__next { right: max(14px, env(safe-area-inset-right)); top: 50%; margin-top: -24px; }
.df-lb__count { position: absolute; bottom: max(12px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px; letter-spacing: .04em; }
.df-lb.is-single .df-lb__prev, .df-lb.is-single .df-lb__next { display: none; }
@media (max-width: 640px) {
	.df-lb__stage { width: 100vw; height: 78vh; height: 78dvh; border-radius: 0; }
	.df-lb__prev, .df-lb__next { top: auto; bottom: max(12px, env(safe-area-inset-bottom)); margin-top: 0; width: 44px; height: 44px; }
}
.df24 .woocommerce-product-gallery a.df-lb-trigger { cursor: zoom-in; }
.df24 .woocommerce-product-gallery a.df-lb-trigger .image-overlay { display: none !important; }

/* 1.6.0: Immersion Shop */
html:not(.df-entered) .df24 .df-enter { opacity: 0; transform: translateY(14px); }
.df24 .df-enter { transition: opacity .55s ease var(--df-ed, 0ms), transform .55s cubic-bezier(.2, .7, .2, 1) var(--df-ed, 0ms); }
@media (prefers-reduced-motion: reduce) {
	.df24 .df-enter, .df-lb, .df-lb__img { transition: none !important; animation: none !important; transform: none !important; }
	html:not(.df-entered) .df24 .df-enter { opacity: 1; }
}

/* 1.6.0b: Fallback ohne inset + Abstand zur WP-Adminleiste */
.df-lb { top: 0; right: 0; bottom: 0; left: 0; }
body.admin-bar .df-lb { top: var(--wp-admin--admin-bar--height, 32px); }

/* 1.7.0: Mehr Immersion im Shop ------------------------------------------ */
/* 5 Weicher Seitenwechsel innerhalb des Shops (Chrome/Edge/Safari 18+, sonst normal) */
@view-transition { navigation: auto; }
:is(.df24,#df24#df24) .df-shopbar { view-transition-name: df-shopbar; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; }

/* 11 Lade-Schimmer */
@keyframes df-shimmer { from { background-position: 150% 0; } to { background-position: -50% 0; } }
html.df-js :is(.df24,#df24#df24) .df-card__media:not(.is-loaded),
html.df-js :is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child:not(.is-loaded) { background: linear-gradient(100deg, #f2f2f3 30%, #fafafa 50%, #f2f2f3 70%) !important; background-size: 200% 100% !important; animation: df-shimmer 1.3s linear infinite; }
html.df-js :is(.df24,#df24#df24) .df-card__media:not(.is-loaded) img,
html.df-js :is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child:not(.is-loaded) img { opacity: 0; }
:is(.df24,#df24#df24) .df-card__media img, :is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { transition: opacity .35s ease, transform .5s cubic-bezier(.2,.7,.2,1); }

/* 12 Fortschrittsbalken */
.df-progress { position: fixed; top: 0; left: 0; z-index: 2147483002; height: 3px; width: 100%; background: #f7171f; transform-origin: 0 50%; transform: scaleX(0); opacity: 0; pointer-events: none; box-shadow: 0 0 10px rgba(247, 23, 31, .5); }
.df-progress.is-on { opacity: 1; animation: df-prog 2.4s cubic-bezier(.1,.7,.2,1) forwards; }
@keyframes df-prog { 0% { transform: scaleX(0); } 30% { transform: scaleX(.45); } 100% { transform: scaleX(.88); } }
body.admin-bar .df-progress { top: var(--wp-admin--admin-bar--height, 32px); }

/* 2 Kategorie-Leiste mit Glas-Effekt */
.df-glassnav { position: fixed; left: 0; right: 0; top: var(--df-hdr, 0px); z-index: 9980; transform: translateY(-110%); opacity: 0; visibility: hidden; transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .25s ease, visibility 0s linear .35s; pointer-events: none; }
.df-glassnav.is-on { transform: none; opacity: 1; visibility: visible; transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .25s ease; pointer-events: auto; }
:is(.df24,#df24#df24).df-glassnav .df-shopbar__nav { background: rgba(255, 255, 255, .72) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-top: 0; border-bottom: 1px solid rgba(0, 0, 0, .07); box-shadow: 0 8px 24px rgba(0, 0, 0, .06); }
:is(.df24,#df24#df24).df-glassnav .df-shopbar__nav--dark { background: rgba(17, 17, 17, .72) !important; }
:is(.df24,#df24#df24).df-glassnav .df-shopbar__menu { display: flex !important; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
:is(.df24,#df24#df24).df-glassnav .df-shopbar__menu::-webkit-scrollbar { display: none; }
:is(.df24,#df24#df24).df-glassnav .df-shopbar__menu a { white-space: nowrap; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	:is(.df24,#df24#df24).df-glassnav .df-shopbar__nav { background: rgba(255, 255, 255, .97) !important; }
}

/* 3 Zweites Bild beim Überfahren */
:is(.df24,#df24#df24) .df-card__media .df-card__img2 { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .4s ease, transform .5s cubic-bezier(.2,.7,.2,1) !important; }
@media (hover: hover) and (pointer: fine) {
	:is(.df24,#df24#df24) .df-card:hover .df-card__media .df-card__img2 { opacity: 1; }
}

/* 4 Schnellansicht */
:is(.df24,#df24#df24) .df-card { position: relative; }
:is(.df24,#df24#df24) .df-qv-btn { position: absolute; top: 12px; right: 12px; z-index: 5; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid rgba(0, 0, 0, .08); border-radius: 999px; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--df-ink, #111); font-size: 12px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .08); opacity: 0; transform: translateY(-4px); transition: opacity .2s ease, transform .2s ease, background .15s; -webkit-appearance: none; appearance: none; }
:is(.df24,#df24#df24) .df-qv-btn:hover { background: #fff; color: var(--df-red, #f7171f); }
:is(.df24,#df24#df24) .df-qv-btn:focus-visible { opacity: 1; transform: none; outline: 2px solid var(--df-red, #f7171f); outline-offset: 2px; }
:is(.df24,#df24#df24) .df-card:hover .df-qv-btn { opacity: 1; transform: none; }
@media (hover: none), (pointer: coarse) {
	:is(.df24,#df24#df24) .df-qv-btn { opacity: 1; transform: none; padding: 0; width: 34px; justify-content: center; }
	:is(.df24,#df24#df24) .df-qv-btn span { display: none; }
}
:is(.df24,#df24#df24) .df-card--list .df-qv-btn { display: none; }
.df-qv { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(12, 13, 15, .6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
body.admin-bar .df-qv { top: var(--wp-admin--admin-bar--height, 32px); }
.df-qv.is-open { display: flex; animation: dfLbIn .22s ease; }
:is(.df24,#df24#df24).df-qv .df-qv__panel { position: relative; width: min(980px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); animation: dfQvIn .3s cubic-bezier(.2,.7,.2,1); }
@keyframes dfQvIn { from { transform: translateY(16px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
:is(.df24,#df24#df24).df-qv .df-qv__close { top: 12px; right: 12px; width: 40px; height: 40px; font-size: 16px; z-index: 2; }
:is(.df24,#df24#df24).df-qv .df-qv__body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
:is(.df24,#df24#df24).df-qv .df-qv__media { position: relative; display: flex; align-items: center; justify-content: center; min-height: 340px; background: #fff; border-right: 1px solid var(--df-line, #e3e4e6); }
:is(.df24,#df24#df24).df-qv .df-qv__media img { width: 100%; height: 100%; max-height: 520px; aspect-ratio: 1 / 1; object-fit: contain; padding: 8%; box-sizing: border-box; transition: opacity .3s ease; }
:is(.df24,#df24#df24).df-qv .df-qv__media.is-loading img { opacity: .55; }
:is(.df24,#df24#df24).df-qv .df-qv__info { display: flex; flex-direction: column; gap: 12px; padding: 36px 32px 30px; }
:is(.df24,#df24#df24).df-qv .df-qv__cat { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--df-muted, #6b6e75); }
:is(.df24,#df24#df24).df-qv .df-qv__title { margin: 0; padding-right: 36px; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.2; color: var(--df-ink, #111); }
:is(.df24,#df24#df24).df-qv .df-qv__text p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--df-text, #333); }
:is(.df24,#df24#df24).df-qv .df-qv__ph { display: block; height: 11px; margin: 0 0 8px; border-radius: 6px; background: linear-gradient(100deg, #f2f2f3 30%, #fafafa 50%, #f2f2f3 70%); background-size: 200% 100%; animation: df-shimmer 1.3s linear infinite; }
:is(.df24,#df24#df24).df-qv .df-qv__ph:last-child { width: 60%; }
:is(.df24,#df24#df24).df-qv .df-qv__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 8px; }
:is(.df24,#df24#df24).df-qv .df-qv__actions .df-btn { flex: 1 1 180px; justify-content: center; }
@media (max-width: 720px) {
	:is(.df24,#df24#df24).df-qv .df-qv__body { grid-template-columns: 1fr; }
	:is(.df24,#df24#df24).df-qv .df-qv__media { min-height: 0; border-right: 0; border-bottom: 1px solid var(--df-line, #e3e4e6); }
	:is(.df24,#df24#df24).df-qv .df-qv__media img { max-height: 46vh; }
	:is(.df24,#df24#df24).df-qv .df-qv__info { padding: 20px; }
}

/* 6 Vorschaubild -> Hauptbild mit Überblendung */
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child.is-swapping img { opacity: 0; transform: scale(.985); }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a.is-active { border-color: var(--df-red, #f7171f) !important; box-shadow: 0 0 0 1px var(--df-red, #f7171f); }

/* 7 Leichte 3D-Neigung */
:is(.df24,#df24#df24) .df-tilt-wrap { perspective: 1100px; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a.df-tilt { display: block; transform-style: preserve-3d; transition: transform .25s ease-out, box-shadow .25s ease; will-change: transform; }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a.df-tilt:hover { box-shadow: 0 22px 50px rgba(17, 18, 20, .12); }

/* 8 Technische Daten zum Aufklappen, mit Symbolen */
:is(.df24,#df24#df24) .df-specs--acc { gap: 12px; }
:is(.df24,#df24#df24) .df-specs--acc details.df-specs__group { border: 1px solid var(--df-line, #e3e4e6); border-radius: 12px; background: #fff; overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease; }
:is(.df24,#df24#df24) .df-specs--acc details.df-specs__group[open] { box-shadow: 0 10px 30px rgba(17, 18, 20, .06); }
:is(.df24,#df24#df24) .df-specs--acc summary.df-specs__title { display: flex; align-items: center; gap: 10px; margin: 0; padding: 16px 18px; cursor: pointer; list-style: none; font-size: 13px; color: var(--df-ink, #111); -webkit-user-select: none; user-select: none; }
:is(.df24,#df24#df24) .df-specs--acc summary.df-specs__title::-webkit-details-marker { display: none; }
:is(.df24,#df24#df24) .df-specs--acc summary.df-specs__title:hover { color: var(--df-red, #f7171f); }
:is(.df24,#df24#df24) .df-specs__count { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--df-grey, #f2f2f3); color: var(--df-muted, #6b6e75); font-size: 11px; line-height: 22px; text-align: center; letter-spacing: 0; }
:is(.df24,#df24#df24) .df-specs--acc summary .df-icon--chevron { margin-left: auto; transition: transform .25s ease; }
:is(.df24,#df24#df24) .df-specs--acc details[open]:not(.is-closing) > summary .df-icon--chevron { transform: rotate(180deg); }
:is(.df24,#df24#df24) .df-specs--acc details .df-specs__body { overflow: hidden; }
:is(.df24,#df24#df24) .df-specs--acc details .df-specs__table { border: 0; border-top: 1px solid var(--df-line, #e3e4e6); }
:is(.df24,#df24#df24) .df-specs--acc details .df-specs__table tr:last-child th, :is(.df24,#df24#df24) .df-specs--acc details .df-specs__table tr:last-child td { border-bottom: 0; }
:is(.df24,#df24#df24) .df-specs__table th .df-icon { flex: none; margin: 0 10px -3px 0; color: var(--df-red, #f7171f); opacity: .85; }

/* 9 Kaufleiste mit Glas-Effekt und Bild */
:is(.df24,#df24#df24) .df-buybar { background: rgba(255, 255, 255, .8) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { :is(.df24,#df24#df24) .df-buybar { background: #fff !important; } }
:is(.df24,#df24#df24) .df-buybar:not([hidden]) { animation: df-buyin .35s cubic-bezier(.2,.7,.2,1) both; }
@keyframes df-buyin { from { transform: translateY(100%); opacity: 0; } to { transform: none; opacity: 1; } }
:is(.df24,#df24#df24) .df-buybar__img { flex: none; display: block; width: 48px; height: 48px; border: 1px solid var(--df-line, #e3e4e6); border-radius: 10px; background: #fff; overflow: hidden; }
:is(.df24,#df24#df24) .df-buybar__img img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 4px; box-sizing: border-box; }

/* 10 Flug in den Warenkorb */
.df-fly { position: fixed; z-index: 2147483001; margin: 0; object-fit: contain; background: #fff; border-radius: 12px; box-shadow: 0 12px 30px rgba(0, 0, 0, .25); pointer-events: none; will-change: transform, opacity; }

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root), ::view-transition-new(root) { animation: none; }
	.df-progress.is-on { animation: none; transform: scaleX(.88); }
	html.df-js :is(.df24,#df24#df24) .df-card__media:not(.is-loaded), html.df-js :is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child:not(.is-loaded) { animation: none; }
	.df-glassnav, :is(.df24,#df24#df24) .df-buybar:not([hidden]), .df-qv.is-open, :is(.df24,#df24#df24).df-qv .df-qv__panel { transition: none !important; animation: none !important; }
}

/* 1.8.1: Mitlaufende Kategorie-Leiste deaktiviert */
.df-glassnav { display: none !important; }

/* ==========================================================================
   1.9.0: Leise Modernisierung
   ========================================================================== */
/* 12 Kühlere, edlere Grautöne */
:is(.df24,body.df24-wc,#df24#df24) {
	--df-grey: #f4f5f7;
	--df-grey-2: #eceef1;
	--df-line: #e5e7eb;
	--df-line-strong: #d0d4da;
	--df-muted: #5f6570;
	--df-radius: 10px;
	--df-radius-lg: 14px;
	--df-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);
}
:root { --df-frame: 1px solid #e5e7eb; }

/* 2 Gleich breite Ziffern bei Preisen */
:is(.df24,#df24#df24) :is(.df-price, .price, .df-buybar__price, .df-reco__price, .df-qv__price, .woocommerce-Price-amount, .df-cart-count) { font-variant-numeric: tabular-nums; }

/* 3 Etwas mehr Luft */
:is(.df24,#df24#df24) .df-products--grid { gap: 26px 24px; }
:is(.df24,#df24#df24) .df-card--grid .df-card__body { padding-top: 16px; }
@media (max-width: 640px) { :is(.df24,#df24#df24) .df-products--grid { gap: 16px 12px; } }

/* 4 + 5 Weichere Ecken, feinere Rahmen mit sehr leichtem Schatten */
:is(.df24,#df24#df24) .df-card--grid { border-color: rgba(16, 24, 40, .07) !important; border-radius: var(--df-radius-lg) !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 10px rgba(16, 24, 40, .035); overflow: hidden; }
:is(.df24,#df24#df24) .df-card--grid .df-card__media { border-radius: var(--df-radius-lg) var(--df-radius-lg) 0 0 !important; }
:is(.df24,#df24#df24) .df-card--list { border-radius: var(--df-radius-lg); }
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child,
:is(.df24,#df24#df24) .woocommerce-product-gallery__wrapper > a:first-child img { border-radius: var(--df-radius-lg) !important; }
:is(.df24,#df24#df24) .woocommerce-product-gallery .thumbnails > a { border-radius: var(--df-radius) !important; border-color: rgba(16, 24, 40, .08) !important; }
:is(.df24,#df24#df24) .df-reco__item { border-radius: var(--df-radius) !important; border-color: rgba(16, 24, 40, .08) !important; }
:is(.df24,#df24#df24) .df-search input.df-search__input { border-radius: 999px !important; }

/* 6 Buttons mit Rückmeldung */
:is(.df24,body.df24-wc,#df24#df24) :is(.df-btn, .woocommerce .button, .woocommerce button.button, .woocommerce a.button) { border-radius: var(--df-radius); transition: background-color .15s, border-color .15s, color .15s, transform .12s ease, box-shadow .15s; }
:is(.df24,body.df24-wc,#df24#df24) :is(.df-btn, .woocommerce .button, .woocommerce button.button, .woocommerce a.button):active { transform: scale(.98); }
:is(.df24,body.df24-wc,#df24#df24) :is(.df-btn, .woocommerce .button, .woocommerce button.button, .woocommerce a.button, .df-qv-btn, .df-lb__btn):focus-visible { outline: none !important; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--df-red, #f7171f) !important; }
:is(.df24,#df24#df24) .df-btn--primary:hover { box-shadow: 0 6px 18px rgba(247, 23, 31, .22); }

/* 7 Hinweise als Pillen */
:is(.df24,#df24#df24) .df-badge { border-radius: 999px !important; padding: 3px 10px !important; font-size: 10.5px !important; letter-spacing: .04em; font-weight: 700; border: 0 !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }
:is(.df24,#df24#df24) .df-badge--sale { background: var(--df-red) !important; color: #fff !important; }
:is(.df24,#df24#df24) .df-badge--new { background: #111214 !important; color: #fff !important; }
:is(.df24,#df24#df24) .df-badge--hot { background: #fdeced !important; color: #b4141b !important; }
:is(.df24,#df24#df24) .df-badge--out { background: var(--df-grey-2) !important; color: var(--df-muted) !important; }
:is(.df24,#df24#df24) .df-stock--ok { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 8px; border-radius: 999px; background: #e9f6ef; color: #0f6b3e !important; font-size: 12px; }
:is(.df24,#df24#df24) .df-stock--ok strong { color: #0f6b3e; font-weight: 600; }
:is(.df24,#df24#df24) .df-stock--low { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 8px; border-radius: 999px; background: #fff4e5; color: #9a4a06 !important; font-size: 12px; }
:is(.df24,#df24#df24) .df-stock--info, :is(.df24,#df24#df24) .df-stock--out { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 8px; border-radius: 999px; background: var(--df-grey); font-size: 12px; }

/* 8 Ruhige Kaufbox */
:is(.df24,#df24#df24) .df-buypanel { margin: 18px 0 0; padding: 22px 22px 20px; border: 1px solid rgba(16, 24, 40, .06); border-radius: var(--df-radius-lg); background: var(--df-grey); }
:is(.df24,#df24#df24) .df-buypanel .df-single__buy { margin-top: 0; }
:is(.df24,#df24#df24) .df-buypanel form.cart { margin: 16px 0 6px !important; }
:is(.df24,#df24#df24) .df-buypanel .quantity input.qty { background: #fff; border-radius: var(--df-radius) !important; }
:is(.df24,#df24#df24) .df-buypanel .df-stock--ok { background: #fff; box-shadow: inset 0 0 0 1px #cdebd9; }
@media (max-width: 640px) { :is(.df24,#df24#df24) .df-buypanel { padding: 16px 14px; } }

/* 9 Vertrauenspunkte als kompakte Symbolzeile */
:is(.df24,#df24#df24) .df-assure { display: flex !important; flex-wrap: wrap; gap: 8px 18px !important; margin: 16px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid rgba(16, 24, 40, .08) !important; font-size: 12.5px !important; color: var(--df-muted); }
:is(.df24,#df24#df24) .df-assure li { gap: 6px !important; }
:is(.df24,#df24#df24) .df-assure .df-icon { width: 15px; height: 15px; }
:is(.df24,#df24#df24) .df-assure a { color: var(--df-ink); font-weight: 600; text-decoration: none; }

/* 10 Schlanke Reiterleiste mit rotem Unterstrich */
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs { border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs { flex-wrap: nowrap !important; gap: 0 30px !important; overflow-x: auto; border-bottom: 1px solid var(--df-line) !important; scrollbar-width: none; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li { flex: 0 0 auto !important; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li::before,
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li::after,
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li:not(:first-child)::before,
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li:last-child::after { content: none !important; display: none !important; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li a { padding: 14px 0 12px !important; margin: 0 0 -1px !important; border-bottom: 2px solid transparent !important; font-size: 14.5px !important; font-weight: 600; white-space: nowrap; transition: color .15s, border-color .15s; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li a:hover { color: var(--df-ink) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li.active a { color: var(--df-ink) !important; border-bottom-color: var(--df-red, #f7171f) !important; }
:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs .panel { padding: 28px 0 8px !important; }
@media (max-width: 767px) {
	:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs { gap: 0 22px !important; }
	:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs ul.tabs li a { font-size: 13.5px !important; text-align: left; }
	:is(.df24,#df24#df24) .woocommerce-tabs.woocommerce-tabs .panel { padding: 20px 0 8px !important; }
}

/* 11 Feinere Scrollbalken */
:is(.df24,#df24#df24) :is(.df-shopbar__menu, .woocommerce-product-gallery .thumbnails, .df-qv__panel) { scrollbar-width: thin; scrollbar-color: #c9ced6 transparent; }
:is(.df24,#df24#df24) :is(.df-shopbar__menu, .woocommerce-product-gallery .thumbnails, .df-qv__panel)::-webkit-scrollbar { height: 4px; width: 4px; }
:is(.df24,#df24#df24) :is(.df-shopbar__menu, .woocommerce-product-gallery .thumbnails, .df-qv__panel)::-webkit-scrollbar-thumb { background: #c9ced6; border-radius: 4px; }
:is(.df24,#df24#df24) :is(.df-shopbar__menu, .woocommerce-product-gallery .thumbnails, .df-qv__panel)::-webkit-scrollbar-track { background: transparent; }

/* 1 Schrift: Inter mit leicht engerer Laufweite für Überschriften */
:is(.df24,#df24#df24) :is(h1, h2, .df-h1, .df-card__title) { letter-spacing: -.012em; }
:is(.df24,#df24#df24) { font-feature-settings: "cv11", "ss01"; }

/* 1.9.4: Gleicher Abstand zwischen „Lieferbar“ und „In den Warenkorb“ auf allen Karten */
:is(.df24,#df24#df24) .df-card--grid > .df-card__body { flex: 1 1 auto !important; }
:is(.df24,#df24#df24) .df-card--grid .df-card__buy { flex: 0 0 auto; justify-content: flex-start !important; margin-top: 0 !important; }
:is(.df24,#df24#df24) .df-card--grid .df-card__buy > .df-card__actions { margin-top: 4px !important; }