/* Theme pages (shop, product, cart, checkout, account, legal) in the new design, 2026-10-25: only the
   colours and fonts that tie them to the new header/footer – the layout stays the theme's (Bootstrap).
   The theme prints its colours inline with !important (functions/scripts/custom_style.php), hence the
   body.design-neu prefix and !important on colours. Loaded with chrome.css (qsb_design_neu()). */
body.design-neu {
	--sn-coral: #c8441f;
	--sn-coral-dark: #a8381a;
	--sn-slate: #2a3740;
	--sn-text: #444;
	--sn-soft: #f5f5f5;
	--sn-body-font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--sn-head-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	background: #fff !important;
	font-family: var(--sn-body-font) !important;
	color: var(--sn-text);
}
body.design-neu #wrapper p, body.design-neu #wrapper li, body.design-neu #wrapper td, body.design-neu #wrapper th,
body.design-neu #wrapper label, body.design-neu #wrapper input, body.design-neu #wrapper select, body.design-neu #wrapper textarea {
	font-family: var(--sn-body-font) !important;
}
body.design-neu #wrapper h1, body.design-neu #wrapper h2, body.design-neu #wrapper h3,
body.design-neu #wrapper h4, body.design-neu #wrapper h5, body.design-neu #wrapper h6 {
	font-family: var(--sn-head-font) !important;
	color: var(--sn-slate) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* page title banner: light grey like the hero of the front page instead of the teal/photo banner */
body.design-neu .page-title-section,
body.design-neu .page-title-section .overlay,
body.design-neu .header-overlapped { background: var(--sn-soft) !important; background-image: none !important; }
body.design-neu .page-title-section { padding: 48px 0 40px !important; border-bottom: 1px solid #e6e6e6; }
body.design-neu .page-title-section::after { display: none !important; background: none !important; } /* theme page-shadow.png */
body.design-neu .page-title-section .page-title h1,
body.design-neu .page-title-section .page-title h2 { font: 700 40px/1.2 var(--sn-head-font) !important; color: var(--sn-slate) !important; margin: 0 !important; }
body.design-neu .page-title-section .page-breadcrumb { margin-top: 12px; }
body.design-neu .page-title-section .page-breadcrumb,
body.design-neu .page-title-section .page-breadcrumb li,
body.design-neu .page-title-section .page-breadcrumb a { font: 400 14px/1.6 var(--sn-body-font) !important; color: #555 !important; }
body.design-neu .page-title-section .page-breadcrumb .active a,
body.design-neu .page-title-section .page-breadcrumb li.active { color: var(--sn-coral-dark) !important; }

/* text links inside the content */
body.design-neu #wrapper .entry-content a:not(.button),
body.design-neu #wrapper .woocommerce-product-details__short-description a,
body.design-neu #wrapper .woocommerce-Tabs-panel a,
body.design-neu #wrapper .woocommerce-info a:not(.button),
body.design-neu #wrapper .woocommerce-message a:not(.button),
body.design-neu #wrapper .woocommerce-MyAccount-navigation a,
body.design-neu #wrapper .woocommerce-privacy-policy-text a,
body.design-neu #wrapper .woocommerce-terms-and-conditions-link { color: var(--sn-coral-dark) !important; }

/* buttons: coral like the front page */
body.design-neu #wrapper .button,
body.design-neu #wrapper a.button,
body.design-neu #wrapper button.button,
body.design-neu #wrapper input.button,
body.design-neu #wrapper .button.alt,
body.design-neu #wrapper .single_add_to_cart_button,
body.design-neu #wrapper .add_to_cart_button,
body.design-neu #wrapper .wc-proceed-to-checkout a.checkout-button,
body.design-neu #wrapper #place_order,
body.design-neu #wrapper .woocommerce #respond input#submit,
body.design-neu #wrapper input[type="submit"] {
	background: var(--sn-coral) !important;
	border: 1px solid var(--sn-coral) !important;
	color: #fff !important;
	border-radius: 5px !important;
	font-family: var(--sn-body-font) !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body.design-neu #wrapper .button:hover, body.design-neu #wrapper .button:focus,
body.design-neu #wrapper .single_add_to_cart_button:hover,
body.design-neu #wrapper .add_to_cart_button:hover,
body.design-neu #wrapper .wc-proceed-to-checkout a.checkout-button:hover,
body.design-neu #wrapper #place_order:hover,
body.design-neu #wrapper input[type="submit"]:hover {
	background: var(--sn-coral-dark) !important;
	border-color: var(--sn-coral-dark) !important;
	color: #fff !important;
}
body.design-neu #wrapper .button:disabled, body.design-neu #wrapper .button.disabled { opacity: .6 !important; }

/* prices, notices, form focus */
body.design-neu #wrapper .price, body.design-neu #wrapper .price ins, body.design-neu #wrapper .amount { color: var(--sn-slate) !important; }
body.design-neu #wrapper .summary p.price { background: var(--sn-soft) !important; border: 0 !important; box-shadow: none !important; border-radius: 5px !important; } /* was a green box */
body.design-neu #wrapper .woocommerce-message, body.design-neu #wrapper .woocommerce-info { border-top-color: var(--sn-coral) !important; }
body.design-neu #wrapper .woocommerce-message::before, body.design-neu #wrapper .woocommerce-info::before { color: var(--sn-coral) !important; }
body.design-neu #wrapper input:focus, body.design-neu #wrapper select:focus, body.design-neu #wrapper textarea:focus { border-color: var(--sn-coral) !important; outline: none; }

@media (max-width: 768px) {
	body.design-neu .page-title-section { padding: 32px 0 28px !important; }
	body.design-neu .page-title-section .page-title h1,
	body.design-neu .page-title-section .page-title h2 { font-size: 30px !important; }
}

/* guide pages (ops/seo-pages.php, .sn-article): readable column, table, steps, call to action */
body.design-neu .sn-article { max-width: 820px; margin: 0 auto; padding: 8px 0 24px; }
body.design-neu .sn-article p, body.design-neu .sn-article li { font-size: 17px !important; line-height: 1.7 !important; color: #444 !important; }
body.design-neu .sn-article .sn-article__lead { font-size: 20px !important; line-height: 1.6 !important; color: var(--sn-slate) !important; margin-bottom: 32px; }
body.design-neu .sn-article h2 { font-size: 28px !important; line-height: 1.25 !important; margin: 48px 0 16px !important; }
body.design-neu .sn-article ul, body.design-neu .sn-article ol { margin: 0 0 20px; padding-left: 22px; }
body.design-neu .sn-article li { margin-bottom: 8px; }
body.design-neu .sn-article strong { color: var(--sn-slate); }
body.design-neu .sn-article .sn-article__steps li::marker { color: var(--sn-coral); font-weight: 700; }
body.design-neu .sn-article__table { overflow-x: auto; margin: 8px 0 12px; }
body.design-neu .sn-article table { width: 100%; min-width: 620px; border-collapse: collapse; }
body.design-neu .sn-article th, body.design-neu .sn-article td { padding: 12px 14px !important; border-bottom: 1px solid #e6e6e6; text-align: left; vertical-align: top; font-size: 15px !important; line-height: 1.5 !important; }
body.design-neu .sn-article th { background: var(--sn-soft); color: var(--sn-slate) !important; font-weight: 700; }
body.design-neu .sn-article tr:last-child td { background: #fdf3ef; }
body.design-neu .sn-article .sn-article__note { font-size: 14px !important; color: #666 !important; }
body.design-neu .sn-article__cta { margin-top: 48px; padding: 32px; background: var(--sn-soft); border-left: 4px solid var(--sn-coral); }
body.design-neu .sn-article .sn-article__cta-title { font: 700 24px/1.3 var(--sn-head-font) !important; color: var(--sn-slate) !important; margin-bottom: 8px; }
body.design-neu .sn-article__cta .button { display: inline-block; padding: 14px 28px !important; margin-top: 8px; text-decoration: none !important; }
@media (max-width: 768px) {
	body.design-neu .sn-article .sn-article__lead { font-size: 18px !important; }
	body.design-neu .sn-article h2 { font-size: 24px !important; }
	body.design-neu .sn-article__cta { padding: 24px 20px; }
}
body.design-neu .sn-category-after { clear: both; margin-top: 56px; padding-top: 8px; border-top: 1px solid #e6e6e6; }
body.design-neu .sn-category-after .sn-article h2:first-child { margin-top: 32px !important; }
body.design-neu .sn-article__deal { margin: 8px 0 32px; padding: 24px 28px; border: 2px dashed var(--sn-coral); border-radius: 5px; background: #fdf3ef; }
body.design-neu .sn-article .sn-article__deal-code { font: 700 24px/1.3 var(--sn-head-font) !important; color: var(--sn-slate) !important; margin-bottom: 6px; }
body.design-neu .sn-article .sn-article__deal-code strong { color: var(--sn-coral-dark); letter-spacing: .06em; }
body.design-neu .sn-article .sn-article__small li { font-size: 14px !important; line-height: 1.6 !important; color: #666 !important; }