/* ============================================
   FitWeekly — WooCommerce Premium Dark UI v3
   Classic shortcode: checkout, cart, account
   ============================================ */

/* ---------- RESETS ---------- */
.woocommerce, .woocommerce-page { color: rgba(255,255,255,.78); }
.woocommerce-store-notice, .demo_store { display: none !important; }

/* ---------- TYPOGRAPHY ---------- */
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce-column__title, .woocommerce-order-details__title {
    color: #eef0f6 !important;
    font-family: 'Outfit', sans-serif !important;
}
.woocommerce a { color: #f97316; transition: color .15s; }
.woocommerce a:hover { color: #fb923c; }


/* ========================================
   PAGE WRAPPER — centers & constrains
   ======================================== */
.wc-page {
    padding: 110px 24px 80px;
    max-width: 780px;
    margin: 0 auto;
    min-height: 60vh;
}
.wc-page h1 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    font-weight: 800;
    color: #eef0f6;
    margin-bottom: 28px;
    letter-spacing: -.02em;
}
.wc-content { width: 100%; }
.wc-content > div > .woocommerce { width: 100%; }


/* ========================================
   GLASS CARDS
   ======================================== */
.fw-card {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    padding: 28px;
}


/* ========================================
   ALL INPUTS
   ======================================== */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="url"],
.woocommerce input[type="search"],
.woocommerce select,
.woocommerce textarea,
.woocommerce .input-text,
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #eef0f6 !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    transition: border-color .2s, box-shadow .2s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
    border-color: rgba(249,115,22,.5) !important;
    box-shadow: 0 0 0 3px rgba(249,115,22,.08) !important;
    outline: none !important;
}
.woocommerce input::placeholder,
.woocommerce textarea::placeholder {
    color: rgba(255,255,255,.2) !important;
}

/* labels */
.woocommerce label {
    color: rgba(255,255,255,.45) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.woocommerce .required, abbr.required {
    color: #f97316 !important;
    text-decoration: none !important;
    border: none !important;
}

/* select2 */
.select2-container--default .select2-selection--single {
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #eef0f6 !important;
    line-height: 46px !important;
    padding-left: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255,255,255,.2) transparent transparent transparent !important;
}
.select2-dropdown {
    background: #1a1d28 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 48px rgba(0,0,0,.5) !important;
}
.select2-results__option {
    color: rgba(255,255,255,.7) !important;
    padding: 10px 16px !important;
}
.select2-results__option--highlighted,
.select2-results__option--highlighted[data-selected] {
    background: rgba(249,115,22,.1) !important;
    color: #f97316 !important;
}
.select2-search--dropdown .select2-search__field {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #eef0f6 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}


/* ========================================
   BUTTONS
   ======================================== */
.woocommerce .button,
.woocommerce button[type="submit"],
.woocommerce input[type="submit"],
.woocommerce-Button,
.woocommerce #respond input#submit,
.woocommerce #place_order,
#place_order {
    background: linear-gradient(135deg, #f97316, #ea580c) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    padding: 14px 32px !important;
    cursor: pointer !important;
    transition: all .25s cubic-bezier(.34,1.56,.64,1) !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
    box-shadow: 0 4px 16px rgba(249,115,22,.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.woocommerce .button:hover,
.woocommerce button[type="submit"]:hover,
#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(249,115,22,.35) !important;
    filter: brightness(1.05) !important;
}


/* ========================================
   CHECKOUT — LAYOUT
   ======================================== */

/* hide coupon / login toggles */
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle,
.checkout_coupon { display: none !important; }

/* hide empty col-2 (shipping/additional when empty) */
.woocommerce-checkout .col2-set {
    display: block !important;
}
.woocommerce-checkout .col2-set .col-1 {
    width: 100% !important;
    float: none !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
}
.woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* hide col-2 if it only has empty divs */
.woocommerce-checkout .col2-set .col-2:empty,
.woocommerce-checkout .woocommerce-additional-fields:empty {
    display: none !important;
}

/* billing heading */
.woocommerce-billing-fields > h3 {
    color: #eef0f6 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 22px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

/* form rows */
.woocommerce .form-row { margin-bottom: 16px !important; }
.woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-first {
    grid-column: 1 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-last {
    grid-column: 2 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row {
    margin: 0 !important;
    width: 100% !important;
}

/* hidden elements */
wc-order-attribution-inputs { display: none !important; }


/* ========================================
   ORDER REVIEW
   ======================================== */
#order_review_heading {
    color: #eef0f6 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
}

.woocommerce-checkout-review-order {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
}

/* order table */
.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table {
    background: transparent !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
}
.woocommerce table.shop_table th {
    background: transparent !important;
    color: rgba(255,255,255,.3) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    border-right: none !important; border-left: none !important; border-top: none !important;
}
.woocommerce table.shop_table td {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.04) !important;
    border-right: none !important; border-left: none !important; border-top: none !important;
    color: rgba(255,255,255,.65) !important;
    font-size: 14px !important;
}
.woocommerce table.shop_table tr:last-child td { border-bottom: none !important; }
.woocommerce table.shop_table tfoot th {
    text-align: left !important;
    text-transform: none !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    padding: 14px 0 !important;
    color: rgba(255,255,255,.45) !important;
}
.woocommerce table.shop_table .order-total th,
.woocommerce table.shop_table .order-total td {
    font-size: 17px !important; font-weight: 700 !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
}
.woocommerce table.shop_table .order-total .woocommerce-Price-amount { color: #f97316 !important; }
.woocommerce table.shop_table .order-total th { color: #eef0f6 !important; }


/* ========================================
   PAYMENT SECTION
   ======================================== */
.woocommerce-checkout-payment {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.wc_payment_method {
    border-bottom: 1px solid rgba(255,255,255,.04) !important;
    padding: 0 !important; margin: 0 !important;
}
.wc_payment_method:last-of-type { border-bottom: none !important; }

/* payment labels */
.wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 18px 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    color: rgba(255,255,255,.75) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: background .2s !important;
}
.wc_payment_method > label:hover { background: rgba(255,255,255,.015) !important; }

/* radio buttons */
.wc_payment_method input.input-radio,
.wc_payment_method input[type="radio"],
.woocommerce-SavedPaymentMethods li input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important; height: 20px !important;
    border: 2px solid rgba(255,255,255,.15) !important;
    border-radius: 50% !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    padding: 0 !important; margin: 0 !important;
    transition: border-color .2s !important;
}
.wc_payment_method input.input-radio:checked,
.wc_payment_method input[type="radio"]:checked,
.woocommerce-SavedPaymentMethods li input[type="radio"]:checked {
    border-color: #f97316 !important;
}
.wc_payment_method input.input-radio:checked::after,
.wc_payment_method input[type="radio"]:checked::after,
.woocommerce-SavedPaymentMethods li input[type="radio"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 9px !important; height: 9px !important;
    border-radius: 50% !important;
    background: #f97316 !important;
}

/* saved payment methods */
.woocommerce-SavedPaymentMethods {
    list-style: none !important;
    padding: 8px 24px !important;
    margin: 0 !important;
}
.woocommerce-SavedPaymentMethods li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 0 !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 14px !important;
}

/* payment box */
.payment_box {
    background: rgba(255,255,255,.02) !important;
    border-top: 1px solid rgba(255,255,255,.04) !important;
    padding: 20px 24px !important;
    color: rgba(255,255,255,.4) !important;
    font-size: 13px !important;
    margin: 0 !important;
}
.payment_box p { color: rgba(255,255,255,.4) !important; margin: 0 0 8px !important; }
.payment_box p:last-child { margin-bottom: 0 !important; }
.payment_box::before { display: none !important; }

/* stripe icons */
.stripe-cards-icon, .stripe-icon { opacity: .4 !important; }

/* stripe elements */
.wc-upe-form, .wc-stripe-upe-element, .StripeElement, #wc-stripe-card-element {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 10px !important;
    padding: 14px !important;
}

/* stripe test mode notice */
.wc-stripe-test-mode-notice,
.payment_box .woocommerce-info {
    background: rgba(249,115,22,.04) !important;
    border: 1px solid rgba(249,115,22,.08) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: rgba(249,115,22,.6) !important;
    font-size: 12px !important;
    margin-bottom: 12px !important;
}

/* stripe copy button */
.wc-stripe-copy-test-number { color: rgba(255,255,255,.3) !important; cursor: pointer !important; }

/* place order */
.form-row.place-order {
    padding: 20px 24px !important;
    border-top: 1px solid rgba(255,255,255,.04) !important;
    background: transparent !important;
}
.woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-checkbox-text {
    color: rgba(255,255,255,.3) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
}
.woocommerce-privacy-policy-text a { color: rgba(249,115,22,.5) !important; }


/* ========================================
   CHECKBOX
   ======================================== */
.woocommerce input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important; height: 18px !important;
    border: 2px solid rgba(255,255,255,.12) !important;
    border-radius: 5px !important;
    background: transparent !important;
    cursor: pointer !important;
    padding: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
.woocommerce input[type="checkbox"]:checked {
    background: #f97316 !important;
    border-color: #f97316 !important;
}
.woocommerce input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: -1px !important; left: 2px !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 700 !important;
}


/* ========================================
   NOTICES
   ======================================== */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    border-radius: 12px !important;
    padding: 14px 20px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    list-style: none !important;
}
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
    color: inherit !important;
}
.woocommerce-error {
    background: rgba(239,68,68,.06) !important;
    border: 1px solid rgba(239,68,68,.1) !important;
    color: #fca5a5 !important;
}
.woocommerce-message {
    background: rgba(34,197,94,.06) !important;
    border: 1px solid rgba(34,197,94,.1) !important;
    color: #86efac !important;
}
.woocommerce-info {
    background: rgba(249,115,22,.05) !important;
    border: 1px solid rgba(249,115,22,.08) !important;
    color: #fdba74 !important;
}
.woocommerce-error a, .woocommerce-message a, .woocommerce-info a {
    color: inherit !important;
}


/* ========================================
   MY ACCOUNT — LOGIN / REGISTER
   ======================================== */
.woocommerce-account .woocommerce {
    max-width: 780px;
    margin: 0 auto;
}
/* override WC default col2-set layout */
.woocommerce .u-columns.col2-set,
.woocommerce .col2-set#customer_login,
#customer_login {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    width: 100% !important;
}
.woocommerce .u-columns .u-column1,
.woocommerce .u-columns .u-column2,
#customer_login .col-1,
#customer_login .col-2,
#customer_login .u-column1,
#customer_login .u-column2,
.col2-set .u-column1.col-1,
.col2-set .u-column2.col-2 {
    margin: 0 !important;
    padding: 28px !important;
    max-width: none !important;
    width: auto !important;
    float: none !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
}
#customer_login h2 {
    color: #eef0f6 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

/* remember me */
.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255,255,255,.4) !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

/* lost password */
.woocommerce .lost_password { margin-top: 12px !important; }
.woocommerce .lost_password a { color: rgba(255,255,255,.3) !important; font-size: 13px !important; }
.woocommerce .lost_password a:hover { color: #f97316 !important; }

/* password toggle */
.woocommerce .show-password-input { color: rgba(255,255,255,.2) !important; }
.woocommerce .show-password-input:hover { color: rgba(255,255,255,.5) !important; }


/* ========================================
   MY ACCOUNT DASHBOARD
   ======================================== */
.woocommerce-MyAccount-navigation {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    padding: 6px !important;
    margin-bottom: 24px !important;
}
.woocommerce-MyAccount-navigation ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.woocommerce-MyAccount-navigation li { margin: 2px 0 !important; }
.woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 11px 16px !important;
    color: rgba(255,255,255,.5) !important;
    border-radius: 10px !important;
    transition: all .2s !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.woocommerce-MyAccount-navigation li a:hover { background: rgba(249,115,22,.06) !important; color: #f97316 !important; }
.woocommerce-MyAccount-navigation li.is-active a { background: rgba(249,115,22,.1) !important; color: #f97316 !important; font-weight: 600 !important; }
.woocommerce-MyAccount-content { color: rgba(255,255,255,.65) !important; line-height: 1.7 !important; }
.woocommerce-MyAccount-content a { color: #f97316 !important; }

@media(min-width:768px) {
    .woocommerce-MyAccount-navigation { float: left; width: 200px; }
    .woocommerce-MyAccount-content { margin-left: 240px; }
}


/* ========================================
   ADDRESSES & ORDERS TABLES
   ======================================== */
.woocommerce-Addresses { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
.woocommerce-Addresses .woocommerce-Address {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 14px !important;
    padding: 24px !important;
}
.woocommerce-Address-title h3 { color: #eef0f6 !important; }
.woocommerce-Address-title .edit { color: #f97316 !important; font-size: 13px !important; }
address { color: rgba(255,255,255,.5) !important; font-style: normal !important; }

.woocommerce-orders-table { border-collapse: separate !important; border-spacing: 0 !important; }
.woocommerce-orders-table th {
    color: rgba(255,255,255,.3) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    padding: 12px 0 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.woocommerce-orders-table td {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.03) !important;
    color: rgba(255,255,255,.55) !important;
}


/* ========================================
   ORDER RECEIVED
   ======================================== */
.woocommerce-thankyou-order-received {
    color: #34d399 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    background: rgba(34,197,94,.06) !important;
    border: 1px solid rgba(34,197,94,.1) !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    margin-bottom: 24px !important;
}
.woocommerce-order-overview {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 14px !important;
    padding: 24px !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 20px !important;
}
.woocommerce-order-overview li {
    color: rgba(255,255,255,.35) !important; font-size: 12px !important;
    text-transform: uppercase !important; letter-spacing: .04em !important;
}
.woocommerce-order-overview li strong {
    display: block !important; color: #eef0f6 !important; font-size: 15px !important;
    margin-top: 6px !important; text-transform: none !important;
}


/* ========================================
   CART PAGE
   ======================================== */
.woocommerce-cart .cart-empty {
    text-align: center !important;
    padding: 48px 24px !important;
    color: rgba(255,255,255,.35) !important;
    font-size: 15px !important;
    background: rgba(255,255,255,.02) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
}
.woocommerce-cart .cart-empty::before { display: none !important; }
.return-to-shop { text-align: center !important; margin-top: 20px !important; }
.woocommerce-cart .product-remove a { color: rgba(239,68,68,.5) !important; font-size: 18px !important; }
.woocommerce-cart .product-remove a:hover { color: #ef4444 !important; }
.woocommerce-cart .product-name a { color: #eef0f6 !important; font-weight: 500 !important; }
.woocommerce-cart .product-thumbnail img { border-radius: 10px !important; border: 1px solid rgba(255,255,255,.05) !important; }
.woocommerce-cart .quantity .qty { width: 60px !important; text-align: center !important; }

/* coupon in cart */
.woocommerce-cart .coupon { display: flex !important; gap: 8px !important; align-items: flex-end !important; }
.woocommerce-cart .coupon .input-text { max-width: 200px !important; }

/* cart table */
.woocommerce-cart table.shop_table {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.woocommerce-cart table.shop_table th { padding: 14px 18px !important; }
.woocommerce-cart table.shop_table td { padding: 14px 18px !important; }

/* cart totals */
.cart_totals, .cart-collaterals {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin-top: 24px !important;
}
.cart_totals h2 { color: #eef0f6 !important; font-size: 18px !important; margin-bottom: 16px !important; }
.cart_totals table { background: transparent !important; border: none !important; }
.cart_totals table th, .cart_totals table td {
    border: none !important; padding: 10px 0 !important;
}

/* password reset */
.woocommerce-ResetPassword {
    max-width: 480px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    padding: 28px !important;
}


/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .wc-page { padding: 100px 16px 60px; }
    #customer_login { grid-template-columns: 1fr !important; }
    .woocommerce-Addresses { grid-template-columns: 1fr !important; }
    .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr !important; }
    .woocommerce-billing-fields__field-wrapper .form-row-first,
    .woocommerce-billing-fields__field-wrapper .form-row-last {
        grid-column: 1 !important;
    }
    .woocommerce-MyAccount-navigation { float: none !important; width: 100% !important; }
    .woocommerce-MyAccount-content { margin-left: 0 !important; }
}