/* Account-only presentation; native WooCommerce forms and handlers remain intact. */
.fa-account { --fa-ink:#1b1915; --fa-paper:#faf7f2; --fa-line:#ded6ca; background:var(--fa-paper); }
.fa-account main .wp-block-post-title { display:none; }
.fa-account main, .fa-account main>.wp-block-group { margin-top:0!important; padding-top:0!important; padding-bottom:0!important; }
.fa-account .fa-shell { width:100vw; max-width:none!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; color:var(--fa-ink); font-family:Arial,Helvetica,sans-serif; }
.fa-account .fa-hero { box-sizing:border-box; min-height:280px; padding:48px 20px 44px; text-align:center; background:#eee4d6 url('fragrentis-hero.png') center/cover no-repeat; }
.fa-account .fa-hero h1 { margin:8px 0 14px; font:400 clamp(40px,5vw,68px)/1.1 Georgia,'Times New Roman',serif; letter-spacing:-2px; }
.fa-account .fa-eyebrow,.fa-account .fa-subtitle { margin:0; font-size:10px; line-height:1.8; letter-spacing:3px; text-transform:uppercase; }
.fa-account .fa-rule { display:block; width:36px; height:1px; background:#756e61; margin:18px auto; }
.fa-account .fa-account-content { max-width:1160px; margin:0 auto; padding:20px 24px 40px; }
.fa-account .woocommerce #customer_login { box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; width:100%; max-width:1040px; margin:0 auto; padding:0; }
.fa-account .woocommerce #customer_login::before,.fa-account .woocommerce #customer_login::after { display:none; }
.fa-account .woocommerce #customer_login>.u-column1,.fa-account .woocommerce #customer_login>.u-column2 { box-sizing:border-box; width:auto; float:none; min-width:0; padding:32px; background:#faf7f2ed; border:1px solid var(--fa-line); border-radius:3px; }
.fa-account .woocommerce #customer_login h2 { font:400 34px/1.15 Georgia,'Times New Roman',serif; color:var(--fa-ink); margin:0 0 8px; letter-spacing:-1px; }
.fa-account .woocommerce #customer_login form { border:0!important; padding:0!important; margin:0!important; background:transparent!important; text-align:left; }
.fa-account .woocommerce #customer_login p { background:transparent!important; }
.fa-account .woocommerce #customer_login .form-row { padding:0!important; margin:0 0 16px!important; float:none; width:auto; }
.fa-account .woocommerce #customer_login .fa-intro { font-size:13px; line-height:1.6; color:#5c5851; margin:0 0 24px!important; }
.fa-account .woocommerce #customer_login label { display:block; font-size:13px; line-height:1.5; color:var(--fa-ink); margin-bottom:6px; }
.fa-account .woocommerce #customer_login input:not([type=checkbox]):not([type=hidden]) { box-sizing:border-box; width:100%; min-height:44px; background:transparent!important; border:1px solid #c9c3b9!important; border-radius:3px; padding:10px 12px; font-size:14px; color:var(--fa-ink); box-shadow:none!important; }
.fa-account .woocommerce #customer_login input::placeholder { color:#85817a; opacity:1; }
.fa-account .woocommerce #customer_login .password-input { display:block; position:relative; }
.fa-account .woocommerce #customer_login .password-input input { padding-right:46px; }
.fa-account .woocommerce #customer_login .show-password-input { background:transparent!important; color:var(--fa-ink); min-width:36px; min-height:36px; right:4px; top:4px; }
.fa-account .woocommerce #customer_login .button { box-sizing:border-box; display:block; min-height:46px; width:100%; text-align:center; background:var(--fa-ink)!important; color:#fff!important; border:1px solid var(--fa-ink)!important; border-radius:2px; padding:12px 16px!important; margin-top:14px; text-decoration:none; font-size:14px; font-weight:400; cursor:pointer; }
.fa-account .woocommerce #customer_login .fa-secondary { display:block; background:transparent!important; color:var(--fa-ink)!important; }
.fa-account .woocommerce #customer_login .woocommerce-form-login__rememberme { display:flex; align-items:center; gap:8px; margin:20px 0 12px; }
.fa-account .woocommerce #customer_login input[type=checkbox] { accent-color:var(--fa-ink); width:16px; height:16px; }
.fa-account .woocommerce #customer_login .lost_password { font-size:12px; margin:14px 0 22px; text-align:right; }
.fa-account .fa-register-cta { margin-top:24px; text-align:center; border-top:1px solid var(--fa-line); padding-top:12px; font-size:12px; }
.fa-account .fa-register-cta p { margin:0 0 4px; }
.fa-account .fa-names { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; scroll-margin-top:110px; }
.fa-account .fa-help,.fa-account .woocommerce-privacy-policy-text { font-size:12px; line-height:1.6; color:#5c5851; }
.fa-account .fa-trap { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.fa-account :is(a,button,input):focus-visible { outline:2px solid #755b37; outline-offset:3px; }
.fa-lab .fa-shell { background:#ece3d7 url('fragrancelab-hero.png') center top/auto 740px no-repeat; }
.fa-lab .fa-hero { background:transparent; min-height:260px; }
.fa-lab .fa-account-content { max-width:1000px; background:#f5eee4e8; padding:20px; }
.fa-lab .woocommerce #customer_login>.u-column1,.fa-lab .woocommerce #customer_login>.u-column2 { border-color:transparent; background:#fdfaf6ed; }
.fa-account .fa-account-content>.woocommerce>form { max-width:560px; margin:24px auto; }
@media(max-width:767px) {
 .fa-account .fa-hero { min-height:190px; padding:32px 12px 28px; background-size:auto 210px; }
 .fa-account .fa-hero h1 { font-size:40px; letter-spacing:-1.2px; }
 .fa-account .fa-eyebrow,.fa-account .fa-subtitle { font-size:8px; letter-spacing:1.6px; }
 .fa-account .fa-rule { margin:12px auto; }
 .fa-account .fa-account-content { padding:12px 12px 24px; }
 .fa-account .woocommerce #customer_login { grid-template-columns:minmax(0,1fr); gap:16px; margin:0 auto; }
 .fa-account .woocommerce #customer_login>.u-column1,.fa-account .woocommerce #customer_login>.u-column2 { padding:22px 18px; }
 .fa-account .woocommerce #customer_login h2 { font-size:29px; }
 .fa-account .woocommerce #customer_login input:not([type=checkbox]):not([type=hidden]) { font-size:16px; }
 .fa-account .woocommerce #customer_login .fa-intro { font-size:12px; margin-bottom:18px!important; }
 .fa-account .fa-names { gap:12px; }
 .fa-lab .fa-hero { background:#eee4d6 url('fragrancelab-hero.png') center/cover no-repeat; }
}
/* Keep the banner within the available page width, including scrollbar space. */
.fa-account main { width:100%!important; max-width:none!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box; }
.fa-account main>.wp-block-group,.fa-account main .entry-content { width:100%; max-width:none!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box; }
.fa-account .fa-shell { width:100%; margin-left:0!important; margin-right:0!important; }
.fa-account .fa-hero { display:flex; flex-direction:column; justify-content:center; min-height:clamp(250px,20vw,380px); }
.fa-account .woocommerce #customer_login .show-password-input { transform:none!important; }
@media(max-width:767px) { .fa-account .fa-hero { min-height:190px; } }
.fa-lab .fa-shell { background-size:100% auto; }
.fa-lab .fa-hero { min-height:clamp(240px,18vw,300px); }
@media(max-width:767px) { .fa-lab .fa-hero { min-height:190px; } }
.fa-account .woocommerce #customer_login input::placeholder { color:#716b62; }
/* Fragrentis: use the whole wrapper width before centering the desktop pair. */
@media(min-width:768px) {
 .fa-fragrentis .fa-account-content { box-sizing:border-box; width:100%; max-width:1160px; margin-left:auto!important; margin-right:auto!important; }
 .fa-fragrentis .fa-account-content>.woocommerce { box-sizing:border-box; width:100%!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; padding-left:0; padding-right:0; }
 .fa-fragrentis .woocommerce #customer_login { float:none; clear:both; margin-left:auto!important; margin-right:auto!important; }
}
/* The navigation links have 14px inner padding: align the page title text with them. */
.fa-fragrentis-account.logged-in main .wp-block-post-title { max-width:none!important; width:auto!important; margin-left:14px!important; margin-right:14px!important; text-align:left; }
/* Mobile password text must not extend underneath the native visibility control. */
@media(max-width:767px) {
 .fa-account .woocommerce #customer_login .password-input input:not([type=checkbox]):not([type=hidden]) { padding-right:48px!important; }
 .fa-account .woocommerce #customer_login .show-password-input { box-sizing:border-box; width:44px; height:44px; min-width:44px; min-height:44px; top:0; right:0; margin:0!important; padding:0!important; border:0; display:flex; align-items:center; justify-content:center; }
 .fa-account .fa-names>.form-row { min-width:0; }
 .fa-account .woocommerce-password-strength,.fa-account .woocommerce-password-hint { white-space:normal; overflow-wrap:anywhere; }
}