body.gwd-commerce #primary { max-width: min(var(--gwd-width), calc(100% - 40px)); margin: 0 auto; padding: var(--gwd-padding) 0; background: var(--gwd-surface); color: var(--gwd-text); font-size: var(--gwd-font-size); }
body.gwd-commerce #primary .entry-content { color: var(--gwd-text); font-size: var(--gwd-font-size); --wp--preset--font-size--small: calc(var(--gwd-font-size) * .875); --wp--preset--font-size--medium: var(--gwd-font-size); --wp--preset--font-size--large: calc(var(--gwd-font-size) * 1.5); }
body.gwd-commerce #primary .page-header h1 { font-family: inherit; font-size: var(--gwd-title-size); font-weight: 600; line-height: 1.2; text-transform: none; letter-spacing: -.02em; margin-bottom: 32px; overflow-wrap: anywhere; }
body.gwd-commerce #primary h2, body.gwd-commerce #primary h3 { font-family: inherit; font-size: 1.5em; line-height: 1.3; text-transform: none; }
body.gwd-commerce #primary input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]), body.gwd-commerce #primary select, body.gwd-commerce #primary textarea { border-radius: var(--gwd-radius); }
/* WooCommerce's light fields need dark inherited labels on a dark page. */
body.gwd-commerce #primary .wc-block-components-text-input, body.gwd-commerce #primary .wc-blocks-components-select__container { color: #2b2d2f; }
body.gwd-commerce #primary .wc-blocks-components-select__container { border-radius: var(--gwd-radius); }
body.gwd-commerce #primary .wp-element-button, body.gwd-commerce #primary .wc-block-components-button, body.gwd-commerce #primary .woocommerce .button { background: var(--gwd-button); color: var(--gwd-button-text); border-radius: var(--gwd-radius); font-family: inherit; }
body.gwd-commerce #primary .woocommerce-MyAccount-navigation ul { padding: 0; list-style: none; }
body.gwd-commerce #primary .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 16px; border-bottom: 1px solid #8885; }
body.gwd-commerce #primary .woocommerce-MyAccount-navigation .is-active a { color: var(--gwd-button); }
@media(max-width:600px) { body.gwd-commerce #primary { max-width: calc(100% - 32px); } body.gwd-commerce #primary .page-header h1 { font-size: min(var(--gwd-title-size), 32px); } }