/* ============================================================================
   WATZADU 2026 — BRAND LOCK
   Single source of truth: enforces CI fonts + CI colors across EVERY module,
   every page, every plugin. Loaded LAST so it overrides:
     - Elementor / Elementor Pro
     - WooCommerce
     - bdthemes element-pack
     - WP block library / classic styles
     - seed-fonts (also dequeued in functions.php)
   References CI variables defined in style.css / style-v2.css.
   Brandbook v10 — Noto Sans Thai · Montserrat · Inter only.
   CI Palette 8 colors only (no exceptions).
   ============================================================================ */

/* -----------------------------------------------------------------------------
   1) CI FONTS — universal lock
   Every text element inherits the CI Thai/Body font by default.
   Display font (Montserrat) applies to headings only.
   UI font (Inter) applies to buttons, inputs, numeric/code.
   --------------------------------------------------------------------------- */
html,
body,
body *:where(:not(i):not(svg):not([class*="ti-"]):not([class^="ti-"]):not(.dashicons):not([class*="dashicons-"]):not([class*="elementor-icon"]):not([class*="fa-"]):not(.fab):not(.fas):not(.far):not(.fal):not(.fad)){
	font-family: var(--font-thai) !important;
}

/* Headings — Display font */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6,
.wp-block-heading,
.woocommerce-loop-product__title,
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3,
.entry-title, .page-title, .product_title{
	font-family: var(--font-display) !important;
}

/* UI / numeric — Inter */
button, .button, .btn,
input, select, textarea,
.elementor-button,
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.price, .amount, .woocommerce-Price-amount,
code, kbd, samp, pre, tt{
	font-family: var(--font-en) !important;
}

/* Allow icon fonts to render correctly (whitelist) */
.ti, [class^="ti-"], [class*=" ti-"]{
	font-family: "tabler-icons" !important;
}
.dashicons, [class*="dashicons-"]{
	font-family: "dashicons" !important;
}
.fa, .fas, .far, .fal, .fab, .fad, [class*="fa-"]{
	font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Brands", FontAwesome !important;
}
.eicon, [class^="eicon-"], [class*=" eicon-"]{
	font-family: eicons !important;
}
select.wzd-rating-stars + *, .star-rating, .star-rating *{
	font-family: "star" !important;
}

/* -----------------------------------------------------------------------------
   2) CI COLOR LOCK
   Default text + link + heading colors come from CI palette only.
   Plugins that set arbitrary colors via inline style remain free to override —
   site-level color enforcement is intentional, not punitive.
   --------------------------------------------------------------------------- */
html, body,
body.wzd-body,
.elementor-widget-text-editor,
.elementor-widget-container,
.wp-block-paragraph,
.woocommerce, .woocommerce-page,
.entry-content, .entry-summary{
	color: var(--c-ink) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.elementor-heading-title,
.wp-block-heading,
.entry-title, .page-title, .product_title{
	color: var(--c-ink) !important;
}

a, .wp-block-button__link, .elementor a{
	color: var(--c-brick);
}
a:hover, .elementor a:hover{
	color: var(--c-brick-deep);
}

/* Buttons — CI brick primary */
.wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.elementor-button:not([class*="bg-"]):not([style*="background"]){
	background-color: var(--c-brick) !important;
	color: #fff !important;
	border-color: var(--c-brick) !important;
}
.wp-block-button__link:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.elementor-button:not([class*="bg-"]):not([style*="background"]):hover{
	background-color: var(--c-brick-deep) !important;
	border-color: var(--c-brick-deep) !important;
}

/* Secondary buttons / pills */
.woocommerce a.button,
.woocommerce button.button{
	background-color: var(--c-bg-warm);
	color: var(--c-ink);
}

/* Form fields — CI neutrals */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
select, textarea{
	background-color: #fff;
	color: var(--c-ink);
	border-color: var(--c-line) !important;
}
input:focus, select:focus, textarea:focus{
	border-color: var(--c-brick) !important;
	outline-color: var(--c-brick) !important;
}

/* WooCommerce price */
.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce ins .woocommerce-Price-amount{
	color: var(--c-brick) !important;
}
.woocommerce del .woocommerce-Price-amount{
	color: var(--c-ink-mute) !important;
}

/* Sale badge — Warm Orange (CI accent) */
.woocommerce span.onsale,
.elementor-widget-woocommerce-product-rating .onsale{
	background-color: var(--c-orange) !important;
	color: #fff !important;
	border-color: var(--c-orange) !important;
}

/* Cart/checkout notices */
.woocommerce-info,
.woocommerce-message{
	border-top-color: var(--c-orange) !important;
	background-color: var(--c-bg-cream) !important;
	color: var(--c-ink) !important;
}
.woocommerce-error{
	border-top-color: var(--c-brick) !important;
	background-color: var(--c-bg-pink) !important;
	color: var(--c-ink) !important;
}

/* Star rating — CI orange */
.woocommerce .star-rating span::before,
.woocommerce p.stars a{
	color: var(--c-orange) !important;
}

/* Tabs (woo product tabs) */
.woocommerce-tabs ul.tabs li.active a{
	color: var(--c-brick) !important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after{
	border-color: var(--c-line) !important;
}

/* WP block library colors → bound to CI presets */
.has-brick-red-color{ color: var(--c-brick) !important; }
.has-deep-clay-color{ color: var(--c-clay) !important; }
.has-terracotta-color{ color: var(--c-terra) !important; }
.has-warm-orange-color{ color: var(--c-orange) !important; }
.has-charcoal-color{ color: var(--c-ink) !important; }
.has-stone-beige-color{ color: var(--c-bg-warm) !important; }
.has-ivory-white-color{ color: var(--c-bg-soft) !important; }
.has-warm-gray-color{ color: var(--c-gray) !important; }
.has-brick-red-background-color{ background-color: var(--c-brick) !important; }
.has-deep-clay-background-color{ background-color: var(--c-clay) !important; }
.has-terracotta-background-color{ background-color: var(--c-terra) !important; }
.has-warm-orange-background-color{ background-color: var(--c-orange) !important; }
.has-charcoal-background-color{ background-color: var(--c-ink) !important; }
.has-stone-beige-background-color{ background-color: var(--c-bg-warm) !important; }
.has-ivory-white-background-color{ background-color: var(--c-bg-soft) !important; }
.has-warm-gray-background-color{ background-color: var(--c-gray) !important; }

/* Selection color */
::selection{ background: var(--c-orange); color: #fff; }
::-moz-selection{ background: var(--c-orange); color: #fff; }

/* Mobile navigation: final cascade lock for the compact disclosure design. */
@media (max-width:1024px){
	.wzd-menu-toggle{width:48px!important;height:48px!important;gap:5px!important;border-radius:50%!important;background:transparent!important}
	.wzd-menu-toggle:hover,.wzd-menu-toggle:focus-visible{background:#f5f5f7!important}
	.wzd-menu-toggle span{width:24px!important;height:2.5px!important;background:#1d1d1f!important;border-radius:999px!important}
	.wzd-menu-toggle-input:checked~.wzd-nav .wzd-menu-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)!important}
	.wzd-menu-toggle-input:checked~.wzd-nav .wzd-menu-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)!important}
	.wzd-menu-overlay{background:rgba(0,0,0,.28)!important;-webkit-backdrop-filter:saturate(120%) blur(12px)!important;backdrop-filter:saturate(120%) blur(12px)!important;transition:opacity .28s ease,visibility .28s!important}
	.wzd-drawer{width:min(92vw,400px)!important;height:100dvh!important;background:rgba(255,255,255,.98)!important;box-shadow:-18px 0 60px rgba(0,0,0,.14)!important;overflow:hidden!important;transition:transform .34s cubic-bezier(.32,.72,0,1)!important}
	.wzd-drawer-head{min-height:64px!important;padding:10px 16px 10px 20px!important;border-bottom:1px solid rgba(0,0,0,.08)!important}
	.wzd-drawer-head .wzd-brand{gap:8px!important}
	.wzd-drawer-head .wzd-brand .wzd-wmark{width:34px!important;height:34px!important}
	.wzd-drawer-head .wzd-brand-primary,.wzd-drawer-head .wzd-brand-watzadu{font-size:15px!important;letter-spacing:.025em!important}
	.wzd-drawer-head .wzd-brand small{display:none!important}
	.wzd-drawer-close{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:#f5f5f7!important;color:#1d1d1f!important;font-size:17px!important}
	.wzd-drawer-close:hover,.wzd-drawer-close:focus-visible{background:#e8e8ed!important;transform:scale(1.04)}
	.wzd-drawer-nav{flex:1!important;overflow-y:auto!important;padding:6px 14px 18px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
	.wzd-drawer-items{margin:0!important;padding:0!important;list-style:none!important}
	.wzd-drawer-quick{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:2px 0 7px!important;padding:9px 10px 10px!important;border-bottom:1px solid #e8e8ed!important}
	.wzd-drawer-items>li.wzd-drawer-quick>a{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:#6e6e73!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important}
	.wzd-drawer-items>li.wzd-drawer-quick>a.wzd-drawer-shop{gap:5px!important;color:#8e2521!important;font-weight:600!important}
	.wzd-drawer-shop span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:19px!important;font-weight:400!important;line-height:1!important;transform:translateY(-1px)}
	.wzd-drawer-group{border-bottom:1px solid #e8e8ed!important}
	.wzd-drawer-group details{margin:0!important}
	.wzd-drawer-group summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:50px!important;padding:0 10px!important;color:#1d1d1f!important;cursor:pointer!important;list-style:none!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.35!important}
	.wzd-drawer-group summary::-webkit-details-marker{display:none!important}
	.wzd-drawer-group summary:hover,.wzd-drawer-group summary:focus-visible,.wzd-drawer-group details[open]>summary{color:#8e2521!important}
	.wzd-drawer-group summary:focus-visible{outline:2px solid rgba(142,37,33,.45)!important;outline-offset:-2px!important;border-radius:8px!important}
	.wzd-drawer-chevron{width:16px!important;height:16px!important;flex:0 0 16px!important;color:#86868b!important;transition:transform .28s cubic-bezier(.32,.72,0,1),color .2s ease!important}
	.wzd-drawer-group details[open] .wzd-drawer-chevron{color:#8e2521!important;transform:rotate(180deg)!important}
	.wzd-drawer-links{margin:0!important;padding:0 0 10px!important;list-style:none!important;animation:wzd-drawer-reveal .24s ease both}
	.wzd-drawer-links li{margin:0!important;padding:0!important}
	.wzd-drawer-links a{display:flex!important;align-items:center!important;min-height:38px!important;margin:0!important;padding:8px 12px!important;color:#515154!important;border:0!important;border-radius:8px!important;text-decoration:none!important;font-size:14px!important;font-weight:400!important;line-height:1.45!important}
	.wzd-drawer-links a:hover,.wzd-drawer-links a:focus-visible{background:#f5f5f7!important;color:#1d1d1f!important}
	.wzd-drawer-links a:focus-visible{outline:2px solid rgba(142,37,33,.45)!important;outline-offset:-2px!important}
	.wzd-drawer-links a.wzd-drawer-compare{color:#8e2521!important}
	.wzd-drawer-lang{flex:0 0 auto!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:10px 18px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(0,0,0,.08)!important;border-bottom:0!important;background:rgba(250,250,252,.94)!important}
	.wzd-drawer-lang-label{color:#6e6e73!important;font-size:12px!important;font-weight:500!important}
	.wzd-lang-pill--drawer{padding:2px!important;border-color:rgba(0,0,0,.08)!important;background:#eeeef0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
	.wzd-lang-pill--drawer .wzd-lang-opt{padding:6px 9px!important;color:#515154!important;font-size:11px!important;font-weight:500!important}
	.wzd-lang-pill--drawer .wzd-lang-opt--on{background:#fff!important;color:#1d1d1f!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important}
	body.wzd-drawer-open .wzd-bottomnav,body.wzd-drawer-open .wzd-fab,body.wzd-drawer-open .wdc-ck-fab{opacity:0!important;pointer-events:none!important}
	@keyframes wzd-drawer-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
}
@media (max-width:480px){.wzd-drawer{width:100vw!important;max-width:none!important;box-shadow:none!important}}
@media (prefers-reduced-motion:reduce){.wzd-drawer,.wzd-menu-overlay,.wzd-menu-toggle span,.wzd-drawer-chevron,.wzd-drawer-links{transition:none!important;animation:none!important}}

/* Mobile touch targets: keep primary controls comfortably tappable without
   changing the established visual system. */
@media (max-width:900px){
	.wzd-drawer .wzd-lang-opt{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
	.wdc-back-top{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;justify-content:center!important}
	.wdc-toc-drawer-close,.wdc-ck-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;align-items:center!important;justify-content:center!important}
	.wdc-ck-btn-all,.wdc-ck-btn-save,.wzd-cat-toolbar-sort{min-height:44px!important}
	.wzd-cat-intro-toggle{min-height:44px!important;padding:8px 0!important;margin-top:0!important}
	.wzd-faq-item>summary{min-height:44px!important}
	.wzd-cat-filter-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;align-items:center!important;justify-content:center!important}
}

/* Accessibility contrast and unclipped catalogue controls. */
.wdc-sticky-line{background:#087a36!important;color:#fff!important}
.wzd-hub-content a[href*="lin.ee"]{background:#087a36!important;color:#fff!important}
.wzd-hub-line-icon{background:#087a36!important}
.wzd-hub-line-btn{color:#087a36!important;border-color:#087a36!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}
.wzd-filter-link .count{color:#545454!important}
.wzd-filter-link.on .count{color:#fff!important}
.wzd-filter-link--L3{opacity:1!important}
.wzd-hub-page .wzd-hub-card-dim{color:#595959!important}
.wzd-hub-prod-grid{max-height:none!important;overflow:visible!important}
.wzd-hub-prod-grid:not(.expanded)::after{display:none!important}
.wzd-hub-prod-grid:not(.expanded)>.wzd-hub-card:nth-child(n+13){display:none!important}
@media (max-width:768px){
	.wzd-hub-prod-grid:not(.expanded)>.wzd-hub-card:nth-child(n+5){display:none!important}
}

/* Mobile shop: reserve the bottom navigation and keep compare controls compact. */
@media (max-width:768px){
	.wzd-compare-bar{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;z-index:890!important;padding:10px 0!important}
	.wzd-compare-bar-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}
	.wzd-compare-bar-label{flex:0 0 auto!important;white-space:nowrap!important}
	.wzd-compare-bar-items{display:none!important}
	.wzd-compare-bar-actions{flex:0 0 auto!important;margin-left:auto!important}
	body:has(.wzd-compare-bar:not([hidden])){padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:340px){
	.wzd-compare-bar-inner{flex-wrap:wrap!important}
	.wzd-compare-bar-actions{width:100%!important;justify-content:flex-end!important}
	body:has(.wzd-compare-bar:not([hidden])){padding-bottom:calc(182px + env(safe-area-inset-bottom,0px))!important}
}

/* Mobile header and contact dock: preserve the full brand signal and make
   the contact control unmistakable against white or pale page surfaces. */
.wzd-brand-company-short{display:none}
@media (max-width:480px){
	.wzd-nav-inner{height:68px!important;gap:8px!important}
	.wzd-nav .wzd-brand{gap:8px!important}
	.wzd-nav .wzd-brand .wzd-wmark{width:46px!important;height:46px!important}
	.wzd-nav .wzd-brand-text{display:flex!important;gap:1px!important}
	.wzd-nav .wzd-brand-primary{font-size:17px!important;letter-spacing:.035em!important}
	.wzd-nav .wzd-brand small{display:block!important;margin:0!important;line-height:1.15!important}
	.wzd-nav .wzd-brand-company-legal{display:none!important}
	.wzd-nav .wzd-brand-company-short{display:block!important;font-size:10.5px!important;color:#595959!important;font-weight:600!important}
	.wzd-cta-quote{min-height:44px!important;padding:8px 10px!important;font-size:12.5px!important}
}
@media (max-width:720px){
	.wzd-fab-main{width:56px!important;height:56px!important;background:var(--c-brick,#8e2521)!important;color:#fff!important;border:2px solid #fff!important;font-size:25px!important;box-shadow:0 8px 22px rgba(142,37,33,.34)!important}
	.wzd-fab-main:hover,.wzd-fab-main:focus-visible{background:var(--c-brick-deep,#6e1e1b)!important;color:#fff!important}
	.wzd-fab-toggle-input:checked~.wzd-fab .wzd-fab-main{background:var(--c-brick-deep,#6e1e1b)!important;color:#fff!important}
}

/* The footer price explainer changes to brick on hover.  Its label and icon
   must stay white because the generic footer-link hover rule also uses brick. */
.wzd-foot.wzd-foot a.wzd-foot-why-price:hover,
.wzd-foot.wzd-foot a.wzd-foot-why-price:focus-visible{
	background:var(--c-brick,#8e2521)!important;
	border-color:var(--c-brick,#8e2521)!important;
	color:#fff!important;
	text-decoration:none!important;
}
.wzd-foot.wzd-foot a.wzd-foot-why-price:hover i,
.wzd-foot.wzd-foot a.wzd-foot-why-price:focus-visible i{color:#fff!important}

/* Let the catalogue hero contain wrapped copy and both CTA rows on mobile. */
@media (max-width:768px){
	body.wzd-archive-product .wzd-hero--md,
	body.tax-product_cat .wzd-hero--md{height:auto!important;min-height:0!important;max-height:none!important}
}

/* -----------------------------------------------------------------------------
   3) BLOCK EDITOR (Gutenberg) — same lock inside the editor iframe
   The editor.css already loads, but ensure font + heading rules match.
   --------------------------------------------------------------------------- */
.editor-styles-wrapper,
.editor-styles-wrapper *:not(i):not(svg):not([class*="ti-"]):not(.dashicons){
	font-family: var(--font-thai) !important;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6{
	font-family: var(--font-display) !important;
	color: var(--c-ink) !important;
}

/* Shop intro/read-more polish. The read-more control is injected by
 * app-category.js; explicitly reset native appearance so it cannot render as
 * the browser's default grey button when the catalogue bundle is cached. */
.wzd-shop-catalog .wzd-cat-intro{
	background:linear-gradient(135deg,#fdf9f4 0%,#f8f5ef 100%) !important;
	border:1px solid #e8dfd4 !important;
	border-radius:18px !important;
	box-shadow:0 2px 10px rgba(60,30,25,.05) !important;
	color:var(--c-ink-soft,#5c5c61) !important;
	padding:20px 24px 18px !important;
}
.wzd-shop-catalog .wzd-cat-intro p{
	max-width:1160px;
	color:inherit !important;
	line-height:1.7;
}
.wzd-shop-catalog .wzd-cat-intro-toggle{
	appearance:none !important;
	-webkit-appearance:none !important;
	align-items:center;
	gap:7px;
	display:inline-flex !important;
	min-height:40px !important;
	margin:14px 0 0 !important;
	padding:8px 16px !important;
	border:1.5px solid var(--c-brick,#8e2521) !important;
	border-radius:999px !important;
	background:#fff !important;
	box-shadow:0 2px 7px rgba(142,37,33,.10) !important;
	color:var(--c-brick,#8e2521) !important;
	font:inherit;
	font-size:13px;
	font-weight:700;
	line-height:1.2;
	cursor:pointer;
	transition:background .18s var(--ease-smooth),color .18s var(--ease-smooth),border-color .18s,box-shadow .18s,transform .18s var(--ease-spring);
}
.wzd-shop-catalog .wzd-cat-intro-toggle:hover,
.wzd-shop-catalog .wzd-cat-intro-toggle:focus-visible{
	background:var(--c-brick,#8e2521) !important;
	border-color:var(--c-brick,#8e2521) !important;
	color:#fff !important;
	box-shadow:0 5px 14px rgba(142,37,33,.22) !important;
}
.wzd-shop-catalog .wzd-cat-intro-toggle:hover{transform:translateY(-1px)}
.wzd-shop-catalog .wzd-cat-intro-toggle:active{transform:translateY(0) scale(.98)}
.wzd-shop-catalog .wzd-cat-intro-toggle:focus-visible{outline:3px solid rgba(142,37,33,.22);outline-offset:3px}
.wzd-shop-catalog .wzd-cat-intro-toggle i{font-size:15px;transition:transform .22s var(--ease-smooth)}
.wzd-shop-catalog .wzd-cat-intro--exp .wzd-cat-intro-toggle i{transform:rotate(180deg)}
@media (max-width:768px){
	.wzd-shop-catalog .wzd-cat-intro{padding:15px 16px 12px !important;border-radius:16px !important}
	.wzd-shop-catalog .wzd-cat-intro-toggle{min-height:44px !important;margin:8px 0 0 !important;padding:8px 14px !important;font-size:13px}
}

/* Product visualizer: give the wall sample the unused vertical space and
 * anchor the brick/mortar legend in the lower balance area of the card. */
.wzd-pdp2-action .wzd-cq-viz{
	display:flex !important;
	flex-direction:column !important;
}
.wzd-pdp2-action .wzd-cq-viz-stage{flex:none !important}
.wzd-pdp2-action .wzd-cq-viz-legend{margin-top:auto !important}


/* Mobile product calculator — must remain one real-flow column.
 * The desktop .wzd-cq-split grid uses a fixed preview track; on a phone that
 * can leave the SVG taller than its parent and make it paint over the first
 * area-input label. This file loads last, so it is the authoritative mobile
 * layout rather than relying on an earlier product stylesheet override. */
@media (max-width:768px){
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4.wzd-cq-split{display:flex !important;flex-direction:column !important;align-items:stretch !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz{display:flex !important;order:0 !important;align-self:stretch !important;flex:0 0 auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz-head{flex:0 0 auto !important;margin:0 !important;padding:12px 14px !important;line-height:1.35 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz-stage{position:relative !important;flex:0 0 132px !important;width:100% !important;height:132px !important;min-height:132px !important;margin:0 !important;padding:0 !important;overflow:hidden !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz-stage svg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz-legend{flex:0 0 auto !important;flex-wrap:wrap !important;min-height:42px !important;margin:0 !important;padding:9px 14px !important;gap:8px !important;line-height:1.3 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-viz-aux{margin-left:auto !important;white-space:nowrap !important;font-size:12px !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-form{display:block !important;order:1 !important;align-self:stretch !important;flex:0 0 auto !important;min-height:0 !important;margin:0 !important;padding:0 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-step{position:relative !important;clear:both !important;margin:0 !important;padding:16px !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-step-label{display:block !important;position:static !important;margin:0 0 12px !important;font-size:13px !important;line-height:1.4 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-row{position:relative !important;clear:both !important;margin:0 0 18px !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-row:last-child{margin-bottom:0 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-area-3col{align-items:end !important;gap:6px !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-input-group{min-width:0 !important}
	.wzd-pdp.wzd-pdp .wzd-pdp2-action .wzd-cq-v4 .wzd-cq-col-label{display:flex !important;min-height:34px !important;align-items:flex-end !important;justify-content:center !important;text-align:center !important;white-space:normal !important;line-height:1.25 !important}
}