/* WooCommerce's own screens (Checkout, Cart, My Account incl. order-pay and the thank-you page) without WPBakery, Novo's add-on
   (pt-novo-shortcodes) and DHVC WooCommerce Page (WPBakery off, block 2b, 2026-11-01). Only the rules of their stylesheets that these
   screens really use, measured in Chrome's own cascade on the Astra copy (Checkout EN + NL with a cart, the voucher notice, a refused
   Place order, My Account; 390 / 768 / 1024 / 1440 px; hover and focus), copied word for word with their media queries and in their
   order; plus the few for states that could not be opened (select options, the select2 arrow). Loaded on those screens only, last;
   while the plugins are still on it repeats their rules (no change). */

/* Novo's add-on, pt-addons.css */
body { overflow-anchor: none; }
.site-dark .woocommerce-checkout #payment div.payment_box { background-color: #000000; color: #fff; }
.site-dark .woocommerce-checkout #payment div.payment_box:before { border-bottom-color: #000; }
.site-dark select option { color: #fff; }
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { border-top: none; height: 100%; width: 30px; }
.vc_row { background: 50% no-repeat; background-size: cover; }
.vc_row { position: relative; z-index: 1; }
@media screen and (max-width: 768px), screen and (max-width: 992px) and (max-height: 450px) and (orientation: landscape) {
	body { font-size: 14px !important; }
}

/* WPBakery, js_composer_optimized.min.css (DHVC loaded it here): the voucher row's grid (review-order.php) and the content wrapper */
.vc_row:before, .vc_row:after { content: " "; display: table; }
.vc_row:after { clear: both; }
.vc_column_container { width: 100%; }
.vc_row { margin-left: -15px; margin-right: -15px; }
.vc_col-lg-8, .vc_col-md-8, .vc_col-sm-12, .vc_col-xs-12, .vc_col-lg-4, .vc_col-md-4 { box-sizing: border-box; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.vc_col-xs-12 { float: left; }
.vc_col-xs-12 { width: 100%; }
@media (min-width: 768px) {
	.vc_col-sm-12 { float: left; }
	.vc_col-sm-12 { width: 100%; }
}
@media (min-width: 992px) {
	.vc_col-md-8, .vc_col-md-4 { float: left; }
	.vc_col-md-8 { width: 66.66666667%; }
	.vc_col-md-4 { width: 33.33333333%; }
}
@media (min-width: 1200px) {
	.vc_col-lg-8, .vc_col-lg-4 { float: left; }
	.vc_col-lg-8 { width: 66.66666667%; }
	.vc_col-lg-4 { width: 33.33333333%; }
}
.wpb-content-wrapper { border: none; display: block; margin: 0; overflow: unset; padding: 0; }
.vc_column_container { padding-left: 0; padding-right: 0; }