body.boko-commerce-account {background:#fff;color:#171717}
body.boko-commerce-account .boko-account-main {min-height:65vh}
.boko-account-auth {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:48px 20px 80px;max-width:1120px;margin:auto;align-items:stretch}
.boko-account-photo {position:relative;border-radius:24px;overflow:hidden;min-height:560px;background:#d9d6cf}
.boko-account-photo>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.boko-account-photo::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#000a)}
.boko-account-photo>div {position:absolute;left:28px;right:28px;bottom:28px;z-index:1;color:white}
body.boko-commerce-account .boko-account-photo h2 {margin:0;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;letter-spacing:-.03em;color:white;font-weight:500}
.boko-account-photo ul {list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px;font-size:14.5px}
.boko-account-photo li {display:flex;gap:10px;align-items:flex-start;color:#ffffffe6}
.boko-account-photo li b {display:inline-flex;width:20px;height:20px;border-radius:50%;background:#ffffff2e;align-items:center;justify-content:center;font-size:11px;flex:none;margin-top:1px}
.boko-account-auth-box {align-self:center;max-width:440px;width:100%;justify-self:center;min-width:0}
body.boko-commerce-account .boko-account-eyebrow {font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#737373;margin:0}
body.boko-commerce-account h1 {margin:10px 0 6px;font-size:clamp(2rem,3.4vw,2.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}
#boko-account-lede {margin:0 0 26px;color:#525252}
.boko-account-tabs {display:flex;gap:4px;background:#f7f7f5;border-radius:999px;padding:4px;margin-bottom:24px}
.boko-account-tabs[hidden],.boko-account-main [role=tabpanel][hidden] {display:none!important}
body.boko-commerce-account .boko-account-tabs button {flex:1;height:40px;border:0;background:none;border-radius:999px;padding:0 8px;color:#525252;font:400 14px Geist,sans-serif;cursor:pointer}
body.boko-commerce-account .boko-account-tabs button[aria-selected=true] {background:#fff;color:#171717;font-weight:500;box-shadow:0 1px 3px #00000014}
body.boko-commerce-account #customer_login {display:block;margin:0;padding:0;width:100%}
body.boko-commerce-account #customer_login>div {float:none;width:100%;max-width:none;padding:0;margin:0}
body.boko-commerce-account #customer_login h2 {font-size:20px}
body.boko-commerce-account #customer_login [role=tabpanel]>h2 {display:none}
body.boko-commerce-account .woocommerce form {border:0;padding:0;margin:0;text-align:left;border-radius:0}
body.boko-commerce-account .woocommerce form .form-row {padding:0;margin:0 0 16px;display:block;float:none;width:100%}
body.boko-commerce-account .woocommerce form label {display:block;font-size:12.5px;line-height:1.5;color:#525252;margin-bottom:6px;font-weight:400}
body.boko-commerce-account .woocommerce form :is(input.input-text,input[type=email],input[type=password],input[type=text],input[type=tel],select,textarea) {width:100%;min-height:48px;padding:10px 14px;border:1px solid #e5e5e5;border-radius:12px;outline:none;background:#fff;box-shadow:none;color:#171717;font:inherit}
body.boko-commerce-account .woocommerce form :is(input,select,textarea):focus {border-color:#171717;box-shadow:0 0 0 3px #17171712}
body.boko-commerce-account .woocommerce form input[type=checkbox] {accent-color:#171717;width:auto;margin-right:7px}
body.boko-commerce-account .woocommerce .password-input {width:100%;display:block}
body.boko-commerce-account .woocommerce .show-password-input {background:none;border:0;color:#525252}
body.boko-commerce-account .woocommerce :is(button.button,a.button,input.button),body.boko-commerce-account a.button {background:#171717!important;color:white!important;border:1px solid #171717!important;border-radius:999px!important;min-height:48px;padding:13px 24px;line-height:1.4;box-shadow:none;font:500 15px/1.4 Geist,sans-serif;text-transform:none;letter-spacing:0}
body.boko-commerce-account .woocommerce :is(button.woocommerce-form-login__submit,button.woocommerce-form-register__submit) {width:100%;float:none;margin-top:14px}
body.boko-commerce-account .woocommerce .woocommerce-form-login__rememberme {display:flex;align-items:center;font-size:13.5px}
body.boko-commerce-account .woocommerce :is(.lost_password,.woocommerce-privacy-policy-text,.woocommerce-form-register>p:not(.form-row)) {font-size:12.5px;line-height:1.5;color:#737373}
body.boko-commerce-account .woocommerce a {color:#171717;text-underline-offset:3px}
body.boko-commerce-account .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {background:#f7f7f5;border:1px solid #e5e5e5;border-radius:12px;color:#171717;margin-bottom:20px;padding:16px 20px;list-style:none}
body.boko-commerce-account .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before {display:none}
.boko-account-page {max-width:1120px;margin:auto;padding:44px 20px 80px}
.boko-account-page-top {display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.boko-account-page-top>a {font-size:13.5px;color:#525252;text-decoration:underline}
body.boko-commerce-account .woocommerce-MyAccount-navigation {float:none;width:100%;margin:0 0 26px;border:0}
body.boko-commerce-account .woocommerce-MyAccount-navigation ul {list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
body.boko-commerce-account .woocommerce-MyAccount-navigation li {border:0;margin:0}
body.boko-commerce-account .woocommerce-MyAccount-navigation a {display:block;border:1px solid #e5e5e5;border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none}
body.boko-commerce-account .woocommerce-MyAccount-navigation .is-active a {background:#171717;color:white}
body.boko-commerce-account .woocommerce-MyAccount-content {float:none;width:100%;padding:0;border:0}
body.boko-account-dashboard .woocommerce-MyAccount-navigation {display:none}
.boko-account-order {border:1px solid #e5e5e5;border-radius:22px;padding:24px;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:22px;align-items:center}
.boko-account-order-image {width:120px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#e8e7e3}
.boko-account-order-image img {width:100%;height:100%;object-fit:cover}
.boko-account-order-meta {font-size:13px;color:#737373;margin:0}
body.boko-commerce-account .boko-account-order h2 {margin:4px 0 2px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.boko-account-order-options {font-size:13.5px;color:#525252;overflow-wrap:anywhere}
.boko-account-order-options ul {list-style:none;padding:0;margin:0}
.boko-account-order-options p {margin:0;display:inline}
.boko-account-order-sum {text-align:right}
.boko-account-order-sum strong {display:block;font-size:19px}
.boko-account-order-sum>a {font-size:13px}
.boko-account-order-status {grid-column:1/-1;border-top:1px solid #e5e5e5;padding-top:20px;font-size:14px}
.boko-account-cards {margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.boko-commerce-account .boko-account-cards>a {border:1px solid #e5e5e5;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:border-color .15s}
body.boko-commerce-account .boko-account-cards>a:hover {border-color:#171717}
.boko-account-cards svg {margin-bottom:6px}.boko-account-cards b {font-size:15.5px;font-weight:500}.boko-account-cards span {font-size:13px;color:#737373}
.boko-account-empty {border:1px solid #e5e5e5;border-radius:22px;padding:28px;background:#f7f7f5}
body.boko-commerce-account .boko-account-empty h2 {font-size:24px;margin:0 0 10px}
body.boko-commerce-account .boko-account-empty .button {display:inline-flex;margin-top:12px}
body.boko-commerce-account .woocommerce table.shop_table {border:1px solid #e5e5e5;border-radius:16px;border-collapse:separate;overflow:hidden}
body.boko-commerce-account .woocommerce table.shop_table :is(th,td) {padding:14px;border-color:#e5e5e5;color:#171717}
body.boko-commerce-account .woocommerce .woocommerce-Address {background:#f7f7f5;border:1px solid #e5e5e5;border-radius:18px;padding:22px;margin-bottom:20px}
body.boko-commerce-account .woocommerce .woocommerce-Address h2 {font-size:22px}
body.boko-commerce-account .woocommerce fieldset {border:1px solid #e5e5e5;border-radius:16px;padding:20px;margin:24px 0}
body.boko-commerce-account .woocommerce legend {font-size:18px;padding:0 8px;width:auto}
.boko-account-progress {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.boko-account-progress li {text-align:center;font-size:12.5px;color:#737373;position:relative}
.boko-account-progress li:before {content:'';position:absolute;top:12px;left:-50%;right:50%;height:2px;background:#e5e5e5;z-index:0}
.boko-account-progress li:first-child:before {display:none}
.boko-account-progress span {position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid #e5e5e5;border-radius:50%;background:white;margin:0 auto 8px;font-size:10px;z-index:1}
.boko-account-progress .is-complete span {background:#171717;border-color:#171717;color:white}
.boko-account-progress .is-current span {border-color:#171717;box-shadow:0 0 0 4px #1717171a}
.boko-account-progress :is(.is-complete,.is-current) {color:#171717;font-weight:500}
.boko-account-progress :is(.is-complete,.is-current):before {background:#171717}
@media(max-width:899px){
 .boko-account-auth {grid-template-columns:1fr;gap:26px;padding:24px 16px 56px}
 .boko-account-photo {min-height:270px;border-radius:20px;order:2}.boko-account-auth-box{order:1}
 body.boko-commerce-account .boko-account-photo h2{font-size:1.45rem}
 .boko-account-page{padding:30px 16px 56px}.boko-account-order{grid-template-columns:84px minmax(0,1fr);padding:18px;gap:14px}
 .boko-account-order-image{width:84px}.boko-account-order-sum{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
 .boko-account-cards{grid-template-columns:1fr 1fr}.boko-account-cards>a{padding:16px!important}.boko-account-progress li{font-size:11px}
 body.boko-commerce-account .woocommerce table.shop_table td {overflow-wrap:anywhere}
}

/* Existing cart drawer, scoped to account. */
body.boko-commerce-account .boko-alex-menu-toggle,body.boko-commerce-account .boko-alex-close {display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;min-height:44px;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;color:#171717;cursor:pointer;}
body.boko-commerce-account .boko-alex-menu-toggle {position:absolute;left:50%;transform:translateX(-50%);}
body.boko-commerce-account :is(.boko-alex-menu-toggle,.boko-alex-close) i {display:block;width:24px;height:1.5px;background:#171717;}
body.boko-commerce-account .boko-alex-close {position:relative;}
body.boko-commerce-account .boko-alex-close i {position:absolute;transform:rotate(45deg);}
body.boko-commerce-account .boko-alex-close i:last-child {transform:rotate(-45deg);}
body.boko-commerce-account .boko-alex-drawer-backdrop {position:fixed;inset:0;z-index:1060;background:rgb(0 0 0 / 45%);backdrop-filter:blur(4px);}
body.boko-commerce-account .boko-alex-drawer {position:fixed;top:0;right:0;bottom:0;width:448px;max-width:100%;z-index:1070;box-sizing:border-box;overflow-y:auto;padding:20px 24px 40px;background:#fff;color:#171717;box-shadow:-20px 0 80px rgb(0 0 0 / 8%);}
body.boko-commerce-account :is(.boko-alex-drawer,.boko-alex-drawer-backdrop)[hidden] {display:none!important;}
body.boko-commerce-account.admin-bar .boko-alex-drawer {top:32px;}
body.boko-commerce-account .boko-alex-drawer-head {display:flex;align-items:center;justify-content:space-between;}
body.boko-commerce-account .boko-alex-logo img {width:112px;height:48px;object-fit:contain;object-position:left;}
body.boko-commerce-account .boko-alex-menu-links {list-style:none;margin:40px 8px 0;padding:0;}
body.boko-commerce-account .boko-alex-menu-links a {display:block;padding:10px 0;font:500 30px/1.4 Geist,sans-serif;color:#171717;letter-spacing:-.035em;text-decoration:none;}
body.boko-commerce-account .boko-alex-menu-links a:hover {color:#737373;}
body.boko-commerce-account .boko-alex-drawer-cta {display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:32px 8px 0;padding:12px 24px;border-radius:999px;background:#171717;color:#fff;font:500 14px/1.5 Geist,sans-serif;text-decoration:none;}
body.boko-commerce-account .boko-commerce-head__in{position:relative}
/* Override Hara's high-specificity account skin without changing native controls. */
body.boko-commerce-account #customer_login>div {border:0!important;padding:0!important}
body.boko-commerce-account #boko-account-main .woocommerce form :is(input.input-text,input[type=email],input[type=password],input[type=text],input[type=tel],select,textarea) {border:1px solid #e5e5e5!important;background:#fff!important;padding:10px 14px!important;border-radius:12px!important}
body.boko-commerce-account #boko-account-main .woocommerce a {color:#525252!important}
body.boko-commerce-account #boko-account-main .woocommerce a.button {color:#fff!important}
body.boko-commerce-account #boko-account-main .woocommerce-privacy-policy-text p {font-size:12.5px!important;line-height:1.5!important;margin:12px 0!important}
body.boko-commerce-account #boko-account-main .woocommerce form .form-row {margin:0 0 16px!important;padding:0!important}
body.boko-commerce-account #boko-account-main .woocommerce form.register>p:not(.form-row) {margin:14px 0;font-size:12.5px;line-height:1.5}
body.boko-commerce-account #boko-account-main .woocommerce .lost_password {margin:14px 0 0!important;text-align:right}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation .is-active a {color:#fff!important}
body.boko-commerce-account #boko-account-main>.boko-account-page>.woocommerce {display:block!important}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation,body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-content {width:100%!important;max-width:none!important;float:none!important;flex:none!important;border:0!important;padding:0!important}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation .is-active a {background:#171717!important;border-color:#171717!important}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation li a {border-radius:999px!important;line-height:1.5!important}
body.boko-commerce-account #boko-account-main .woocommerce-EditAccountForm {max-width:700px}
body.boko-commerce-account #boko-account-main h1 {overflow-wrap:anywhere}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation,body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-content {display:block!important}
body.boko-account-dashboard #boko-account-main .woocommerce-MyAccount-navigation {display:none!important}
body.boko-commerce-account #boko-account-main .woocommerce-MyAccount-navigation li a {font-size:13px!important;padding:8px 14px!important;min-height:0!important}
body.boko-commerce-account #boko-account-main .woocommerce form input.input-text {height:48px!important}
body.boko-commerce-account #boko-account-main .woocommerce table.shop_table :is(th,td) {padding:14px!important}
body.boko-commerce-account #boko-account-main .woocommerce :is(h2,h3) {color:#171717}
body.boko-commerce-account #boko-account-main .woocommerce-customer-details {overflow-wrap:anywhere}
body.boko-commerce-account #boko-account-main .woocommerce :is(.amount,.woocommerce-Price-amount) {color:#171717!important}
body.boko-commerce-account #boko-account-main .boko-account-newsletter label {display:flex!important;gap:10px;align-items:flex-start}
body.boko-commerce-account #boko-account-main .boko-account-newsletter input[type=checkbox] {display:inline-block!important;position:static!important;opacity:1!important;width:18px!important;height:18px!important;flex:none;margin:2px 0 0!important;appearance:auto!important}
body.boko-commerce-account #boko-account-main .boko-account-newsletter label span {padding-left:0!important}
body.boko-commerce-account #boko-account-main .boko-account-newsletter label span:before,body.boko-commerce-account #boko-account-main .boko-account-newsletter label span:after {display:none!important}