/* Native WooCommerce account forms and customer dashboard. */
.spx-account{color:#202936;font-family:"DM Sans","Cairo",system-ui,sans-serif}
.spx-account-page{padding:136px 0 72px;background:#faf9f6;min-height:70vh}
.spx-account-intro{margin-bottom:36px;max-width:720px}
.spx-account h1{font-size:clamp(32px,5vw,58px);line-height:1.15;margin:10px 0 16px;letter-spacing:-.04em}
.spx-account-eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9c510c}
.spx-account-intro>p:last-child,.spx-account-panel-intro>p:last-child{color:#5c6570;line-height:1.65}
.spx-account .woocommerce h2{font-size:23px;margin:0 0 22px}
.spx-account .woocommerce form.login,.spx-account .woocommerce form.register,.spx-account .woocommerce-ResetPassword{background:#fff;border:1px solid #e3e6e9;border-radius:20px;padding:28px;margin:0;box-shadow:0 8px 30px #20293605}
.spx-account .woocommerce .col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.spx-account .woocommerce .col2-set .col-1,.spx-account .woocommerce .col2-set .col-2{width:auto;float:none}
.spx-account .woocommerce form .form-row{padding:0;margin:0 0 18px}
.spx-account .woocommerce form label{display:block;font-size:14px;font-weight:600;color:#34404b;line-height:1.5;margin-bottom:8px}
.spx-account .woocommerce input.input-text,.spx-account .woocommerce select,.spx-account .woocommerce textarea{width:100%;min-height:48px;border:1px solid #cbd1d7;border-radius:9px;background:#fff;padding:11px 12px;color:#202936;font:inherit;box-sizing:border-box}
.spx-account .woocommerce input:focus-visible,.spx-account .woocommerce a:focus-visible,.spx-account .woocommerce button:focus-visible{outline:3px solid #f2850066;outline-offset:3px}
.spx-account .woocommerce button.button,.spx-account .woocommerce a.button{background:#f28500;color:#202936;border-radius:999px;padding:13px 24px;font-weight:750;border:0;line-height:1.3;text-decoration:none}
.spx-account .woocommerce button.button:hover,.spx-account .woocommerce a.button:hover{background:#ff9c26}
.spx-account .woocommerce .woocommerce-form-login__rememberme{display:flex;gap:9px;align-items:center;margin-bottom:18px}
.spx-account .woocommerce .woocommerce-form-login__rememberme input{width:18px;height:18px;margin:0}
.spx-account .woocommerce a{color:#9c510c}
.spx-account .woocommerce .woocommerce-LostPassword{margin-bottom:0;font-size:14px}
.spx-account .woocommerce .woocommerce-privacy-policy-text{font-size:13px;color:#5c6570;line-height:1.65}
.spx-account .woocommerce .woocommerce-MyAccount-navigation{width:23%;background:#fff;border:1px solid #e3e6e9;border-radius:18px;padding:12px}
.spx-account .woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.spx-account .woocommerce .woocommerce-MyAccount-navigation li{border:0}
.spx-account .woocommerce .woocommerce-MyAccount-navigation a{display:block;padding:13px 15px;border-radius:10px;text-decoration:none;font-weight:600;color:#34404b}
.spx-account .woocommerce .woocommerce-MyAccount-navigation .is-active a{background:#fff1df;color:#874200}
.spx-account .woocommerce .woocommerce-MyAccount-navigation a:hover{background:#f4f5f6}
.spx-account .woocommerce .woocommerce-MyAccount-content{width:72%;background:#fff;border:1px solid #e3e6e9;border-radius:18px;padding:28px;box-sizing:border-box;line-height:1.75}
.spx-account .woocommerce .woocommerce-MyAccount-content>p:first-child{margin-top:0}
.spx-account .woocommerce table.shop_table{border:1px solid #e3e6e9;border-radius:10px}
.spx-account .woocommerce fieldset{border:1px solid #e3e6e9;border-radius:10px;padding:16px;margin-top:20px}
.spx-account-help{clear:both;padding-top:30px;font-size:14px;color:#5c6570}
.spx-account-help a{color:#9c510c;font-weight:650}
body.spx-account-panel{margin:0;background:#faf9f6;padding:24px}
.spx-account-panel .spx-account{max-width:480px;margin:auto}
.spx-account-panel-intro h1{font-size:34px}
.spx-account-panel .woocommerce .col2-set{grid-template-columns:minmax(0,1fr);gap:28px}
.spx-account-panel .woocommerce form.login,.spx-account-panel .woocommerce form.register{padding:20px}
.spx-account-panel .woocommerce h2{font-size:19px}
.spx-account-panel .spx-account-help{padding-top:12px}
[dir=rtl] .spx-account h1{letter-spacing:0}
[dir=rtl] .spx-account-eyebrow{letter-spacing:0}
@media(max-width:767px){
 .spx-account-page{padding:108px 0 48px}
 .spx-account .woocommerce .col2-set{grid-template-columns:1fr}
 .spx-account .woocommerce .woocommerce-MyAccount-navigation,.spx-account .woocommerce .woocommerce-MyAccount-content{float:none;width:100%}
 .spx-account .woocommerce .woocommerce-MyAccount-navigation{margin-bottom:22px;box-sizing:border-box}
 .spx-account .woocommerce .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}
 .spx-account .woocommerce .woocommerce-MyAccount-navigation a{white-space:nowrap}
 .spx-account .woocommerce .woocommerce-MyAccount-content{padding:20px}
 .spx-account .woocommerce form.login,.spx-account .woocommerce form.register{padding:22px}
 body.spx-account-panel{padding:18px}
}

.spx-account .woocommerce .col2-set::before,.spx-account .woocommerce .col2-set::after{content:none}
.spx-account h1,.spx-account h2{font-family:"DM Sans","Cairo",system-ui,sans-serif!important;text-transform:none!important}

/* Native WooCommerce uses a row header for the order number. */
@media(max-width:767px){.spx-account .woocommerce table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number{display:block;text-align:start;padding:14px 12px;background:#f6f7f5;border-top:1px solid #e3e6e9}.spx-account .woocommerce .woocommerce-orders-table__cell-order-number a{font-weight:700;color:#202936}}

.woocommerce-account .spx-mobile-cta,.woocommerce-account .trp-floating-switcher{display:none!important}
