@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;500;600;700&display=swap');
@import url('shop-catalog-compact.css?v=20260727-1');
:root{--black:#0c0c0c;--panel:#171717;--gold:#d4af37;--cream:#f5f0e5;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font:15px Poppins,Arial,sans-serif}header{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid #2b2b2b;position:sticky;top:0;background:#0c0c0cf2;z-index:3}.brand,h1,h2{font-family:'Bebas Neue',sans-serif;letter-spacing:1px}.brand{font-size:28px;text-decoration:none;color:#fff}.brand span,footer span{color:var(--gold)}nav{display:flex;gap:22px}a{color:inherit}nav a{text-decoration:none;color:#ddd}.button{display:inline-block;border:0;background:var(--gold);color:#111;padding:13px 22px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:2px}.button:hover{background:#f0cc59}.small{padding:9px 14px;font-size:13px}.hero,section{padding:82px max(6vw,24px)}.hero{min-height:570px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 78% 45%,#3d3215 0,#17130b 20%,transparent 48%)}.hero>div:first-child{max-width:620px}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:12px;font-weight:600}.hero h1{font-size:clamp(60px,9vw,120px);line-height:.86;margin:15px 0 28px}.hero h1 em{color:var(--gold);font-style:normal}.lead{font-size:17px;line-height:1.8;color:#d5d0c7;max-width:570px;margin-bottom:30px}.hero-mark{border:1px solid var(--gold);border-radius:50%;width:250px;height:250px;display:grid;place-content:center;text-align:center;color:var(--gold);font-size:80px;transform:rotate(-9deg)}.hero-mark small{display:block;font:23px 'Bebas Neue';letter-spacing:2px;margin-top:7px}h2{font-size:48px;margin:6px 0 38px}.cards,.barbers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.barber,blockquote{background:var(--panel);padding:28px;margin:0;border:1px solid #282828}.card span{color:var(--gold);font-size:24px}.card h3,.barber h3{font-size:19px;margin:16px 0 8px}.card p,.barber p{color:var(--muted);min-height:43px}.card strong{color:var(--gold)}.barbers{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.barber{text-align:center;padding:0 0 24px}.portrait,.barber img{width:100%;height:270px;object-fit:cover;background:#2d2a22;display:grid;place-items:center;font-size:60px;color:var(--gold)}.barber h3{margin-bottom:0}.text-button{color:var(--gold);background:none;border:0;font:inherit;cursor:pointer}.booking{background:#151515}.muted{color:var(--muted)}form{max-width:900px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}label{font-weight:600;color:#eee}input,select{display:block;width:100%;margin-top:7px;padding:13px;background:#0d0d0d;border:1px solid #464646;color:#fff;font:inherit}label small{font-weight:400;color:#aaa}.slots{min-height:52px;display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.slots button{background:transparent;border:1px solid #6c6c6c;color:#fff;padding:9px 12px;cursor:pointer}.slots button.selected{background:var(--gold);color:#111;border-color:var(--gold)}#form-message{font-weight:600}.reviews{background:#111}.reviews .cards{grid-template-columns:repeat(3,1fr)}blockquote{line-height:1.8;color:#ddd}blockquote:first-letter,blockquote footer{color:var(--gold)}blockquote footer{margin-top:16px}footer{padding:45px max(6vw,24px);background:#080808;display:flex;justify-content:space-between;align-items:center;color:#d4d0c7}.setup{max-width:650px;margin:100px auto;padding:30px;background:var(--panel)}.setup h1{font-size:50px}.admin-main{max-width:1200px;margin:auto;padding:40px 24px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.admin-nav a{padding:8px 12px;background:#222;text-decoration:none}.table-wrap{overflow:auto;background:#171717;padding:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px;border-bottom:1px solid #333}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.notice{padding:12px;background:#263c2a;color:#d6f5dc}.danger{background:#4a1d1d;color:white}@media(max-width:760px){header nav{display:none}.hero{min-height:500px}.hero-mark{display:none}.cards,.reviews .cards,.form-grid,.admin-grid{grid-template-columns:1fr}section,.hero{padding:62px 24px}footer{display:block}footer>*{margin:15px 0}}
.header-actions{display:flex;align-items:center;gap:10px}.mobile-shop-link{display:none;text-decoration:none;border:1px solid #4c4322;color:var(--gold);padding:9px 12px;font-size:13px;font-weight:700}@media(max-width:760px){header{height:72px;gap:8px;padding:0 14px}.brand{font-size:22px;white-space:nowrap}.header-actions{gap:7px}.mobile-shop-link{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border-color:#6b5b26;background:#17150e;border-radius:4px;color:#f0cf55;font-size:12px;letter-spacing:.2px;white-space:nowrap}.mobile-shop-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-actions .button.small{padding:9px 10px;font-size:12px;white-space:nowrap}}
.staff-charge-summary{margin:16px 0;padding:15px 16px;border-left:4px solid var(--gold);background:#201c0d}.staff-charge-summary span{display:block;color:#bbb;font-size:13px}.staff-charge-summary strong{display:block;color:var(--gold);font-size:28px;margin:3px 0}.staff-charge-summary small{color:#ded7bd}
.staff-topbar{display:flex;align-items:center;gap:20px;padding:0 0 22px;margin-bottom:20px;border-bottom:1px solid #2b2b2b}.staff-identity{margin-right:auto;display:flex;flex-direction:column;line-height:1.25}.staff-identity span{font-size:12px;color:var(--muted);letter-spacing:.5px}.staff-identity strong{font-size:16px;color:#fff}.staff-top-actions{display:flex;gap:8px}.staff-top-actions a{text-decoration:none;padding:9px 12px;font-size:13px;font-weight:700}.staff-view-site{color:#e7c750;border:1px solid #5b4d21}.staff-logout{color:#f6a1a1;border:1px solid #63343a}.staff-nav{margin-bottom:30px}@media(max-width:760px){.staff-topbar{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:18px}.staff-topbar .brand{grid-column:1 / -1}.staff-identity{grid-column:1;grid-row:2;margin:0}.staff-top-actions{grid-column:2;grid-row:2}.staff-top-actions a{padding:8px 9px;font-size:12px}.staff-nav{margin-bottom:26px}}
