/* Aurum Haarklinik — shared stylesheet for all languages/pages */
:root{
  --cream:#f7f2e6;
  --cream-2:#efe6d2;
  --white:#fffdf8;
  --ink:#1c1712;
  --charcoal:#1d1811;
  --charcoal-2:#241d14;
  --gold:#c69430;
  --gold-deep:#9c711f;
  --gold-light:#e7b94a;
  --gold-soft:#f2dfa9;
  --muted:#7a6f5c;
  --muted-light:#c9bfae;
  box-sizing:border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0;}
html{scroll-behavior:smooth; scroll-padding-top: calc(80px + env(safe-area-inset-top,0px));}
html,body{height:100%;max-width:100%;overflow-x:hidden;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  overflow-wrap:break-word;
  word-break:break-word;
}
img,svg{max-width:100%;display:block;}
input,select,textarea,button{max-width:100%;}
table{max-width:100%;}
.wrap{width:100%;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:700;color:var(--ink);letter-spacing:-.5px;line-height:1.15;}
.muted{color:var(--muted);}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;border-radius:40px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.92rem;
  border:1.5px solid transparent;
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
  white-space:nowrap;
}
.btn svg{width:16px;height:16px;flex-shrink:0;}
.btn-solid{background:var(--ink);color:var(--gold-light);}
.btn-solid:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px);}
.btn-outline{border-color:var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:var(--gold-light);}
.btn-gold{background:var(--gold);color:var(--ink);}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}

/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:50;background:var(--charcoal);padding-top:env(safe-area-inset-top,0px);}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px;gap:18px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:40px;height:40px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.1rem;color:var(--charcoal);flex-shrink:0;}
.brand-name{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.2rem;color:var(--white);line-height:1;}
.brand-name span{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.6rem;letter-spacing:1.5px;color:var(--muted-light);margin-top:5px;}
nav.links{display:flex;gap:26px;font-size:.9rem;}
nav.links a{color:var(--white);opacity:.8;transition:opacity .2s,color .2s;position:relative;}
nav.links a:hover{opacity:1;color:var(--gold-light);}
nav.links a.active{opacity:1;color:var(--gold-light);}
nav.links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--gold-light);}
.nav-right{display:flex;align-items:center;gap:16px;}
.phone-line{display:flex;flex-direction:column;text-align:right;font-size:.85rem;}
.phone-line small{color:var(--muted-light);font-size:.7rem;}
.phone-line strong{color:var(--gold-light);font-weight:600;}
.burger{display:none;width:26px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer;background:none;border:0;}
.burger span{display:block;height:2px;background:var(--gold-light);border-radius:2px;}

/* language switcher */
.lang-switch{position:relative;}
.lang-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #3a2f1d;color:var(--white);border-radius:30px;padding:8px 14px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;}
.lang-btn:hover{border-color:var(--gold);}
.lang-btn svg{width:13px;height:13px;}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--charcoal-2);border:1px solid #3a2f1d;border-radius:14px;padding:8px;min-width:170px;box-shadow:0 20px 40px rgba(0,0,0,.35);display:none;z-index:80;}
.lang-menu.open{display:block;}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--muted-light);font-size:.86rem;}
.lang-menu a:hover{background:#2c2417;color:var(--gold-light);}
.lang-menu a.current{color:var(--gold-light);font-weight:600;}
.lang-flag{font-size:1rem;line-height:1;}

/* ---------- Hero ---------- */
.hero{position:relative;padding:64px 0 90px;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.5rem);}
.hero p.lead{margin-top:20px;max-width:440px;color:var(--muted);font-size:1.05rem;}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:32px;margin-top:44px;}
.hero-stats div strong{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.7rem;color:var(--ink);}
.hero-stats div span{font-size:.78rem;color:var(--muted);}

.collage{position:relative;height:480px;}
.collage-deco-dots{position:absolute;left:-6px;bottom:30px;width:120px;height:110px;z-index:1;}
.collage-deco-wave{position:absolute;right:-10px;top:8px;width:130px;z-index:1;}
.collage-frame{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(28,23,18,.18);background:var(--white);}
.collage-frame.f1{width:64%;height:66%;left:0;bottom:0;z-index:3;}
.collage-frame.f2{width:52%;height:44%;right:0;top:0;z-index:2;border:6px solid var(--cream);}
.badge-bar{position:absolute;left:14%;top:36%;z-index:4;background:var(--gold);color:var(--ink);padding:14px 22px;border-radius:14px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;box-shadow:0 14px 30px rgba(28,23,18,.25);max-width:210px;line-height:1.3;}
.badge-bar span{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.72rem;margin-top:4px;opacity:.75;}

/* page (non-home) header banner */
.page-hero{background:var(--charcoal);color:var(--white);padding:56px 0 44px;}
.page-hero .wrap{position:relative;}
.breadcrumb{font-size:.82rem;color:var(--muted-light);margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap;}
.breadcrumb a{color:var(--muted-light);}
.breadcrumb a:hover{color:var(--gold-light);}
.page-hero h1{color:var(--white);font-size:clamp(1.9rem,3.6vw,2.8rem);}
.page-hero p{color:var(--muted-light);max-width:600px;margin-top:12px;}

/* ---------- Section shared ---------- */
section{padding:96px 0;}
.section-head{max-width:620px;margin-bottom:52px;}
.section-head h2{font-size:clamp(1.8rem,3vw,2.4rem);}
.section-head p{color:var(--muted);margin-top:14px;font-size:1rem;}
.band-alt{background:var(--cream-2);}
.band-dark{background:var(--charcoal);color:var(--white);}
.band-dark h2,.band-dark h3,.band-dark h4{color:var(--white);}
.band-dark .muted{color:var(--muted-light);}

.trust{background:var(--white);border-top:1px solid var(--cream-2);border-bottom:1px solid var(--cream-2);}
.trust .wrap{display:flex;flex-wrap:wrap;gap:24px 42px;justify-content:space-between;align-items:center;padding:30px 28px;color:var(--muted);font-size:.82rem;}
.trust b{color:var(--ink);font-weight:600;}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.service-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(28,23,18,.06);}
.service-photo{aspect-ratio:16/11;background:var(--charcoal);}
.service-photo svg{width:100%;height:100%;}
.service-body{padding:26px 26px 30px;}
.service-body h3{font-size:1.2rem;margin-bottom:8px;}
.service-body p{color:var(--muted);font-size:.9rem;margin-bottom:18px;}

.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.method{background:var(--white);border-radius:20px;padding:38px;}
.method .tag{display:inline-block;background:var(--gold-soft);color:var(--gold-deep);font-weight:600;font-size:.76rem;padding:5px 14px;border-radius:20px;margin-bottom:16px;}
.method h3{font-size:1.4rem;margin-bottom:16px;}
.method ul{list-style:none;}
.method li{padding:11px 0;border-top:1px solid var(--cream-2);color:var(--muted);font-size:.92rem;display:flex;gap:10px;}
.method li:first-child{border-top:none;}
.method li svg{width:16px;height:16px;color:var(--gold);flex-shrink:0;margin-top:3px;}

.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.process-item{background:var(--white);border-radius:20px;padding:30px 24px;}
.process-badge{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;margin-bottom:18px;}
.process-item h3{font-size:1.08rem;margin-bottom:8px;}
.process-item p{color:var(--muted);font-size:.88rem;}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.gallery-item{border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 10px 30px rgba(28,23,18,.06);}
.gallery-photo{aspect-ratio:4/5;}
.gallery-photo svg{width:100%;height:100%;}
.gallery-cap{padding:18px 20px;font-size:.84rem;color:var(--muted);}
.gallery-cap b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:2px;}

.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.why-list{display:flex;flex-direction:column;gap:24px;margin-top:8px;}
.why-row{display:flex;gap:16px;align-items:flex-start;}
.why-row .ic{width:20px;height:20px;color:var(--gold-light);flex-shrink:0;margin-top:3px;}
.why-row h4{font-size:1.08rem;font-weight:600;font-family:'Inter',sans-serif;margin-bottom:4px;color:var(--white);}
.why-row p{color:var(--muted-light);font-size:.9rem;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.stat-box{background:var(--charcoal-2);border:1px solid #362c1c;border-radius:18px;padding:28px;}
.stat-box strong{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:2.2rem;color:var(--gold-light);}
.stat-box span{font-size:.82rem;color:var(--muted-light);}

.testi-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi-card{background:var(--white);border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(28,23,18,.06);}
.testi-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--gold-soft);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;}
.testi-name b{display:block;font-size:.92rem;}
.testi-name span{font-size:.78rem;color:var(--muted);}
.testi-card p{color:var(--ink);opacity:.85;font-size:.92rem;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.contact-info h2{margin-bottom:16px;}
.contact-info p{color:var(--muted-light);max-width:420px;margin-bottom:30px;}
.info-row{display:flex;gap:16px;padding:17px 0;border-top:1px solid #362c1c;}
.info-row:last-of-type{border-bottom:1px solid #362c1c;}
.info-row .ic{width:19px;height:19px;color:var(--gold-light);flex-shrink:0;margin-top:2px;}
.info-row strong{display:block;font-size:.94rem;color:var(--white);}
.info-row span{color:var(--muted-light);font-size:.84rem;}

form.appointment{background:var(--white);border-radius:22px;padding:36px;color:var(--ink);}
form.appointment h3{font-size:1.3rem;margin-bottom:20px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:6px;font-weight:500;}
.field input,.field select,.field textarea{width:100%;background:var(--cream);border:1px solid var(--cream-2);color:var(--ink);padding:12px 14px;font-family:'Inter',sans-serif;font-size:.92rem;border-radius:10px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
form.appointment button{width:100%;justify-content:center;cursor:pointer;font-size:1rem;}
.form-note{font-size:.78rem;color:var(--muted);margin-top:14px;text-align:center;}
.form-success{display:none;text-align:center;padding:36px 10px;}
.form-success.show{display:block;}
.form-success .ic-ok{width:44px;height:44px;margin:0 auto 16px;color:var(--gold-deep);}

.map-embed{border-radius:20px;overflow:hidden;margin-top:26px;border:1px solid #362c1c;}
.map-embed iframe{width:100%;height:280px;border:0;display:block;}

.faq{max-width:760px;}
.faq-item{border-top:1px solid var(--cream-2);padding:20px 0;}
.faq-item:first-child{border-top:none;}
.faq-item h3{font-size:1.02rem;margin-bottom:8px;}
.faq-item p{color:var(--muted);font-size:.92rem;}

footer{background:var(--charcoal-2);color:var(--white);padding:64px 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px;border-bottom:1px solid #362c1c;}
.footer-brand p{color:var(--muted-light);font-size:.87rem;margin-top:16px;max-width:270px;}
.footer-col h4{font-family:'Inter',sans-serif;font-size:.86rem;color:var(--white);margin-bottom:16px;font-weight:600;}
.footer-col a{display:block;color:var(--muted-light);font-size:.87rem;margin-bottom:11px;transition:color .2s;}
.footer-col a:hover{color:var(--gold-light);}
.social-row{display:flex;gap:10px;margin-top:18px;}
.social-row a{width:36px;height:36px;border:1px solid #362c1c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted-light);}
.social-row a:hover{border-color:var(--gold);color:var(--gold-light);}
.social-row svg{width:16px;height:16px;}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;color:var(--muted-light);font-size:.8rem;flex-wrap:wrap;gap:12px;}
.foot-bottom .legal{display:flex;gap:20px;}

.wa-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35);}
.wa-float svg{width:26px;height:26px;}

@media (max-width:920px){
  .wrap{padding:0 22px;}
  nav.links,.nav-right .phone-line{display:none;}
  .burger{display:flex;}
  .hero-grid,.why-grid,.contact-grid,.methods-grid{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .process-list{grid-template-columns:repeat(2,1fr);}
  .testi-track{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .collage{height:380px;margin-top:10px;}
  .two-col{grid-template-columns:1fr;}
  nav.links.open{
    display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;
    background:var(--charcoal);padding:18px 28px 26px;gap:14px;border-top:1px solid #362c1c;
  }
}
@media (max-width:560px){
  .wrap{padding:0 18px;}
  section{padding:56px 0;}
  .hero{padding:44px 0 56px;}
  .services-grid,.gallery-grid,.footer-grid,.process-list,.stat-grid{grid-template-columns:1fr;}
  .hero-stats{flex-wrap:wrap;row-gap:16px;column-gap:24px;}
  .collage{height:300px;}
  .badge-bar{max-width:150px;padding:10px 16px;font-size:.82rem;}
  .section-head{margin-bottom:36px;}
  .trust .wrap{padding:22px 18px;gap:14px 28px;justify-content:flex-start;}
  form.appointment{padding:26px 22px;}
  .method,.stat-box,.process-item{padding:24px 20px;}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;}
  html{scroll-behavior:auto;}
}

/* ---------- RTL (Arabic) ---------- */
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .why-row,
html[dir="rtl"] .info-row,
html[dir="rtl"] .method li,
html[dir="rtl"] .testi-top{flex-direction:row-reverse;text-align:right;}
html[dir="rtl"] .lang-menu{right:auto;left:0;}
html[dir="rtl"] .lang-menu a{flex-direction:row-reverse;}
html[dir="rtl"] .hero-cta,html[dir="rtl"] .social-row{flex-direction:row-reverse;}
html[dir="rtl"] nav.links.open{text-align:right;}