/* The shared header/footer and remembered appearance mode remain the source. */
body.vkc-commerce {
  --vkc-bg:#f7f8fa;
  --vkc-surface:#fff;
  --vkc-text:#20242d;
  --vkc-muted:#626b79;
  --vkc-border:#d9dee6;
  --vkc-input:#fff;
  --vkc-input-border:#8793a3;
  --vkc-focus:#6671f2;
  --vkc-accent:linear-gradient(110deg,#4f63f6,#c23a8e);
  background:var(--vkc-bg);
  color:var(--vkc-text);
}
html[data-vk-theme="dark"] body.vkc-commerce {
  --vkc-bg:#101217;
  --vkc-surface:#171b22;
  --vkc-text:#f4f6fa;
  --vkc-muted:#b3bac6;
  --vkc-border:#2c323c;
  --vkc-input:#13171e;
  --vkc-input-border:#66717f;
}
html[data-vk-theme] body.vkc-commerce #primary,
html[data-vk-theme] body.vkc-commerce #content {background:var(--vkc-bg); color:var(--vkc-text);}
body.vkc-commerce #primary {padding-top:0!important;}
body.vkc-commerce .site_header.vkc-page-title {margin:0; padding:36px 0 24px; background:transparent; text-align:left;}
body.vkc-commerce .vkc-page-title .page-title {margin:0; padding:0; color:var(--vkc-text); font:600 clamp(28px,2.6vw,38px)/1.2 var(--vk-font-family,Manrope,Arial,sans-serif); text-align:left; text-transform:none; letter-spacing:-.02em;}
body.vkc-commerce .vkc-cart-count {margin:10px 0 0; padding:0; color:var(--vkc-muted); font:400 14px/1.5 var(--vk-font-family,Manrope,Arial,sans-serif);}
body.vkc-commerce #content {padding:0 0 56px!important;}
body.vkc-commerce #content>.row,
body.vkc-commerce #content>article>.row,
body.vkc-commerce .vkc-page-title>.row {width:100%; max-width:1440px; margin:0 auto; padding:0 32px;}
body.vkc-commerce #content>.row>.columns,
body.vkc-commerce #content>article>.row>.columns,
body.vkc-commerce .vkc-page-title>.row>.columns {padding:0;}
body.vkc-commerce #content .entry-content {margin:0; padding:0;}
body.vkc-commerce #content .entry-content>.woocommerce {margin:0;}
html[data-vk-theme] body.vkc-commerce :is(form.vkc-checkout,.vkc-cart-form) {background:transparent!important; border:0; box-shadow:none;}
html[data-vk-theme] body.vkc-commerce :is(.cart-collaterals,.cart_totals,.woocommerce-checkout-review-order,.order_review_wrapper) {background:transparent!important; border:0; color:var(--vkc-text)!important; box-shadow:none;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout #payment {background:transparent!important; color:var(--vkc-text)!important; border-color:var(--vkc-border)!important;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout #payment ul.payment_methods,
html[data-vk-theme] body.vkc-commerce .vkc-checkout #payment div.payment_box {background:transparent!important; color:var(--vkc-muted)!important;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout #payment div.payment_box::before {display:none;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout table.shop_table :is(th,td),
html[data-vk-theme] body.vkc-commerce .vkc-cart-table :is(th,td) {border-color:var(--vkc-border)!important;}
html[data-vk-theme] body.vkc-commerce :is(.vkc-cart-table,.vkc-order-product-image) img {filter:none!important;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout .form-row:not(.woocommerce-invalid):not(.woocommerce-validated) :is(input.input-text,textarea):not([aria-invalid="true"]):not([style*="border"]),
html[data-vk-theme] body.vkc-commerce .vkc-checkout .select2-container .select2-selection {border-color:var(--vkc-input-border)!important;}
/* Preserve native/plugin invalid states rather than masking them with form colors. */
html[data-vk-theme] body.vkc-commerce .vkc-checkout .woocommerce-invalid :is(input.input-text,select,textarea),
html[data-vk-theme] body.vkc-commerce .vkc-checkout .woocommerce-invalid .select2-selection {border-color:#d94b63!important;}
body.vkc-commerce .woocommerce-info,
body.vkc-commerce .woocommerce-message,
body.vkc-commerce .woocommerce-error {margin:0 0 20px; border-radius:7px; font-size:14px; line-height:1.6;}
body.vkc-commerce :is(.woocommerce-form-login,.checkout_coupon) {margin:0 0 22px; padding:22px; border:1px solid var(--vkc-border); border-radius:8px; background:var(--vkc-surface);}
body.vkc-commerce .woocommerce-form-login :is(.form-row-first,.form-row-last) {min-width:0;}
body.vkc-commerce .screen-reader-text {position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); border:0; white-space:nowrap;}
/* Native Woo coupon remains a separate form, with its original AJAX submit. */
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon {margin:0 0 20px; padding:12px 18px; border:1px solid var(--vkc-border); border-radius:8px; background:var(--vkc-surface); color:var(--vkc-text);}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon .woocommerce-info {margin:0; padding:0!important; border:0; border-radius:0; background:transparent!important; color:var(--vkc-muted)!important; box-shadow:none; font:400 14px/1.6 var(--vk-font-family,Manrope,Arial,sans-serif); text-align:left;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon .woocommerce-info::before {display:none;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon .showcoupon {color:var(--vkc-text); font-weight:500; text-decoration:underline; text-underline-offset:3px;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon form.checkout_coupon {margin:14px 0 0; padding:0; border:0; border-radius:0; background:transparent!important; text-align:left;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon .checkout_coupon_inner {display:flex!important; align-items:center; flex-wrap:wrap; gap:12px; max-width:600px;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon #coupon_code {flex:1 1 190px; width:auto; min-width:0; height:44px; margin:0; padding:10px 12px; border:1px solid var(--vkc-input-border)!important; border-radius:6px; background:var(--vkc-input)!important; color:var(--vkc-text)!important; font:400 16px/1.4 var(--vk-font-family,Manrope,Arial,sans-serif);}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon #coupon_code::placeholder {color:var(--vkc-muted)!important; opacity:1;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon button[name="apply_coupon"] {height:auto; min-height:44px; margin:0; padding:11px 18px; border:1px solid var(--vkc-input-border)!important; border-radius:6px; background:transparent!important; color:var(--vkc-text)!important; box-shadow:none; font:500 14px/1.4 var(--vk-font-family,Manrope,Arial,sans-serif); text-transform:none; white-space:normal;}
html[data-vk-theme] body.vkc-commerce .vkc-checkout-coupon :is(a,button,input):focus-visible {outline:2px solid var(--vkc-focus); outline-offset:3px;}
body.vkc-commerce .vkc-checkout-benefits-grid {display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:0 0 20px; align-items:start;}
body.vkc-commerce .vkc-checkout-benefits-grid:empty {display:none;}
body.vkc-commerce .vkc-checkout-benefits-grid>.vkc-checkout-coupon {margin:0;}
body.vkc-commerce .vkc-checkout-credit {min-width:0; padding:16px 18px; border:1px solid var(--vkc-border); border-radius:8px; background:var(--vkc-surface);}
body.vkc-commerce .vkc-checkout-benefits-grid>:only-child {grid-column:1/-1;}
body.vkc-commerce .vkc-checkout-credit .vkscp-classic-cart-credit-box {margin:0; padding:0;}
html[data-vk-theme] body.vkc-commerce.woocommerce-checkout .vkc-checkout-credit .vkscp-classic-cart-credit-box {display:block!important;}
body.vkc-commerce .vkc-checkout-credit-status {grid-column:1/-1; margin:0; color:var(--vkc-muted); font:400 13px/1.5 var(--vk-font-family,Manrope,Arial,sans-serif);}
body.vkc-commerce .vkc-checkout-credit-status[data-error="true"] {color:#cf455d;}
html[data-vk-theme="dark"] body.vkc-commerce .vkc-checkout-credit-status[data-error="true"] {color:#ff9cac;}
body.vkc-commerce .vkc-checkout-credit-status[hidden] {display:none;}
@media(max-width:980px) {body.vkc-commerce .vkc-checkout-benefits-grid {grid-template-columns:minmax(0,1fr); gap:12px;}}
@media(max-width:767px) {
  body.vkc-commerce .site_header.vkc-page-title {padding:26px 0 20px;}
  body.vkc-commerce #content>.row,
  body.vkc-commerce #content>article>.row,
  body.vkc-commerce .vkc-page-title>.row {padding:0 16px;}
  body.vkc-commerce #content {padding-bottom:36px!important;}
}
