/* Scoped to the selected fifth-step design; earlier steps remain unchanged. */
.wordmark-web{font-style:normal}
.storage-warning{padding:12px 16px;border:1px solid #cba15b;border-radius:12px;background:#292116;color:#f4d79d;font-size:13px;line-height:1.6}
body[data-step='4'] .wordmark-web{color:#e7ba6a}
body[data-step='4'] .shell{max-width:747px;padding:20px 15px 22px}
body[data-step='4']::before{height:480px;background-image:url('./barber-header.png');background-position:62% top;opacity:.82}
body[data-step='4'] .topbar{height:52px;padding:0 8px}
body[data-step='4'] .brand>span{display:none}
body[data-step='4'] .brand strong{color:#fff;font-size:24px}
body[data-step='4'] .brand{display:block;position:relative}
body[data-step='4'] .brand::after{content:'BARBER BOOKING PLATFORM';display:block;font-size:8px;letter-spacing:2px;color:#fff;margin-top:4px}
body[data-step='4'] .draft-state{display:none}
body[data-step='4'] .hero{padding:17px 8px 12px;min-height:0}
body[data-step='4'] .hero .eyebrow{font-size:9px}
body[data-step='4'] .hero h1{font-size:35px;line-height:1.2;margin:10px 0}
body[data-step='4'] .hero p{font-size:15px;margin:0}
body[data-step='4'] .progress-card{padding:12px 16px;margin-bottom:12px}
body[data-step='4'] .progress-meta{font-size:13px}
body[data-step='4'] #saveState{display:none}
body[data-step='4'] .card{border-radius:18px;padding:19px 18px;margin-bottom:12px}
body[data-step='4'] .launch{text-align:left}
body[data-step='4'] .launch>.eyebrow{font-size:11px;letter-spacing:0;background:#ebca88;color:#171612;border-radius:20px;padding:5px 13px;display:inline-block}
body[data-step='4'] .launch .ready-heading{font-size:26px;letter-spacing:-.6px;margin:13px 0 14px}
body[data-step='4'] #readyTitle,body[data-step='4'] .launch>p,body[data-step='4'] #readyChecks,body[data-step='4'] .included,body[data-step='4'] .ready-icon{display:none}
.owner-shop-summary{display:flex;gap:14px;align-items:center}
.owner-shop-summary>img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.owner-shop-summary strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.owner-shop-summary p{font-size:12px;color:#827e76;line-height:1.6;margin:4px 0 0}
body[data-step='4'] #readyFullPreview{border:0;min-height:32px;background:transparent;color:#80602c;text-align:right;padding:6px 0 0;font-size:12px;margin:0}
.owner-lock{display:block;background:#efdfba;border-radius:50%;width:33px;height:33px;padding:8px;margin-bottom:13px;box-sizing:border-box}
.owner-auth-card h2{font-size:26px;line-height:1.35;margin:0 0 10px;letter-spacing:-.8px}
.owner-auth-card>.owner-auth-intro{font-size:15px;line-height:1.65;color:#79766e;margin:0 0 18px}
.owner-auth-card button{width:100%;min-height:49px;border-radius:11px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.35;display:flex;justify-content:center;align-items:center;gap:12px}
.owner-google{background:#fff;color:#151515;border:1px solid #dcdcdc;margin-bottom:11px}
.owner-email{background:transparent;color:#171612;border:1px solid #d7cbb5}
.owner-google img,.owner-email img{height:23px;width:23px;object-fit:contain}
.owner-auth-card>.owner-auth-footnote{color:#858078;font-size:12px;line-height:1.6;margin:13px 0 0}
.owner-auth-card form{margin-top:17px;border-top:1px solid #e3dccd;padding-top:13px}
.owner-auth-card form button{background:#e6bc70;border:1px solid #cba15b;color:#1d1911;font-size:14px}
.owner-auth-card input{font-size:16px;min-height:46px}
.auth-form-help,#ownerAuthStatus,#ownerSignedIn p{font-size:13px;line-height:1.65;color:#73684f;overflow-wrap:anywhere}
#ownerAuthStatus{padding:10px 12px;background:#eee5d0;border-radius:9px;margin:13px 0 0}
#ownerAuthStatus.auth-error{background:#f6e8df;color:#8d3e2c}
#ownerEmailValue{font-weight:700;color:#151511;font-size:16px}
#ownerSignOut{background:transparent;border:1px solid #cfc4ae;font-size:14px}
.owner-auth-card button:disabled{opacity:.6;cursor:wait}
body[data-step='4'] .price-breakdown h3{font-size:26px;margin:0 0 13px}
body[data-step='4'] .price-box>.price-breakdown{border:0;margin:0;padding:0}
body[data-step='4'] .price-breakdown>div{padding:9px 0;border-top:1px solid #e6decd}
body[data-step='4'] .price-box span{font-size:14px}
body[data-step='4'] .price-breakdown strong{font-size:17px}
body[data-step='4'] .price-box>div:not(.price-breakdown){padding-top:12px;margin-top:5px;border-top:1px solid #e6decd}
body[data-step='4'] .price-box>div:not(.price-breakdown) strong{font-size:23px}
body[data-step='4'] .price-box>small{text-align:right;display:block;color:#827d73;font-size:12px;margin-top:1px}
body[data-step='4'] .pay{margin:14px 0 0;min-height:46px;font-size:15px;border-radius:12px}
body[data-step='4'] .pay:disabled{background:#efe1c4;border-color:#efe1c4;color:#7c673e;opacity:1;cursor:not-allowed;box-shadow:none}
body[data-step='4'] .pay.requires-login::before{content:'';display:inline-block;width:17px;height:17px;background:url('./lock.svg') center/contain no-repeat;vertical-align:-3px;margin-right:7px}
body[data-step='4'] .payment-card .secure-note{font-size:12px;text-align:center;color:#89857d;margin:12px 0 0}
body[data-step='4'] .payment-card .secure-note::before{opacity:.6}
@media(min-width:700px){body[data-step='4'] .shell{max-width:650px;padding-top:28px}body[data-step='4'] .card{padding:26px 30px}body[data-step='4'] .hero{min-height:210px}.owner-auth-card button{min-height:54px}}
@media(max-width:360px){.owner-auth-card h2,body[data-step='4'] .launch .ready-heading{font-size:23px}.owner-auth-intro{font-size:14px}.owner-shop-summary strong{font-size:14px}body[data-step='4'] .hero h1{font-size:32px}}