/* TOPDOG-LANAS WooCommerce compatibility layer.
   WooCommerce core templates/styles remain authoritative; these rules align them
   with the historic MyStile layout without overriding template PHP. */
.woocommerce #content #main,
.woocommerce-page #content #main { box-sizing: border-box; }
.woocommerce ul.products { clear: both; }
.woocommerce ul.products li.product { box-sizing: border-box; }
.woocommerce div.product div.images img { height: auto; }
.woocommerce div.product .woocommerce-tabs { clear: both; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select { box-sizing: border-box; max-width: 100%; }
.woocommerce table.shop_table { width: 100%; border-collapse: separate; }
.woocommerce-cart table.cart img { height: auto; }
.woocommerce-checkout #payment { box-sizing: border-box; }
.woocommerce-checkout #payment ul.payment_methods { margin: 0; }
.woocommerce-checkout .col2-set,
.woocommerce-account .col2-set { box-sizing: border-box; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { box-sizing: border-box; }
.woocommerce-notices-wrapper { clear: both; }

@media only screen and (max-width: 767px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product { width: 48%; margin-right: 4%; }
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) { margin-right: 0; }
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 { float: none; width: 100%; }
}
/* TOPDOG-LANAS WooCommerce modern form-control fix.
   Prevent legacy MyStile input styling from breaking WooCommerce radios/checkboxes. */

.woocommerce-cart #shipping_method input[type="radio"],
.woocommerce-checkout #shipping_method input[type="radio"],
.woocommerce-checkout #payment input[type="radio"],
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    float: none !important;
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 8px 0 0 !important;
    padding: 0 !important;

    opacity: 1 !important;

    -webkit-appearance: auto !important;
    appearance: auto !important;

    vertical-align: middle !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
}