/* Enjholis Barbershop — München. Prefix: bs- */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bs-navy:#10243a;
  --bs-navy-d:#0a1827;
  --bs-copper:#c08552;
  --bs-copper-l:#d9a574;
  --bs-cream:#f4eee4;
  --bs-paper:#fbf8f2;
  --bs-text:#2a2620;
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--bs-paper);color:var(--bs-text);line-height:1.7}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Bebas Neue',sans-serif;letter-spacing:1px;line-height:1}
.bs-quote{font-family:'Lora',serif}
.bs-cont{max-width:1160px;margin:0 auto;padding:0 26px}

/* Header */
.bs-hd{background:var(--bs-navy);color:var(--bs-cream)}
.bs-hd-in{display:flex;align-items:center;justify-content:space-between;height:84px}
.bs-logo{font-family:'Bebas Neue';font-size:2rem;letter-spacing:3px;display:flex;align-items:center;gap:10px}
.bs-logo b{color:var(--bs-copper)}
.bs-nav{display:flex;gap:34px;list-style:none}
.bs-nav a{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:4px;border-bottom:2px solid transparent;transition:.2s}
.bs-nav a:hover,.bs-nav a.cur{border-color:var(--bs-copper);color:var(--bs-copper-l)}
.bs-mtog{display:none;background:none;border:0;color:var(--bs-cream);font-size:1.8rem;cursor:pointer}

/* Hero */
.bs-hero{position:relative;text-align:center;color:var(--bs-cream);padding:130px 0 120px}
.bs-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(10,24,39,.82),rgba(10,24,39,.9)),url('images/hero.png') center/cover;z-index:-1}
.bs-hero .bs-pre{font-family:'Lora';font-style:italic;color:var(--bs-copper-l);font-size:1.2rem;margin-bottom:14px}
.bs-hero h1{font-size:5rem;letter-spacing:3px;margin-bottom:18px}
.bs-hero p{max-width:560px;margin:0 auto 34px;color:#d6ccbd;font-size:1.08rem}
.bs-divider{width:80px;height:3px;background:var(--bs-copper);margin:0 auto 30px}

.bs-btn{display:inline-block;background:var(--bs-copper);color:var(--bs-navy-d);font-family:'Bebas Neue';font-size:1.2rem;letter-spacing:2px;padding:14px 40px;transition:.25s;border:0;cursor:pointer}
.bs-btn:hover{background:var(--bs-copper-l)}
.bs-btn.line{background:transparent;border:2px solid var(--bs-copper);color:var(--bs-copper-l);margin-left:12px}
.bs-btn.line:hover{background:var(--bs-copper);color:var(--bs-navy-d)}

/* Section */
.bs-sec{padding:88px 0}
.bs-sec.navy{background:var(--bs-navy);color:var(--bs-cream)}
.bs-sec.cream{background:var(--bs-cream)}
.bs-th{text-align:center;margin-bottom:56px}
.bs-th .bs-pre{font-family:'Lora';font-style:italic;color:var(--bs-copper);font-size:1.1rem}
.bs-th h2{font-size:3rem;letter-spacing:2px;margin:8px 0}
.bs-th .bs-divider{margin-top:14px}
.bs-sec.navy .bs-th h2{color:#fff}

/* Services price list */
.bs-prices{max-width:740px;margin:0 auto;display:grid;gap:6px}
.bs-pl{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-bottom:1px dashed rgba(192,133,82,.4)}
.bs-pl .bs-pn{font-family:'Bebas Neue';font-size:1.6rem;letter-spacing:1px;white-space:nowrap}
.bs-pl .bs-pd{flex:1;border-bottom:1px dotted rgba(0,0,0,.18);transform:translateY(-4px)}
.bs-sec.navy .bs-pl .bs-pd{border-color:rgba(255,255,255,.2)}
.bs-pl .bs-pp{font-family:'Bebas Neue';font-size:1.7rem;color:var(--bs-copper);letter-spacing:1px;white-space:nowrap}
.bs-pl small{display:block;font-family:'Montserrat';font-size:.82rem;color:#8a8478;font-weight:400;letter-spacing:0;text-transform:none}
.bs-sec.navy .bs-pl small{color:#b3a994}

/* Feature trio */
.bs-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.bs-feat{text-align:center;padding:10px}
.bs-feat .bs-ic{font-size:2.6rem;margin-bottom:14px}
.bs-feat h3{font-size:1.7rem;letter-spacing:1px;margin-bottom:8px;color:var(--bs-copper)}
.bs-feat p{font-size:.96rem;color:inherit;opacity:.85}

/* Split */
.bs-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bs-split.rev{direction:rtl}.bs-split.rev>*{direction:ltr}
.bs-split img{width:100%;height:440px;object-fit:cover;border:8px solid #fff;box-shadow:0 18px 40px rgba(16,36,58,.2)}
.bs-split h2{font-size:2.6rem;letter-spacing:1px;margin-bottom:16px}
.bs-split .bs-pre{font-family:'Lora';font-style:italic;color:var(--bs-copper);margin-bottom:6px;display:block}
.bs-split p{margin-bottom:14px;opacity:.9}

/* Testimonials */
.bs-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bs-tc{background:rgba(255,255,255,.06);border:1px solid rgba(192,133,82,.35);padding:32px}
.bs-tc .bs-stars{color:var(--bs-copper);letter-spacing:3px;margin-bottom:14px}
.bs-tc .bs-quote{font-style:italic;margin-bottom:16px;opacity:.92}
.bs-tc .bs-who{font-family:'Bebas Neue';letter-spacing:1px;color:var(--bs-copper-l);font-size:1.2rem}

/* Hours band */
.bs-hours{background:var(--bs-copper);color:var(--bs-navy-d);text-align:center;padding:50px 0}
.bs-hours h2{font-size:2.4rem;letter-spacing:2px;margin-bottom:20px}
.bs-hgrid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;font-family:'Bebas Neue';font-size:1.4rem;letter-spacing:1px}
.bs-hgrid span{display:block;font-family:'Montserrat';font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}

/* Contact */
.bs-cg{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.bs-cd{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}
.bs-cd .bs-cdi{font-size:1.6rem}
.bs-cd h4{font-size:1.4rem;letter-spacing:1px;margin-bottom:2px}
.bs-cd p,.bs-cd a{opacity:.85}
.bs-cd a:hover{color:var(--bs-copper)}
.bs-form label{display:block;font-family:'Bebas Neue';font-size:1.1rem;letter-spacing:1px;margin:14px 0 5px}
.bs-form input,.bs-form textarea,.bs-form select{width:100%;padding:13px 15px;border:1px solid #d8cdba;background:#fff;font-family:inherit;font-size:.96rem}
.bs-form textarea{min-height:120px;resize:vertical}
.bs-map{margin-top:40px;border:8px solid #fff;box-shadow:0 14px 34px rgba(16,36,58,.16)}
.bs-map iframe{width:100%;height:300px;border:0;display:block}

/* Legal */
.bs-legal{max-width:820px;margin:0 auto}
.bs-legal h1{font-size:3.4rem;letter-spacing:2px;margin-bottom:6px}
.bs-legal .bs-upd{color:#8a8478;margin-bottom:30px}
.bs-legal h2{font-size:1.9rem;letter-spacing:1px;color:var(--bs-copper);margin:30px 0 12px}
.bs-legal p,.bs-legal li{margin-bottom:10px;opacity:.92}
.bs-legal ul{padding-left:22px}

/* Footer */
.bs-ft{background:var(--bs-navy-d);color:#b3a994;padding:60px 0 24px}
.bs-fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px}
.bs-ft h5{font-family:'Bebas Neue';font-size:1.4rem;letter-spacing:1px;color:#fff;margin-bottom:14px}
.bs-ft a{display:block;padding:5px 0;color:#b3a994}
.bs-ft a:hover{color:var(--bs-copper)}
.bs-fb{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:.85rem;color:#7d7565}

/* Cookie */
.bs-ck{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:520px;background:var(--bs-navy);color:var(--bs-cream);border:2px solid var(--bs-copper);padding:26px;z-index:200;display:none}
.bs-ck.show{display:block}
.bs-ck h4{font-size:1.5rem;letter-spacing:1px;color:var(--bs-copper-l);margin-bottom:8px}
.bs-ck p{font-size:.88rem;opacity:.85;margin-bottom:14px}
.bs-ck-opt{margin:12px 0}
.bs-ck-opt label{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:.88rem}
.bs-ck-opt input{width:auto}
.bs-ck-bt{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.bs-ck-bt button{flex:1;min-width:120px;padding:12px;font-family:'Bebas Neue';font-size:1.1rem;letter-spacing:1px;border:0;cursor:pointer}
.bs-ck-a{background:var(--bs-copper);color:var(--bs-navy-d)}
.bs-ck-s{background:rgba(255,255,255,.12);color:#fff}
.bs-ck-r{background:transparent;border:1px solid rgba(255,255,255,.3)!important;color:var(--bs-cream)}

@media(max-width:900px){
  .bs-trio,.bs-tgrid,.bs-split,.bs-cg,.bs-fg{grid-template-columns:1fr}
  .bs-split.rev{direction:ltr}
  .bs-hero h1{font-size:3rem}
  .bs-nav{display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;background:var(--bs-navy);padding:18px 26px;gap:14px;z-index:80}
  .bs-nav.open{display:flex}
  .bs-mtog{display:block}
  .bs-hd{position:relative}
}