@import 'tailwindcss';

:root {
  --ink: #10100f;
  --paper: #f3efe6;
  --gold: #c6a35f;
  --gold-light: #ead9ad;
  --muted: #a7a18f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-cairo), Cairo, Tajawal, sans-serif;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-shell { min-height: 100vh; overflow: hidden; }
.topbar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 106px;
  padding: 0 clamp(24px, 5vw, 86px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.13);
  color: #fff;
}
.brand { display: flex; align-items: center; justify-self: start; gap: 12px; direction: ltr; }
.brand-crop { width: 52px; height: 59px; overflow: hidden; position: relative; display: block; }
.brand-crop img { position: absolute; width: 220px; max-width: none; left: -15px; top: -168px; }
.brand-copy { display: flex; flex-direction: column; border-left: 1px solid rgba(255,255,255,.35); padding-left: 14px; }
.brand-copy strong { font-family: Georgia, serif; font-size: 21px; font-weight: 500; letter-spacing: .02em; }
.brand-copy small { font-size: 7px; letter-spacing: .18em; color: var(--gold-light); margin-top: 2px; }
.main-nav { display: flex; gap: clamp(20px, 2.2vw, 42px); font-size: 13px; font-weight: 600; }
.main-nav a { position: relative; color: rgba(255,255,255,.76); transition: color .25s ease; }
.main-nav a:hover, .main-nav a.active { color: #fff; }
.main-nav a.active::after { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--gold); right: 50%; top: 31px; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 20px; font-size: 12px; direction: ltr; }
.language { border: 0; background: transparent; color: var(--gold-light); cursor: pointer; }
.login-link { border: 1px solid rgba(255,255,255,.28); padding: 10px 19px; border-radius: 999px; color: #fff; }
.menu-button { width: 38px; height: 38px; border: 0; background: transparent; display: none; flex-direction: column; justify-content: center; gap: 6px; }
.menu-button span { height: 1px; background: #fff; width: 24px; display: block; }

.hero {
  min-height: 760px;
  height: 100vh;
  max-height: 940px;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  padding: 128px clamp(24px, 8vw, 138px) 76px;
  background:
    radial-gradient(circle at 18% 48%, rgba(199,163,95,.16), transparent 26%),
    linear-gradient(112deg, rgba(7,7,7,.99) 0%, rgba(12,12,11,.94) 44%, rgba(29,24,18,.82) 70%, rgba(7,7,7,.96) 100%);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image: repeating-linear-gradient(96deg, transparent 0 9px, rgba(255,255,255,.02) 10px, transparent 11px);
}
.hero-glow { position: absolute; width: 460px; height: 460px; border: 1px solid rgba(198,163,95,.18); border-radius: 50%; left: 12%; top: 25%; box-shadow: 0 0 150px rgba(198,163,95,.08) inset; }
.hero-monogram { position: absolute; left: 13%; top: 17%; font-family: Georgia, serif; font-size: min(42vw, 600px); line-height: 1; color: rgba(198,163,95,.05); transform: rotate(-9deg); }
.hero-content { position: relative; z-index: 2; max-width: 820px; margin-right: 7vw; }
.eyebrow { margin: 0 0 24px; color: var(--gold-light); font-size: 12px; letter-spacing: .08em; font-weight: 600; display: flex; align-items: center; gap: 11px; }
.eyebrow span { width: 34px; height: 1px; background: currentColor; }
.hero h1 { margin: 0; font-size: clamp(48px, 6.1vw, 91px); line-height: 1.17; letter-spacing: -.035em; font-weight: 700; }
.hero h1 em { color: var(--gold-light); font-style: normal; font-weight: 500; }
.hero-copy { max-width: 625px; margin: 29px 0 0; font-size: clamp(15px, 1.25vw, 18px); line-height: 2; color: rgba(255,255,255,.67); font-weight: 400; }
.hero-actions { display: flex; align-items: center; gap: 35px; margin-top: 38px; }
.primary-button { display: inline-flex; align-items: center; gap: 34px; padding: 16px 24px; background: var(--gold); color: #111; font-size: 13px; font-weight: 700; }
.primary-button span { font-size: 20px; }
.text-button { color: #fff; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 7px; font-size: 13px; }
.text-button span { margin-right: 14px; color: var(--gold); }
.hero-note { position: absolute; left: clamp(25px,5vw,80px); bottom: 100px; z-index: 2; display: flex; gap: 17px; align-items: center; direction: ltr; }
.note-index { border: 1px solid rgba(255,255,255,.2); width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; font-family: Georgia, serif; color: var(--gold-light); }
.hero-note div { display: flex; flex-direction: column; }
.hero-note small { color: rgba(255,255,255,.48); font-size: 10px; direction: rtl; }
.hero-note a { font-size: 14px; margin-top: 3px; }
.scroll-cue { position: absolute; right: 45px; bottom: 70px; display: flex; flex-direction: column; align-items: center; gap: 13px; z-index: 2; color: rgba(255,255,255,.45); font-size: 9px; }
.scroll-cue span { writing-mode: vertical-rl; }
.scroll-cue i { width: 1px; height: 60px; background: linear-gradient(var(--gold),transparent); }

.service-intro { padding: 110px clamp(24px, 7vw, 115px) 130px; background: var(--paper); display: grid; grid-template-columns: .85fr 1.3fr; gap: 90px; }
.eyebrow.dark { color: #917544; }
.section-heading h2 { font-size: clamp(35px, 4vw, 61px); line-height: 1.35; margin: 0; font-weight: 700; letter-spacing: -.03em; }
.service-grid { border-top: 1px solid #cfc8b8; }
.service-card { display: grid; grid-template-columns: 44px 1fr 50px; align-items: center; gap: 18px; padding: 25px 0; border-bottom: 1px solid #cfc8b8; }
.service-card > span { font-family: Georgia,serif; color: #9b8b6c; font-size: 12px; }
.service-card h3 { margin: 0; font-size: 20px; }
.service-card p { margin: 6px 0 0; color: #756f63; font-size: 12px; }
.service-card button { width: 42px; height: 42px; border: 1px solid #bcb39f; background: transparent; border-radius: 50%; cursor: pointer; }

@media (max-width: 980px) {
  .topbar { grid-template-columns: 1fr auto; }
  .main-nav { display: none; }
  .menu-button { display: flex; }
  .login-link { display: none; }
  .hero-content { margin-right: 0; }
  .hero-note { display: none; }
  .service-intro { grid-template-columns: 1fr; gap: 55px; }
}

@media (max-width: 600px) {
  .topbar { height: 82px; padding-inline: 18px; }
  .brand-copy { display: none; }
  .brand-crop { width: 52px; height: 52px; }
  .hero { min-height: 720px; padding: 110px 23px 55px; align-items: center; }
  .hero h1 { font-size: 47px; line-height: 1.27; }
  .hero-copy { font-size: 14px; line-height: 1.9; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
  .scroll-cue { right: auto; left: 18px; bottom: 35px; }
  .hero-glow { width: 300px; height: 300px; left: -15%; top: 27%; }
  .service-intro { padding: 78px 23px 90px; }
  .section-heading h2 { font-size: 38px; }
}

/* Full design prototype */
.prototype-switch { position: fixed; z-index: 80; left: 20px; top: 122px; background: #f3efe6; color: #161513; padding: 11px 16px; border: 1px solid rgba(198,163,95,.45); box-shadow: 0 10px 35px rgba(0,0,0,.13); font-size: 11px; font-weight: 700; }
.prototype-switch b { color: #9b793d; margin-right: 10px; }
.about-section { display: grid; grid-template-columns: 1.03fr .97fr; min-height: 720px; background: #171715; color: #fff; }
.about-image { position: relative; overflow: hidden; min-height: 620px; }
.about-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(23,23,21,.35),transparent 45%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 40%); }
.about-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) sepia(.13); }
.about-image > span { position: absolute; z-index: 2; bottom: 28px; right: 30px; font-size: 10px; color: rgba(255,255,255,.63); padding: 8px 12px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.28); }
.about-copy { padding: clamp(70px,8vw,130px) clamp(35px,7vw,105px); display: flex; flex-direction: column; justify-content: center; }
.about-copy h2,.loyalty-copy h2,.booking-section h2 { font-size: clamp(41px,4.4vw,68px); line-height: 1.35; margin: 0; letter-spacing: -.035em; }
.about-copy > p:not(.eyebrow) { color: rgba(255,255,255,.62); font-size: 15px; line-height: 2.05; max-width: 560px; margin: 28px 0; }
.outline-button { align-self: flex-start; border: 1px solid rgba(234,217,173,.42); padding: 13px 18px; color: var(--gold-light); font-size: 12px; }
.outline-button b { margin-right: 25px; }
.stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 55px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.15); direction: ltr; }
.stats div { display: flex; flex-direction: column; direction: rtl; }
.stats b { font: 38px Georgia,serif; color: var(--gold-light); }
.stats small { color: rgba(255,255,255,.46); margin-top: 7px; }

.offers-section,.team-section { padding: 115px clamp(24px,7vw,115px) 130px; background: #f6f2e9; }
.split-heading { display: grid; grid-template-columns: 1fr minmax(260px,430px); align-items: end; gap: 60px; margin-bottom: 58px; }
.split-heading h2 { margin: 0; font-size: clamp(41px,4.2vw,63px); }
.split-heading > p { color: #777063; line-height: 1.9; font-size: 13px; margin: 0; }
.offer-grid { display: grid; grid-template-columns: 1.12fr 1fr .9fr; gap: 18px; }
.offer-card { position: relative; min-height: 510px; overflow: hidden; color: #fff; background: #161614; }
.offer-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; filter: saturate(.62); transition: transform .55s ease; }
.offer-card:hover img { transform: scale(1.025); }
.offer-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(8,8,8,.9),rgba(8,8,8,.08) 70%); }
.offer-copy { position: absolute; inset: auto 0 0; z-index: 2; padding: 32px; }
.offer-copy > span { color: var(--gold-light); font-size: 10px; }
.offer-copy h3 { font-size: 25px; line-height: 1.55; margin: 9px 0 25px; }
.offer-copy > div { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.23); padding-top: 19px; }
.offer-copy b { font-size: 26px; font-weight: 600; }
.offer-copy b small { font-size: 11px; }
.offer-copy button { border: 1px solid rgba(255,255,255,.38); background: transparent; color: #fff; padding: 10px 14px; font-size: 11px; }
.offer-card.minimal { color: #1b1915; background: #d8c8a8; }
.offer-card.minimal::before { content: 'V'; position: absolute; left: -20px; top: 15px; font: 330px/1 Georgia,serif; color: rgba(255,255,255,.14); }
.offer-card.minimal .offer-copy { top: 0; display: flex; flex-direction: column; justify-content: flex-end; }
.offer-card.minimal .offer-copy > span { color: #705b36; }
.offer-card.minimal .offer-copy p { font-size: 12px; line-height: 1.8; opacity: .65; margin: -8px 0 25px; }
.offer-card.minimal .offer-copy > div { border-color: rgba(0,0,0,.19); }
.offer-card.minimal button { color: #1b1915; border-color: rgba(0,0,0,.25); }

.loyalty-section { position: relative; display: grid; grid-template-columns: .8fr 1.3fr .9fr; gap: 80px; align-items: center; min-height: 680px; padding: 90px clamp(24px,7vw,115px); background: #11110f; color: #fff; overflow: hidden; }
.loyalty-section::before { content: ''; position: absolute; width: 600px; height: 600px; left: -170px; top: -170px; border: 1px solid rgba(198,163,95,.12); border-radius: 50%; }
.loyalty-ring { width: min(27vw,330px); aspect-ratio: 1; border: 1px solid rgba(198,163,95,.35); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background: radial-gradient(circle,rgba(198,163,95,.14),transparent 66%); }
.loyalty-ring::before,.loyalty-ring::after { content: ''; position: absolute; inset: 16px; border: 1px solid rgba(198,163,95,.14); border-radius: 50%; }.loyalty-ring::after { inset: -12px; }
.loyalty-ring span { position: absolute; font: 235px Georgia,serif; opacity: .05; }.loyalty-ring i { font: 74px Georgia,serif; color: var(--gold-light); font-style: normal; }.loyalty-ring small { color: rgba(255,255,255,.55); }
.loyalty-copy { position: relative; z-index: 2; }
.loyalty-copy > p:not(.eyebrow) { color: rgba(255,255,255,.58); line-height: 2; font-size: 14px; margin: 24px 0 30px; }
.loyalty-list { border-top: 1px solid rgba(255,255,255,.17); }
.loyalty-list div { padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.17); display: flex; gap: 22px; align-items: center; }.loyalty-list b { font: 13px Georgia,serif; color: var(--gold); }.loyalty-list span { color: rgba(255,255,255,.74); font-size: 13px; }

.team-section { background: #eee8dc; }
.team-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 15px; }
.team-card { background: #f8f5ee; padding-bottom: 23px; }
.person-placeholder { aspect-ratio: .78; display: grid; place-items: center; background: linear-gradient(155deg,#d9d5cb,#aaa494); position: relative; overflow: hidden; }
.person-placeholder::before { content: ''; width: 42%; height: 42%; border-radius: 50%; background: rgba(255,255,255,.35); position: absolute; top: 17%; }.person-placeholder::after { content: ''; width: 78%; height: 50%; border-radius: 50% 50% 0 0; background: rgba(255,255,255,.26); position: absolute; bottom: -12%; }.person-placeholder.warm { background: linear-gradient(155deg,#d7c7a9,#9e8d6d); }.person-placeholder span { z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; color: #fff; font-size: 22px; }
.team-card > small,.team-card > h3,.team-card > p { margin-inline: 20px; }.team-card > small { display: block; color: #927342; margin-top: 20px; font-size: 9px; }.team-card h3 { margin-top: 7px; margin-bottom: 4px; font-size: 18px; }.team-card p { margin-top: 0; margin-bottom: 0; font-size: 9px; color: #8a8477; }

.booking-section { min-height: 530px; padding: 90px clamp(24px,7vw,115px); background: linear-gradient(120deg,#1b1a17,#292419); color: #fff; display: grid; grid-template-columns: 1.2fr 1.1fr auto; gap: 75px; align-items: center; }
.booking-section ol { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.18); }.booking-section li { display: flex; gap: 25px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.18); }.booking-section li b { color: var(--gold); font: 13px Georgia,serif; }.booking-section li span { color: rgba(255,255,255,.77); font-size: 13px; }
.location-section { display: grid; grid-template-columns: .8fr 1.2fr; background: #f5f1e8; }.location-copy { padding: 100px clamp(35px,7vw,115px); }.location-copy h2 { margin: 0 0 34px; font-size: clamp(40px,4vw,62px); }.location-copy dl { margin: 0 0 32px; }.location-copy dl div { display: grid; grid-template-columns: 110px 1fr; padding: 16px 0; border-bottom: 1px solid #d4cdbc; }.location-copy dt { color: #92866e; font-size: 10px; }.location-copy dd { margin: 0; font-size: 13px; line-height: 1.7; }.location-copy > a { color: #8a692f; font-size: 12px; font-weight: 700; }.map-frame { min-height: 570px; filter: grayscale(.75) sepia(.12); }.map-frame iframe { width: 100%; height: 100%; border: 0; }
.site-footer { background: #0d0d0c; color: #fff; padding: 75px clamp(24px,7vw,115px) 30px; display: grid; grid-template-columns: 1.4fr .5fr .5fr; gap: 60px; }.footer-brand { display: flex; flex-direction: column; }.footer-brand strong { font: 46px Georgia,serif; color: var(--gold-light); }.footer-brand span { color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .15em; }.site-footer > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 8px; }.site-footer b { color: var(--gold-light); font-size: 11px; margin-bottom: 8px; }.site-footer a { font-size: 11px; color: rgba(255,255,255,.55); }.site-footer > p { grid-column: 1/-1; border-top: 1px solid rgba(255,255,255,.12); padding-top: 25px; margin: 25px 0 0; font-size: 9px; color: rgba(255,255,255,.35); }

/* Dashboard */
.dashboard-body { background: #f5f4f0; color: #24231f; min-width: 1180px; }
.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: 1fr 245px; }
.dash-sidebar { grid-column: 2; grid-row: 1; background: #141411; color: #fff; padding: 28px 18px 20px; position: fixed; top: 0; right: 0; width: 245px; height: 100vh; display: flex; flex-direction: column; z-index: 5; }
.dash-logo { display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.11); padding: 0 8px 22px; direction: ltr; }.dash-logo > b { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid #c5a15e; color: #ddc188; border-radius: 50%; font: 24px Georgia,serif; }.dash-logo span { display: flex; flex-direction: column; }.dash-logo strong { font: 20px Georgia,serif; }.dash-logo small { color: #9d8251; font-size: 6px; letter-spacing: .14em; }
.dash-sidebar nav { display: flex; flex-direction: column; gap: 3px; margin-top: 15px; overflow-y: auto; }.dash-sidebar nav > small { color: rgba(255,255,255,.3); font-size: 8px; margin: 17px 10px 7px; }.dash-sidebar nav a { color: rgba(255,255,255,.6); padding: 10px 12px; font-size: 10px; border-radius: 7px; display: flex; align-items: center; gap: 11px; }.dash-sidebar nav a i { width: 19px; font-style: normal; font-size: 14px; text-align: center; }.dash-sidebar nav a.selected { background: linear-gradient(90deg,rgba(198,163,95,.2),rgba(198,163,95,.08)); color: #ead9ad; border-right: 2px solid #c6a35f; }
.sidebar-user { margin-top: auto; padding: 14px 6px 0; border-top: 1px solid rgba(255,255,255,.1); display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; }.sidebar-user > span { width: 34px; height: 34px; display: grid; place-items: center; background: #b29153; color: #191713; border-radius: 50%; font-size: 10px; font-weight: 700; }.sidebar-user div { display: flex; flex-direction: column; }.sidebar-user b { font-size: 9px; }.sidebar-user small { font-size: 7px; color: rgba(255,255,255,.38); }.sidebar-user button { background: none; border: 0; color: rgba(255,255,255,.5); }
.dash-main { grid-column: 1; padding: 28px 34px 35px; width: calc(100vw - 245px); }
.dash-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }.dash-topbar h1 { margin: 0; font-size: 20px; }.dash-topbar p { margin: 5px 0 0; color: #858074; font-size: 9px; }.dash-actions { display: flex; gap: 9px; direction: ltr; }.dash-actions label { position: relative; }.dash-actions label span { position: absolute; left: 12px; top: 8px; color: #989387; }.dash-actions input { border: 1px solid #dedbd3; background: #fff; width: 215px; height: 34px; padding: 0 34px 0 11px; border-radius: 7px; font: 9px var(--font-cairo),Cairo,sans-serif; direction: rtl; }.dash-actions a,.dash-actions > button { height: 34px; display: flex; align-items: center; border-radius: 7px; padding: 0 13px; font-size: 9px; }.dash-actions a { border: 1px solid #d7d1c5; background: #fff; color: #5c5549; }.dash-actions > button { border: 0; background: #171713; color: #fff; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; margin-bottom: 14px; }.metric-grid article { background: #fff; border: 1px solid #e2dfd7; border-radius: 10px; padding: 18px; position: relative; display: flex; flex-direction: column; min-height: 125px; }.metric-icon { position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: #f3ede1; color: #9a783e; }.metric-grid small { color: #827d72; font-size: 9px; }.metric-grid strong { font-size: 25px; margin-top: 12px; direction: ltr; align-self: flex-end; }.metric-grid strong i { font-size: 9px; font-style: normal; }.metric-grid em { margin-top: auto; color: #658c68; font-size: 7px; font-style: normal; }
.dash-grid { display: grid; gap: 14px; margin-bottom: 14px; }.dash-grid.two-thirds { grid-template-columns: 1.65fr 1fr; }.dash-grid.thirds { grid-template-columns: repeat(3,1fr); }.dash-panel { background: #fff; border: 1px solid #e2dfd7; border-radius: 10px; padding: 17px; }.dash-panel > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }.dash-panel h2 { font-size: 12px; margin: 0; }.dash-panel header p { font-size: 7px; color: #989286; margin: 4px 0 0; }.dash-panel header button { border: 0; background: transparent; color: #8a6a34; font-size: 8px; }
.appointment-row { display: grid; grid-template-columns: 78px 1.25fr 1.15fr 1.1fr 88px 20px; align-items: center; min-height: 47px; border-top: 1px solid #ece9e2; gap: 8px; font-size: 8px; }.appointment-row.table-head { color: #999387; border-top: 0; min-height: 30px; }.appointment-row > b { font-size: 8px; }.appointment-row > button { border: 0; background: none; color: #8f8a80; }.client { display: flex; align-items: center; gap: 7px; }.client i { width: 24px; height: 24px; display: grid; place-items: center; background: #e9e4da; border-radius: 50%; font-style: normal; color: #81622f; }
.status { font-style: normal; border-radius: 999px; padding: 5px 8px; justify-self: start; font-size: 7px; }.status.confirmed { color: #527b58; background: #edf6ee; }.status.waiting { color: #96712f; background: #faf3df; }.status.arrived { color: #4b6d93; background: #eaf1f8; }
.section-list > div { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 8px; border-top: 1px solid #ece9e2; padding: 11px 2px; }.section-list > div > i { color: #aca69b; font-style: normal; }.section-list span { display: flex; flex-direction: column; }.section-list b { font-size: 8px; }.section-list small { color: #9b968b; font-size: 6px; margin-top: 2px; }.toggle { display: inline-block; width: 27px; height: 15px; background: #d8d4cb; border-radius: 999px; position: relative; }.toggle::after { content: ''; position: absolute; width: 11px; height: 11px; top: 2px; left: 2px; border-radius: 50%; background: #fff; }.toggle.on { background: #b18e4d; }.toggle.on::after { left: 14px; }.add-section { width: 100%; border: 1px dashed #cfc9bc; background: #faf9f6; padding: 9px; font-size: 8px; color: #796b54; margin-top: 7px; }
.gateway { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 8px; min-height: 43px; border-top: 1px solid #ece9e2; }.gateway > span { font: 9px Georgia,serif; color: #8d6a34; }.gateway > b { font-size: 8px; }.loyalty-rule { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: #f6f1e7; margin: 8px 0; padding: 12px; text-align: center; }.loyalty-rule b { font-size: 18px; }.loyalty-rule small { font-size: 7px; }.loyalty-rule > span { color: #af8b48; }.loyalty-panel > p { font-size: 7px; color: #817b70; line-height: 1.7; }.quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.quick-grid button { border: 1px solid #e4e0d7; background: #faf9f6; padding: 14px 8px; display: flex; flex-direction: column; align-items: center; gap: 6px; color: #4d493f; }.quick-grid i { font-style: normal; color: #9e7b3e; font-size: 14px; }.quick-grid span { font-size: 7px; }.sample-note { color: #a19b90; font-size: 7px; text-align: center; margin: 18px 0 0; }
.device-admin-panel { margin-top: 14px; }.device-admin-panel > header > div:last-child { display: flex; align-items: center; gap: 8px; }.device-admin-panel header label { position: relative; }.device-admin-panel header label span { position: absolute; left: 9px; top: 6px; color: #948a79; }.device-admin-panel header input { width: 190px; height: 30px; border: 1px solid #ddd8cd; border-radius: 6px; padding: 0 28px 0 9px; direction: rtl; font: 8px var(--font-cairo),Cairo,sans-serif; }.device-admin-panel header button { background: #171713; color: #fff; border-radius: 6px; padding: 8px 11px; }.device-admin-row { display: grid; grid-template-columns: 1.6fr .7fr .7fr .7fr .6fr .45fr; align-items: center; min-height: 48px; border-top: 1px solid #ece9e2; gap: 9px; font-size: 8px; }.device-admin-row.head { color: #979083; min-height: 31px; }.device-admin-row > button { border: 0; background: none; color: #83632e; font-size: 7px; }.admin-device { display: flex; align-items: center; gap: 9px; }.admin-device > i { width: 27px; height: 27px; display: grid; place-items: center; background: #e9e2d6; color: #956f34; font: 8px Georgia,serif; }.admin-device b { display: flex; flex-direction: column; font-size: 8px; }.admin-device small { color: #999286; font-size: 6px; margin-top: 2px; }

@media (max-width: 1000px) {
  .offer-grid { grid-template-columns: 1fr 1fr; }.offer-card.minimal { grid-column: 1/-1; min-height: 380px; }.team-grid { grid-template-columns: repeat(3,1fr); }.loyalty-section { grid-template-columns: .8fr 1.2fr; }.loyalty-list { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); }.loyalty-list div { border-left: 1px solid rgba(255,255,255,.17); padding-inline: 20px; }.booking-section { grid-template-columns: 1fr 1fr; }.booking-section > a { grid-column: 1/-1; justify-self: start; }
}

@media (max-width: 700px) {
  .prototype-switch { top: auto; bottom: 14px; left: 14px; }.about-section,.location-section { grid-template-columns: 1fr; }.about-image { min-height: 420px; }.about-copy { padding: 70px 24px; }.stats { gap: 8px; }.stats b { font-size: 28px; }.split-heading { grid-template-columns: 1fr; gap: 18px; }.offer-grid { grid-template-columns: 1fr; }.offer-card,.offer-card.minimal { grid-column: auto; min-height: 470px; }.loyalty-section { grid-template-columns: 1fr; gap: 55px; }.loyalty-ring { width: 270px; justify-self: center; }.loyalty-list { grid-template-columns: 1fr; }.team-grid { grid-template-columns: 1fr 1fr; }.booking-section { grid-template-columns: 1fr; gap: 45px; }.booking-section > a { grid-column: auto; }.map-frame { min-height: 430px; }.site-footer { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1/-1; }
}

/* Velour light cinematic direction — inspired by the interaction rhythm of the reference */
:root {
  --velour-deep: #073f3e;
  --velour-deeper: #043331;
  --velour-teal: #117d77;
  --velour-aqua: #9fe1da;
  --velour-mist: #eff9f7;
  --velour-cream: #fffaf1;
  --velour-sand: #e8c892;
  --velour-ink: #083f3d;
}

body { background: var(--velour-mist); color: var(--velour-ink); }
.site-shell { position: relative; overflow: clip; background: linear-gradient(110deg,#f8fffe 0%,#e7f8f5 48%,#f9fbf4 100%); }
.site-shell > .clarity-header { order: -1; }
.site-shell > .clarity-hero { order: 0; }

.clarity-header {
  position: fixed;
  z-index: 90;
  top: 15px;
  right: 24px;
  left: 24px;
  min-height: 76px;
  padding: 10px 26px;
  display: grid;
  grid-template-columns: 210px 1fr auto;
  align-items: center;
  gap: 22px;
  border-radius: 46px;
  color: #fff;
  background: rgba(5,57,56,.96);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 45px rgba(5,55,53,.2);
  backdrop-filter: blur(18px);
  transition: transform .35s ease, background .35s ease;
}
.clarity-header.is-compact { background:rgba(5,57,56,.985); box-shadow:0 16px 38px rgba(5,55,53,.24); }
.clarity-header.is-hidden { transform:translateY(-118%); }
.clarity-brand { display: flex; align-items: center; gap: 11px; direction: ltr; min-width: 0; }
.clarity-brand-mark { width: 48px; height: 48px; border-radius: 50% 50% 50% 12px; display: grid; place-items: center; flex: none; border: 1px solid rgba(232,200,146,.55); color: var(--velour-sand); font: 700 18px Georgia,serif; background: linear-gradient(145deg,rgba(232,200,146,.15),rgba(255,255,255,.02)); }
.clarity-brand-copy { display: flex; flex-direction: column; white-space: nowrap; }
.clarity-brand-copy b { font: 600 18px Georgia,serif; letter-spacing: .02em; }
.clarity-brand-copy small { font-size: 6px; letter-spacing: .13em; color: #d9bf8c; margin-top: 2px; }
.clarity-nav { display: flex; justify-content: center; align-items: center; gap: 5px; }
.clarity-nav > a,.nav-menu > a { min-height: 39px; padding: 0 14px; display: inline-flex; align-items: center; gap: 7px; border-radius: 22px; color: rgba(255,255,255,.82); font-size: 11px; font-weight: 700; white-space: nowrap; transition: color .25s ease, background .25s ease, transform .25s ease; }
.clarity-nav > a:hover,.nav-menu:hover > a { color: #fff; background: rgba(255,255,255,.1); transform: translateY(-1px); }
.clarity-nav > a.is-active { color: var(--velour-deep); background: #fff; padding-inline: 20px; }
.nav-menu { position: relative; }
.nav-menu i { font-style: normal; font-size: 12px; transition: transform .25s ease; }
.nav-menu:hover i { transform: rotate(180deg); }
.nav-menu > div { position: absolute; top: calc(100% + 12px); right: 0; width: 190px; padding: 9px; border-radius: 18px; background: rgba(255,255,255,.98); color: var(--velour-deep); box-shadow: 0 22px 55px rgba(5,62,60,.2); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .25s ease; }
.nav-menu:hover > div { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-menu > div::before { content:''; position:absolute; height:14px; left:0; right:0; top:-14px; }
.nav-menu > div a { display: block; border-radius: 12px; padding: 10px 12px; font-size: 10px; color: #174f4d; }
.nav-menu > div a:hover { background: #eaf7f5; }
.clarity-actions { display: flex; align-items: center; gap: 7px; direction: ltr; }
.clarity-actions > button,.clarity-actions > a:not(.clarity-login) { position: relative; width: 39px; height: 39px; border: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.1); cursor: pointer; transition: transform .25s ease,background .25s ease; }
.clarity-actions > button:hover,.clarity-actions > a:not(.clarity-login):hover { transform: translateY(-2px); background: rgba(255,255,255,.18); }
.clarity-actions sup { position: absolute; top: -5px; right: -3px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--velour-sand); color: var(--velour-deep); font-size: 8px; }
.clarity-login { height: 42px; min-width: 98px; padding: 0 22px; border-radius: 23px; display: grid; place-items: center; color: var(--velour-deep); background: #fff; font-size: 11px; font-weight: 700; }
.clarity-menu { display: none !important; }

.clarity-hero {
  position: relative;
  z-index: 3;
  min-height: 700px;
  height: min(86vh,760px);
  margin-bottom: 15px;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: linear-gradient(180deg,#106f6c 0%,#6bc8c0 57%,#ead3a9 100%);
  border-radius: 0 0 112px 112px;
}
.clarity-hero::after { content:''; position:absolute; inset:0; z-index:-1; background: linear-gradient(90deg,rgba(2,53,51,.33),transparent 31%,transparent 68%,rgba(2,53,51,.33)); }
.clarity-hero-image { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 36%; }
.clarity-hero-glow { position:absolute; z-index:-1; left:50%; top:54%; width:590px; height:590px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(255,255,255,.14); box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 155px rgba(255,255,255,.02); }
.clarity-hero-copy { position:absolute; top:44%; transform:translateY(-50%); text-shadow:0 4px 24px rgba(3,56,54,.16); }
.clarity-hero-copy h1,.clarity-hero-copy h2 { margin:0; font-size:clamp(46px,5.2vw,78px); line-height:1.2; letter-spacing:-.045em; font-weight:700; }
.clarity-hero-copy h1,.clarity-hero-copy h2,.clarity-hero-copy p { transition:opacity .2s ease,transform .2s ease; }
.clarity-hero-copy .is-changing { opacity:0; transform:translateY(10px); }
.clarity-hero-copy small { display:block; margin-bottom:16px; color:#f1d6a7; font-size:12px; }
.clarity-hero-copy p { margin:14px 0 0; max-width:280px; color:rgba(255,255,255,.86); font-size:12px; line-height:1.9; }
.copy-right { right:6.5vw; text-align:right; }
.copy-left { left:6.5vw; text-align:left; }
.copy-left p { margin-left:auto; }
.clarity-hero-actions { position:absolute; z-index:4; left:50%; bottom:42px; transform:translateX(-50%); display:flex; align-items:center; gap:9px; direction:rtl; }
.hero-cta { min-width:152px; height:52px; padding:0 22px; border-radius:28px; display:flex; align-items:center; justify-content:center; gap:17px; font-size:11px; font-weight:700; box-shadow:0 13px 30px rgba(5,61,59,.12); transition:transform .25s ease,box-shadow .25s ease; }
.hero-cta:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(5,61,59,.22); }
.hero-cta.dark { background:var(--velour-deep); color:#fff; }
.hero-cta.light { background:rgba(255,255,255,.94); color:var(--velour-deep); }
.hero-cta span { color:var(--velour-sand); }
.clarity-slide-rail { position:absolute; z-index:4; right:28px; top:118px; bottom:38px; width:35px; display:flex; flex-direction:column; align-items:center; gap:9px; font-size:8px; }
.clarity-slide-rail button { width:35px; height:35px; border:0; border-radius:9px; color:var(--velour-deep); background:#fff; box-shadow:0 8px 22px rgba(7,59,57,.17); }
.clarity-slide-rail span,.clarity-slide-rail em { font-style:normal; writing-mode:vertical-rl; }
.clarity-slide-rail i { width:2px; flex:1; border-radius:2px; background:rgba(255,255,255,.45); position:relative; }
.clarity-slide-rail i b { position:absolute; left:-2px; top:35%; width:6px; height:32px; border-radius:5px; background:#fff; box-shadow:0 0 0 2px rgba(255,255,255,.25); }
.whatsapp-float { position:absolute; z-index:5; left:28px; bottom:24px; width:52px; height:52px; border:1px solid rgba(228,199,127,.55); border-radius:50%; display:grid; place-items:center; background:#17130e; color:#e4c77f; font-size:26px; box-shadow:0 14px 30px rgba(31,22,12,.24); transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.whatsapp-float:hover { transform:translateY(-4px) rotate(-7deg); background:#241d14; box-shadow:0 18px 34px rgba(31,22,12,.3); }
.ambient-3d { position:fixed; z-index:0; inset:90px 35% 0; width:30% !important; height:calc(100vh - 90px) !important; pointer-events:none; opacity:0; transition:opacity .55s ease; }
.ambient-3d.is-visible { opacity:.48; }
.site-shell > section:not(.clarity-hero),.site-shell > footer { position:relative; z-index:1; }

@media (max-width: 1120px) {
  .clarity-header { grid-template-columns:170px 1fr auto; padding-inline:18px; }
  .clarity-brand-copy { display:none; }
  .clarity-brand { width:54px; }
  .clarity-nav > a,.nav-menu > a { padding-inline:10px; font-size:9px; }
}
@media (max-width: 860px) {
  .clarity-header { grid-template-columns:1fr auto; min-height:66px; right:12px; left:12px; top:10px; }
  .clarity-nav { display:none; }
  .clarity-header.menu-open { border-radius:28px; align-items:start; }
  .clarity-header.menu-open .clarity-nav { position:absolute; top:74px; right:0; left:0; padding:16px; border-radius:24px; display:grid; grid-template-columns:1fr 1fr; background:rgba(5,57,56,.985); box-shadow:0 20px 40px rgba(5,55,53,.2); }
  .clarity-header.menu-open .nav-menu > div { display:none; }
  .clarity-brand-copy { display:flex; }
  .clarity-brand { width:auto; }
  .clarity-actions > button:not(.clarity-menu),.clarity-actions > a:not(.clarity-login) { display:none; }
  .clarity-login { min-width:76px; }
  .clarity-menu { display:grid !important; }
  .clarity-hero { min-height:720px; height:92vh; border-radius:0 0 55px 55px; }
  .clarity-hero-image { object-position:center bottom; }
  .clarity-hero-copy { top:auto; transform:none; }
  .copy-right { top:130px; right:24px; }
  .copy-left { left:24px; bottom:165px; }
  .clarity-hero-copy h1,.clarity-hero-copy h2 { font-size:42px; }
  .clarity-hero-copy p { display:none; }
  .clarity-hero-actions { bottom:52px; width:calc(100% - 48px); }
  .hero-cta { min-width:0; flex:1; padding-inline:12px; }
  .clarity-slide-rail { display:none; }
  .whatsapp-float { display:none; }
  .ambient-3d { inset:90px 16% 0; width:68% !important; }
}

/* Dashboard identity follows the public site's teal system */
.dashboard-body { background:#f1f8f7; color:#153e3b; }
.dash-sidebar { background:linear-gradient(180deg,#064b47,#033633); }
.dash-logo > b { border-color:#86d5ce; color:#e8c892; }
.dash-logo small { color:#9edbd5; }
.dash-sidebar nav a.selected { color:#fff; border-color:#6fd2c8; background:linear-gradient(90deg,rgba(105,210,200,.24),rgba(255,255,255,.05)); }
.sidebar-user > span,.dash-actions > button { color:#fff; background:#11847c; }
.dash-panel,.metric-grid article { border-color:#d5ebe8; box-shadow:0 12px 35px rgba(8,91,86,.045); }
.metric-icon { color:#0b7c75; background:#e4f5f3; }
.metric-grid em,.confirmed { color:#087c59; }
.dash-panel header button,.dash-actions a { color:#0b756f; }
.device-admin-panel > header > div:last-child > button,.add-section { background:#086f69; }

/* Cinematic direction inspired by the reference experience */
.cinematic-hero {
  height: min(940px,100vh);
  min-height: 720px;
  padding: 0;
  display: block;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 35%,rgba(185,137,67,.18),transparent 26%),
    radial-gradient(circle at 8% 85%,rgba(198,163,95,.11),transparent 24%),
    linear-gradient(115deg,#070706 0%,#11100d 55%,#080807 100%);
}
.cinematic-hero::before { opacity: .28; z-index: -1; }
.cinematic-noise { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .28; background-image: repeating-linear-gradient(105deg,transparent 0 4px,rgba(255,255,255,.012) 5px,transparent 6px); mix-blend-mode: screen; }
.cinematic-orbit { position: absolute; width: min(57vw,790px); height: min(57vw,790px); border-radius: 50%; border: 1px solid rgba(207,169,98,.17); left: 50%; top: 51%; transform: translate(-50%,-50%); z-index: 0; }
.cinematic-orbit::before,.cinematic-orbit::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(207,169,98,.08); inset: 8%; }.cinematic-orbit::after { inset: 18%; }
.hero-media { position: absolute; z-index: 2; width: min(34vw,470px); height: 75%; left: 50%; top: 14%; transform: translateX(-50%); margin: 0; overflow: hidden; border-radius: 48% 48% 4px 4px; box-shadow: 0 35px 90px rgba(0,0,0,.55); animation: mediaEntrance 1.15s cubic-bezier(.22,.8,.28,1) both; }
.hero-media::before { content: ''; position: absolute; inset: 9px; border: 1px solid rgba(234,217,173,.34); border-radius: inherit; z-index: 3; pointer-events: none; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.65) contrast(1.05) sepia(.13); transform: scale(1.04); animation: cinematicBreath 9s ease-in-out infinite alternate; }
.media-shade { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(5,5,4,.72),transparent 42%),linear-gradient(90deg,rgba(5,5,4,.22),transparent 35%,rgba(5,5,4,.22)); }
.hero-media figcaption { position: absolute; z-index: 4; left: 24px; right: 24px; bottom: 22px; display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,.62); direction: ltr; }.hero-media figcaption span { font-size: 7px; letter-spacing: .24em; }.hero-media figcaption b { color: var(--gold-light); font: 16px Georgia,serif; }
.hero-word { position: absolute; z-index: 4; animation: wordReveal .95s .15s cubic-bezier(.22,.8,.28,1) both; }
.hero-word-right { right: clamp(28px,6vw,100px); top: 38%; max-width: 41vw; text-align: right; }
.hero-word-left { left: clamp(28px,6.2vw,100px); top: 43%; max-width: 38vw; direction: rtl; text-align: left; animation-delay: .28s; }
.hero-word small { color: rgba(255,255,255,.52); font-size: 10px; letter-spacing: .08em; display: block; margin: 0 7px 7px; }
.cinematic-hero .hero-word h1,.cinematic-hero .hero-word h2 { margin: 0; font-size: clamp(52px,6vw,92px); line-height: 1.08; font-weight: 700; letter-spacing: -.045em; white-space: nowrap; text-shadow: 0 10px 40px rgba(0,0,0,.38); }
.cinematic-hero .hero-word h2 { color: var(--gold-light); font-size: clamp(48px,5.6vw,84px); }
.hero-word-left p { max-width: 285px; margin: 20px 0 0 auto; color: rgba(255,255,255,.57); font-size: 11px; line-height: 1.9; text-align: right; }
.cinematic-actions { position: absolute; z-index: 5; right: clamp(28px,6vw,100px); bottom: 10.5%; display: flex; align-items: center; gap: 28px; animation: wordReveal 1s .5s both; }
.hero-slider { position: absolute; z-index: 5; left: 50%; bottom: 2.8%; transform: translateX(-50%); display: flex; align-items: center; gap: 18px; direction: ltr; color: #fff; }.hero-slider button { color: rgba(255,255,255,.6); background: none; border: 0; width: 28px; height: 28px; cursor: pointer; }.hero-slider > span { display: grid; grid-template-columns: auto 85px auto; align-items: center; gap: 9px; }.hero-slider b,.hero-slider em { font: 10px Georgia,serif; font-style: normal; }.hero-slider b { color: var(--gold-light); }.hero-slider em { color: rgba(255,255,255,.35); }.hero-slider i { height: 1px; background: rgba(255,255,255,.2); position: relative; }.hero-slider i::before { content: ''; position: absolute; width: 34%; height: 1px; background: var(--gold); left: 0; }
.cinematic-hero .hero-note { bottom: 7%; }.cinematic-hero .scroll-cue { top: 38%; bottom: auto; right: 24px; }.cinematic-hero .scroll-cue i { height: 78px; }
.brand-marquee { height: 52px; background: #c5a05d; color: #16130f; display: flex; align-items: center; overflow: hidden; direction: ltr; border-top: 1px solid #d7bb83; border-bottom: 1px solid #98763c; }.brand-marquee div { white-space: nowrap; font: 11px Georgia,serif; letter-spacing: .18em; animation: marqueeMove 24s linear infinite; }
@keyframes mediaEntrance { from { opacity: 0; transform: translateX(-50%) scale(.89); clip-path: inset(15% 0 10%); } to { opacity: 1; transform: translateX(-50%) scale(1); clip-path: inset(0); } }
@keyframes cinematicBreath { from { transform: scale(1.04) translateY(0); } to { transform: scale(1.095) translateY(-1.2%); } }
@keyframes wordReveal { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes marqueeMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (max-width: 900px) {
  .cinematic-hero { min-height: 760px; }.hero-media { width: 52vw; height: 70%; top: 15%; opacity: .82; }.hero-word-right { right: 24px; top: 35%; max-width: 75vw; }.hero-word-left { left: 24px; top: 51%; max-width: 76vw; }.cinematic-hero .hero-word h1,.cinematic-hero .hero-word h2 { font-size: clamp(46px,8.2vw,70px); }.hero-word-left p { display: none; }.cinematic-actions { right: 24px; bottom: 11%; }.cinematic-hero .hero-note { display: none; }.cinematic-orbit { width: 85vw; height: 85vw; }
}

@media (max-width: 600px) {
  .cinematic-hero { min-height: 760px; height: 100svh; }.hero-media { width: 76vw; height: 66%; top: 16%; border-radius: 45% 45% 3px 3px; opacity: .72; }.cinematic-orbit { width: 110vw; height: 110vw; }.hero-word-right { top: 33%; }.hero-word-left { top: 50%; }.cinematic-hero .hero-word h1,.cinematic-hero .hero-word h2 { font-size: 48px; }.cinematic-actions { bottom: 9.5%; flex-direction: column; align-items: flex-start; gap: 15px; }.cinematic-actions .primary-button { padding: 13px 18px; }.hero-slider { display: none; }.cinematic-hero .scroll-cue { display: none; }.brand-marquee { height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* True 3D layer and multi-page prototype */
.hero-3d { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; filter: drop-shadow(0 30px 70px rgba(188,145,70,.22)); }
.cinematic-hero .hero-media { z-index: 1; width: min(27vw,390px); opacity: .43; filter: blur(.15px); }
.cinematic-hero .hero-media::before { opacity: .4; }
.cinematic-hero .hero-media img { filter: saturate(.18) contrast(1.05) sepia(.2); }
.cinematic-hero .hero-word,.cinematic-actions,.cinematic-hero .hero-note,.hero-slider { z-index: 6; }
.main-nav { gap: clamp(12px,1.45vw,26px); font-size: 11px; }
.header-icon { width: 28px; height: 34px; border: 0; background: transparent; color: rgba(255,255,255,.84); display: grid; place-items: center; position: relative; font-size: 18px; }.header-icon sup { position: absolute; top: 0; right: -2px; width: 13px; height: 13px; display: grid; place-items: center; background: var(--gold); color: #12110e; border-radius: 50%; font-size: 7px; }

.inner-body { margin: 0; background: #f3efe6; color: #171612; }
.page-topbar { position: absolute; background: transparent; }
.inner-hero { min-height: 630px; position: relative; overflow: hidden; background: radial-gradient(circle at 28% 40%,rgba(193,150,76,.18),transparent 28%),linear-gradient(112deg,#090908,#181610 62%,#0b0b09); color: #fff; padding: 190px clamp(24px,8vw,135px) 90px; }
.inner-hero::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(104deg,transparent 0 7px,rgba(255,255,255,.012) 8px,transparent 9px); }
.inner-hero .eyebrow { position: relative; z-index: 2; }.inner-hero h1 { position: relative; z-index: 2; font-size: clamp(65px,9vw,138px); letter-spacing: -.055em; line-height: 1; margin: 0; }.inner-hero > p:not(.eyebrow) { position: relative; z-index: 2; max-width: 570px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 2; margin: 28px 0 0; }.inner-hero > b { position: absolute; direction: ltr; left: 4%; bottom: -6%; font: clamp(130px,24vw,355px)/1 Georgia,serif; color: rgba(216,181,112,.055); letter-spacing: -.09em; }.inner-hero > b span { color: rgba(216,181,112,.14); }.inner-hero-orbit { position: absolute; width: min(47vw,620px); height: min(47vw,620px); border: 1px solid rgba(211,173,101,.16); border-radius: 50%; left: 11%; top: 17%; }.inner-hero-orbit::before,.inner-hero-orbit::after { content: ''; position: absolute; border-radius: 50%; inset: 12%; border: 1px solid rgba(211,173,101,.08); }.inner-hero-orbit::after { inset: 25%; }
.catalog-grid { display: grid; grid-template-columns: repeat(2,1fr); background: #efe9dc; padding: 90px clamp(24px,7vw,110px) 120px; gap: 1px; }.catalog-grid a { min-height: 330px; background: #f7f4ed; padding: 42px; position: relative; border: 1px solid #d9d1c0; transition: transform .3s ease,background .3s ease; }.catalog-grid a:hover { background: #191814; color: #fff; transform: translateY(-5px); z-index: 2; }.catalog-grid span { color: #9a783f; font: 12px Georgia,serif; }.catalog-grid h2 { font-size: 31px; margin: 75px 0 12px; }.catalog-grid p { color: #7f786b; font-size: 12px; }.catalog-grid b { position: absolute; bottom: 35px; font-size: 10px; color: #957139; }
.page-offer-grid { padding: 90px clamp(24px,7vw,110px) 120px; display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; background: #eee8dc; }.page-offer-grid article { min-height: 560px; background: #131310; color: #fff; position: relative; padding: 0 27px 28px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }.page-offer-grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .6; filter: saturate(.55); }.page-offer-grid article::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,6,5,.92),transparent 70%); }.page-offer-grid small,.page-offer-grid h2,.page-offer-grid div,.page-offer-grid p { position: relative; z-index: 2; }.page-offer-grid small { color: var(--gold-light); }.page-offer-grid h2 { font-size: 22px; line-height: 1.6; }.page-offer-grid article > div { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.2); padding-top: 18px; }.page-offer-grid button { border: 1px solid rgba(255,255,255,.28); background: transparent; color: #fff; padding: 9px 12px; }.page-offer-grid .offer-placeholder { background: #c8ac75; color: #18150f; }.page-offer-grid .offer-placeholder::after { display: none; }.page-offer-grid .offer-placeholder button { color: #18150f; border-color: rgba(0,0,0,.25); }
.device-stage { min-height: 680px; background: #13130f; color: #fff; padding: 80px clamp(24px,8vw,130px); display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 100px; }.device-visual { width: 440px; max-width: 100%; aspect-ratio: 1; border: 1px solid rgba(209,172,102,.28); border-radius: 50%; display: grid; place-items: center; position: relative; background: radial-gradient(circle,rgba(196,157,85,.17),transparent 61%); }.device-visual span { width: 31%; height: 57%; border: 2px solid #c39b51; border-radius: 80px 80px 20px 20px; box-shadow: inset 0 0 45px rgba(201,163,91,.18),0 0 65px rgba(201,163,91,.12); transform: rotate(14deg); }.device-visual i { position: absolute; inset: 12%; border: 1px dashed rgba(224,194,136,.22); border-radius: 50%; animation: deviceSpin 18s linear infinite; }.device-visual b { position: absolute; bottom: 8%; color: #c9a765; font: 12px Georgia,serif; letter-spacing: .2em; }.device-copy small { color: #caa65f; }.device-copy h2 { font-size: 55px; margin: 12px 0 20px; }.device-copy p { color: rgba(255,255,255,.57); line-height: 2; font-size: 13px; }.device-copy dl div { display: grid; grid-template-columns: 110px 1fr; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.14); }.device-copy dt { color: #b7985f; font-size: 9px; }.device-copy dd { margin: 0; font-size: 11px; }.device-copy button { margin-top: 28px; background: #c5a05d; border: 0; padding: 13px 19px; }
@keyframes deviceSpin { to { transform: rotate(360deg); } }
.page-team-grid { padding: 90px clamp(24px,6vw,100px) 120px; display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; background: #eee8dc; }.page-team-grid article { background: #f8f5ee; padding-bottom: 22px; }.page-team-grid small,.page-team-grid h2,.page-team-grid button { margin-inline: 17px; }.page-team-grid small { display: block; color: #936f35; font-size: 8px; margin-top: 18px; }.page-team-grid h2 { font-size: 14px; line-height: 1.6; }.page-team-grid button { background: none; border: 0; padding: 0; font-size: 9px; color: #82612f; }
.blog-grid { padding: 90px clamp(24px,7vw,110px) 120px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; background: #f1ecdf; }.blog-grid article { background: #faf8f2; padding: 35px; min-height: 260px; position: relative; }.blog-grid .blog-feature { grid-row: span 2; min-height: 570px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; overflow: hidden; }.blog-feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.5); }.blog-feature::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(5,5,4,.92),transparent 65%); }.blog-grid small,.blog-grid h2,.blog-grid p,.blog-grid a { position: relative; z-index: 2; }.blog-grid small { color: #a27c3e; }.blog-grid h2 { font-size: 24px; line-height: 1.55; }.blog-grid p { color: rgba(255,255,255,.62); font-size: 11px; }.blog-grid a { color: #caa65e; font-size: 10px; }.blog-grid article > span { font: 50px Georgia,serif; color: #ddd5c6; }
.about-page { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 700px; background: #161613; color: #fff; }.about-page > div img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) sepia(.1); }.about-page article { padding: 100px clamp(35px,7vw,105px); display: flex; flex-direction: column; justify-content: center; }.about-page article > small { color: #c6a35f; }.about-page article h2 { font-size: 52px; line-height: 1.4; }.about-page article > p { color: rgba(255,255,255,.57); line-height: 2; font-size: 13px; }
.auth-card { width: min(520px,calc(100% - 40px)); margin: -90px auto 100px; position: relative; z-index: 3; background: #fbf9f4; padding: 42px; box-shadow: 0 25px 80px rgba(29,26,20,.15); }.auth-card > label { display: flex; flex-direction: column; gap: 8px; font-size: 10px; margin-bottom: 18px; }.auth-card input { height: 46px; border: 1px solid #d9d2c5; background: #fff; padding: 0 13px; }.auth-card > div { display: flex; justify-content: space-between; font-size: 9px; color: #84683a; }.auth-card .check { display: flex; gap: 7px; align-items: center; }.auth-card .check input { width: auto; height: auto; }.auth-card > button { width: 100%; border: 0; background: #171612; color: #fff; padding: 14px; margin-top: 25px; }.auth-card > p { text-align: center; font-size: 9px; color: #817a6e; }.auth-card a { color: #966f34; }
.cart-layout { padding: 80px clamp(24px,8vw,125px) 120px; display: grid; grid-template-columns: 1.5fr .7fr; gap: 20px; }.empty-cart,.cart-layout aside { background: #faf8f2; border: 1px solid #ded7ca; padding: 50px; }.empty-cart { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.empty-cart > span { font-size: 45px; color: #a88446; }.empty-cart h2 { font-size: 25px; }.empty-cart p { color: #898276; font-size: 11px; }.empty-cart a { color: #8e6b35; font-size: 10px; }.cart-layout aside h2 { margin-top: 0; }.cart-layout aside div { display: flex; justify-content: space-between; border-block: 1px solid #ddd5c8; padding: 18px 0; }.cart-layout aside button { width: 100%; margin-top: 20px; border: 0; background: #d4cec2; color: #8c867b; padding: 13px; }
.inner-footer { background: #0e0e0c; color: #fff; padding: 55px clamp(24px,7vw,110px); display: flex; justify-content: space-between; align-items: center; }.inner-footer strong { font: 34px Georgia,serif; color: var(--gold-light); }.inner-footer a { color: rgba(255,255,255,.56); font-size: 10px; }

@media (max-width: 1000px) {
  .page-team-grid { grid-template-columns: repeat(3,1fr); }.page-offer-grid { grid-template-columns: 1fr 1fr; }.device-stage { grid-template-columns: 1fr; gap: 50px; }.device-visual { margin-inline: auto; }.about-page { grid-template-columns: 1fr; }.about-page > div { max-height: 550px; }.cart-layout { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .inner-hero { min-height: 540px; padding: 150px 24px 70px; }.inner-hero h1 { font-size: 65px; }.inner-hero-orbit { width: 80vw; height: 80vw; left: -14%; top: 25%; }.catalog-grid,.page-offer-grid,.page-team-grid,.blog-grid { grid-template-columns: 1fr; padding: 60px 20px 80px; }.page-team-grid { grid-template-columns: 1fr 1fr; }.blog-grid .blog-feature { grid-row: auto; }.device-stage { padding: 65px 22px; }.device-copy h2 { font-size: 42px; }.about-page article { padding: 70px 24px; }.about-page article h2 { font-size: 40px; }.cart-layout { padding: 55px 20px 80px; }.empty-cart,.cart-layout aside { padding: 35px 22px; }.inner-footer { padding: 42px 22px; }
}

/* Reference-aligned homepage order */
.site-shell { display: flex; flex-direction: column; }
.site-shell > .topbar { order: -1; }
.site-shell > .cinematic-hero { order: 0; }
.site-shell > .brand-marquee { order: 1; }
.site-shell > .about-section { order: 2; }
.site-shell > .service-intro { order: 3; }
.site-shell > .offers-section { order: 4; }
.site-shell > .team-section { order: 5; }
.site-shell > .home-articles { order: 6; }
.site-shell > .testimonials-section { order: 7; }
.site-shell > .loyalty-section { order: 8; }
.site-shell > .booking-section { order: 9; }
.site-shell > .location-section { order: 10; }
.site-shell > .site-footer { order: 11; }
.main-nav { gap: clamp(8px,1vw,18px); font-size: 9.5px; }

.home-articles { padding: 110px clamp(24px,7vw,115px) 125px; background: #f5f1e8; }
.home-articles .split-heading > a { color: #89652d; font-size: 11px; justify-self: end; }
.home-articles > div { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; }.home-articles article { min-height: 240px; background: #ebe4d7; padding: 32px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }.home-articles .article-feature { grid-row: span 2; min-height: 510px; color: #fff; }.home-articles .article-feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.48); }.home-articles .article-feature::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,6,5,.92),transparent 66%); }.home-articles article > * { position: relative; z-index: 2; }.home-articles article > b { position: absolute; top: 24px; color: #bcae94; font: 48px Georgia,serif; }.home-articles article > span { color: #a27c3d; font-size: 9px; }.home-articles article h3 { font-size: 22px; line-height: 1.55; margin: 9px 0 20px; }.home-articles article a { color: #98733a; font-size: 9px; }.home-articles .article-feature a,.home-articles .article-feature > span { color: var(--gold-light); }
.testimonials-section { padding: 95px clamp(24px,9vw,145px); min-height: 480px; background: #171714; color: #fff; display: grid; grid-template-columns: .6fr 1.4fr; align-items: center; gap: 110px; }.testimonial-score { aspect-ratio: 1; border: 1px solid rgba(202,166,97,.3); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle,rgba(197,160,93,.13),transparent 65%); }.testimonial-score b { font: 78px Georgia,serif; color: var(--gold-light); }.testimonial-score span { color: #cda962; letter-spacing: .15em; }.testimonial-score small { color: rgba(255,255,255,.43); margin-top: 12px; font-size: 8px; }.testimonials-section blockquote { font-size: clamp(23px,3vw,43px); line-height: 1.65; margin: 10px 0 38px; color: rgba(255,255,255,.84); }.testimonials-section article > div { border-top: 1px solid rgba(255,255,255,.16); padding-top: 18px; display: flex; gap: 9px; align-items: center; }.testimonials-section article > div span { margin-left: auto; color: var(--gold-light); font-size: 10px; }.testimonials-section article > div button { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: #fff; }

/* Devices, before/after, and device details */
.device-catalog { padding: 80px clamp(24px,7vw,110px) 120px; background: #eee8dc; }.device-catalog > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 38px; }.device-catalog label { width: min(520px,60%); height: 52px; background: #f9f7f1; border: 1px solid #d7d0c2; display: flex; align-items: center; gap: 12px; padding: 0 17px; }.device-catalog label span { color: #95713a; font-size: 20px; }.device-catalog input { width: 100%; border: 0; outline: 0; background: transparent; font: 11px var(--font-cairo),Cairo,sans-serif; }.device-catalog > header p { font-size: 9px; color: #817a6d; }.device-catalog > header b { color: #987239; }
.device-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.device-card-grid article { background: #f9f7f1; padding: 0 24px 28px; }.device-card-grid article[hidden] { display: none; }.device-card-grid article > div { height: 300px; margin: 0 -24px 23px; position: relative; overflow: hidden; background: #d9d1c3; }.device-card-grid img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.35) sepia(.1); opacity: .78; }.device-card-grid article > div span { position: absolute; left: 17px; bottom: 13px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(12,12,10,.75); color: var(--gold-light); font: 11px Georgia,serif; }.device-card-grid small { color: #9a7539; font-size: 8px; }.device-card-grid h2 { font-size: 20px; margin: 7px 0 8px; }.device-card-grid p { color: #817a6e; font-size: 9px; line-height: 1.8; min-height: 34px; }.device-card-grid a { color: #8c682f; font-size: 9px; font-weight: 700; }
.results-catalog { padding: 70px clamp(24px,7vw,110px) 120px; background: #efe9dc; }.results-catalog > nav { display: flex; gap: 9px; justify-content: center; margin-bottom: 45px; }.results-catalog > nav button { border: 1px solid #cfc6b5; background: transparent; padding: 10px 18px; font-size: 9px; }.results-catalog > nav button.active { background: #171612; color: #fff; border-color: #171612; }.results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.results-grid article { background: #faf8f2; padding: 17px 17px 24px; }.comparison { height: 370px; display: grid; grid-template-columns: 1fr 1fr; position: relative; overflow: hidden; background: #c9c0b1; margin-bottom: 20px; }.result-placeholder { position: relative; display: grid; place-items: end start; padding: 15px; background: radial-gradient(circle at 45% 35%,#e2d4bb,#9e917d); }.result-placeholder.after { background: radial-gradient(circle at 45% 35%,#eedbbb,#b79d70); }.result-placeholder::before { content: ''; position: absolute; width: 46%; height: 58%; border-radius: 48% 48% 38% 38%; background: rgba(255,255,255,.26); top: 18%; left: 27%; }.result-placeholder span { z-index: 2; color: #fff; background: rgba(0,0,0,.45); padding: 5px 9px; font-size: 8px; }.comparison > i { position: absolute; width: 1px; height: 100%; background: #fff; left: 50%; box-shadow: 0 0 0 4px rgba(255,255,255,.24); }.results-grid small { color: #99743a; font-size: 8px; }.results-grid h2 { font-size: 18px; margin: 6px 0; }.results-grid a { color: #87632c; font-size: 8px; }
.device-detail-page { background: #f2ede2; }.device-overview { min-height: 700px; display: grid; grid-template-columns: 1.05fr .95fr; background: #171714; color: #fff; }.device-overview figure { margin: 0; position: relative; overflow: hidden; }.device-overview figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.36) sepia(.16); opacity: .8; }.device-overview figure::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(23,23,20,.4),transparent 55%); }.device-overview figure span { position: absolute; z-index: 2; bottom: 20px; right: 20px; color: rgba(255,255,255,.55); font-size: 8px; }.device-overview > div { padding: 90px clamp(35px,6vw,95px); display: flex; flex-direction: column; justify-content: center; }.device-overview > div > small { color: #c7a45f; }.device-overview h2 { font-size: 58px; margin: 10px 0 20px; }.device-overview > div > p { color: rgba(255,255,255,.58); font-size: 12px; line-height: 2; }.device-overview dl div { display: grid; grid-template-columns: 120px 1fr; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); }.device-overview dt { color: #ba9a60; font-size: 9px; }.device-overview dd { margin: 0; font-size: 11px; }.device-overview dd b { font-size: 25px; color: var(--gold-light); }.device-actions { display: flex; gap: 20px; align-items: center; margin-top: 28px; }.device-actions button { background: #c5a05d; border: 0; padding: 13px 20px; }.device-actions a { color: var(--gold-light); font-size: 10px; }
.device-benefits { padding: 100px clamp(24px,8vw,125px); display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }.device-benefits small,.device-results small,.related-offers small { color: #957037; }.device-benefits h2,.device-results h2,.related-offers h2 { font-size: 46px; margin: 8px 0 0; }.device-benefits > div { border-top: 1px solid #ccc3b3; }.device-benefits > div span { display: flex; gap: 25px; padding: 21px 0; border-bottom: 1px solid #ccc3b3; color: #a17b3d; font: 12px Georgia,serif; }.device-benefits > div b { color: #2a2822; font: 15px var(--font-cairo),Cairo,sans-serif; }.device-results { background: #d7c49f; padding: 90px clamp(24px,8vw,125px); }.device-results > header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 40px; }.device-results > header a { font-size: 9px; color: #775825; }.comparison.large { height: 540px; }.device-results > p { font-size: 9px; color: #675f52; }.related-offers { padding: 95px clamp(24px,8vw,125px) 115px; }.related-offers > header { margin-bottom: 35px; }.related-offers > div { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.related-offers article { background: #171714; color: #fff; padding: 35px; min-height: 230px; display: grid; grid-template-columns: 1fr auto; gap: 10px; }.related-offers article span { color: #c7a35d; font-size: 8px; }.related-offers article h3 { grid-column: 1/-1; font-size: 27px; }.related-offers article b { color: var(--gold-light); }.related-offers article a { color: rgba(255,255,255,.55); font-size: 9px; }

@media (max-width: 1000px) {
  .device-card-grid { grid-template-columns: 1fr 1fr; }.device-overview { grid-template-columns: 1fr; }.device-overview figure { min-height: 520px; }.device-benefits { grid-template-columns: 1fr; }.home-articles > div { grid-template-columns: 1fr 1fr; }.testimonials-section { gap: 55px; }
}
@media (max-width: 700px) {
  .device-catalog > header { align-items: stretch; flex-direction: column; gap: 15px; }.device-catalog label { width: 100%; }.device-card-grid,.results-grid { grid-template-columns: 1fr; }.comparison { height: 330px; }.device-overview figure { min-height: 420px; }.device-overview > div { padding: 65px 24px; }.device-overview h2 { font-size: 44px; }.device-benefits,.device-results,.related-offers { padding: 70px 22px; }.device-benefits h2,.device-results h2,.related-offers h2 { font-size: 37px; }.comparison.large { height: 370px; }.related-offers > div { grid-template-columns: 1fr; }.home-articles > div { grid-template-columns: 1fr; }.home-articles .article-feature { grid-row: auto; }.testimonials-section { grid-template-columns: 1fr; gap: 50px; padding: 75px 24px; }.testimonial-score { width: 270px; justify-self: center; }
}

/* Reference-paced homepage sections */
.section-chip { width:max-content; margin:0 auto 14px !important; padding:5px 13px; border-radius:999px; color:#9b7540 !important; background:rgba(232,200,146,.22); border:1px solid rgba(184,138,73,.1); font-size:9px !important; font-weight:700; line-height:1.4 !important; }
.reference-heading { position:relative; z-index:2; text-align:center; margin-bottom:46px; }
.reference-heading h2 { margin:0; color:var(--velour-ink); font-size:clamp(39px,4vw,60px); line-height:1.25; letter-spacing:-.035em; }
.reference-button { width:max-content; min-height:45px; margin-top:27px; padding:0 22px; border-radius:25px; display:flex; align-items:center; gap:10px; background:#fff; color:var(--velour-deep); box-shadow:0 12px 28px rgba(11,83,79,.1); font-size:10px; font-weight:700; transition:transform .25s ease,box-shadow .25s ease; }
.reference-button:hover { transform:translateY(-3px); box-shadow:0 18px 35px rgba(11,83,79,.16); }
.reference-button span { color:#21a096; }
.dark-button { margin:35px auto 0; color:#fff; background:var(--velour-deep); }

.about-section { min-height:390px; padding:92px 24px 70px; display:block; color:var(--velour-ink); background:transparent; text-align:center; }
.about-section::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 20%,rgba(154,231,222,.22),transparent 48%); pointer-events:none; }
.about-image { display:none; }
.about-copy { position:relative; z-index:2; max-width:870px; margin:auto; padding:0; display:flex; align-items:center; text-align:center; }
.about-copy h2 { color:var(--velour-ink); font-size:clamp(38px,4vw,60px); line-height:1.35; }
.about-copy > p:not(.section-chip) { max-width:720px; margin:18px auto 0; color:#49706d; font-size:13px; line-height:2; }
.about-copy .reference-button { align-self:center; }

.service-intro { position:relative; min-height:890px; padding:95px clamp(24px,7vw,92px) 90px; display:block; background:transparent; overflow:hidden; }
.service-intro::before,.offers-section::before,.team-section::before { content:''; position:absolute; z-index:0; width:760px; height:760px; top:120px; left:50%; transform:translateX(-50%); border-radius:47% 53% 55% 45%; background:radial-gradient(circle at 50% 28%,rgba(166,245,236,.74),rgba(38,159,151,.24) 46%,rgba(255,255,255,0) 72%); filter:blur(5px); }
.reference-service-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1110px; margin:auto; align-items:center; }
.reference-service-card { position:relative; min-height:305px; border-radius:24px; overflow:hidden; color:#fff; background:rgba(7,73,70,.5); box-shadow:0 26px 55px rgba(12,103,98,.12); isolation:isolate; transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
.reference-service-card.is-focus { transform:translateY(-12px); }
.reference-service-card:hover { transform:translateY(-18px) scale(1.015); box-shadow:0 32px 70px rgba(12,103,98,.2); }
.reference-service-card img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.55) hue-rotate(120deg); opacity:.72; transition:transform .6s ease; }
.reference-service-card:hover img { transform:scale(1.07); }
.reference-service-card::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(4,67,64,.88),rgba(18,125,119,.12)); }
.reference-service-card span { position:absolute; top:23px; right:25px; color:#d7f4f0; font-size:9px; }
.reference-service-card h3 { position:absolute; right:25px; left:25px; bottom:52px; margin:0; font-size:25px; line-height:1.45; }
.reference-service-card b { position:absolute; right:25px; bottom:25px; color:#e8c892; font-size:9px; }

.offers-section { position:relative; min-height:740px; padding:90px clamp(24px,6.5vw,92px) 80px; background:transparent; }
.offers-section::before { top:40px; background:radial-gradient(circle at 50% 38%,rgba(89,210,200,.42),rgba(31,135,129,.2) 48%,transparent 72%); }
.offer-grid { position:relative; z-index:2; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1110px; margin:auto; }
.offer-card,.offer-card.minimal { min-height:360px; padding:0; border-radius:26px; overflow:visible; color:var(--velour-ink); background:transparent; }
.offer-card::before { content:''; position:absolute; inset:0 0 72px; border-radius:25px; background:#157b76; }
.offer-card img { height:calc(100% - 72px); border-radius:25px; filter:saturate(.65) hue-rotate(115deg); opacity:.82; }
.offer-shade { inset:0 0 72px; border-radius:25px; background:linear-gradient(0deg,rgba(4,72,68,.75),transparent 65%); }
.offer-copy,.offer-card.minimal .offer-copy { position:absolute; z-index:3; inset:auto 18px 0; min-height:128px; padding:18px 19px; border-radius:20px; display:block; color:var(--velour-ink); background:rgba(255,250,242,.96); box-shadow:0 16px 36px rgba(8,82,78,.12); backdrop-filter:blur(12px); }
.offer-copy > span,.offer-card.minimal .offer-copy > span { color:#8f6933; font-size:8px; }
.offer-copy h3 { margin:5px 0 13px; color:var(--velour-ink); font-size:14px; line-height:1.65; }
.offer-copy > div { padding-top:10px; border-color:rgba(11,78,74,.13); }
.offer-copy b { color:var(--velour-teal); font-size:17px; }
.offer-copy button,.offer-card.minimal button { border:0; border-radius:17px; padding:8px 13px; color:#fff; background:#15978f; font-size:9px; }

.team-section { position:relative; min-height:820px; padding:90px clamp(24px,6vw,82px) 100px; background:transparent; overflow:hidden; }
.team-section::before { top:30px; height:920px; background:linear-gradient(180deg,rgba(136,230,221,.25),rgba(255,255,255,0)); clip-path:polygon(45% 0,58% 0,88% 100%,12% 100%); border-radius:0; }
.team-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; max-width:1160px; margin:auto; align-items:end; }
.team-card { padding:0 0 25px; border-radius:110px 110px 28px 28px; overflow:hidden; color:#fff; background:linear-gradient(180deg,#1b8b84 0%,#096762 100%); box-shadow:0 24px 48px rgba(8,91,86,.14); transition:transform .35s ease; }
.team-card:nth-child(2n) { transform:translateY(28px); }
.team-card:hover { transform:translateY(-10px); }
.team-card:nth-child(2n):hover { transform:translateY(16px); }
.person-placeholder,.person-placeholder.warm { aspect-ratio:.79; margin:0; background:linear-gradient(155deg,rgba(220,251,247,.65),rgba(21,129,123,.2)); }
.person-placeholder::before { width:36%; height:34%; top:18%; background:rgba(255,255,255,.8); }
.person-placeholder::after { width:72%; height:50%; bottom:-10%; background:rgba(255,255,255,.72); }
.person-placeholder span { opacity:.75; }
.team-card > small { color:#d9c08f; margin-top:18px; font-size:8px; }
.team-card h3 { margin-top:7px; color:#fff; font-size:16px; }
.team-card p { color:rgba(255,255,255,.68); font-size:8px; }

.home-articles { position:relative; padding:90px clamp(24px,7vw,100px) 110px; background:transparent; }
.home-articles > div { max-width:1100px; margin:auto; grid-template-columns:1.4fr 1fr; gap:18px; }
.home-articles article { min-height:230px; border-radius:24px; color:var(--velour-ink); background:rgba(255,255,255,.76); border:1px solid rgba(26,127,120,.1); box-shadow:0 18px 44px rgba(10,89,85,.08); }
.home-articles .article-feature { min-height:500px; border-radius:28px; }
.home-articles .article-feature img { filter:saturate(.65) hue-rotate(110deg); }
.home-articles .article-feature::after { background:linear-gradient(0deg,rgba(4,69,66,.9),transparent 70%); }
.home-articles article > b { color:#a8d8d3; }
.home-articles article > span,.home-articles article a { color:#168a83; }
.home-articles .article-feature a,.home-articles .article-feature > span { color:#efd49e; }

.testimonials-section { min-height:520px; padding:90px clamp(24px,9vw,145px); grid-template-columns:.55fr 1.45fr; gap:100px; color:var(--velour-ink); background:rgba(255,255,255,.44); }
.testimonial-score { background:radial-gradient(circle,rgba(58,185,176,.22),rgba(255,255,255,.2) 65%); border-color:rgba(15,123,117,.22); }
.testimonial-score b { color:var(--velour-teal); }
.testimonial-score span { color:#c6984e; }
.testimonial-score small { color:#56817e; }
.testimonials-section blockquote { color:var(--velour-ink); }
.testimonials-section article > div { border-color:rgba(7,70,67,.14); }
.testimonials-section article > div span { color:#0f7d76; }
.testimonials-section article > div button { border-color:rgba(7,70,67,.2); color:var(--velour-ink); background:#fff; border-radius:50%; }

.loyalty-section { display:none; }
.booking-section { min-height:560px; padding:90px clamp(24px,7vw,105px); grid-template-columns:1.15fr 1fr auto; gap:68px; color:#fff; background:linear-gradient(135deg,#0c7771,#07504d); border-radius:85px 85px 0 0; }
.booking-section h2 { font-size:clamp(42px,4.6vw,68px); }
.booking-section > div > p:not(.section-chip) { max-width:420px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.9; }
.booking-section li { border-color:rgba(255,255,255,.2); }
.booking-section li b { color:var(--velour-sand); }
.booking-section .primary-button { border-radius:28px; background:#fff; color:var(--velour-deep); }

.location-section { color:var(--velour-ink); background:#eff9f7; }
.location-copy > a { color:#0c817a; }
.map-frame { filter:saturate(.35) hue-rotate(110deg); }
.site-footer { color:#fff; background:#063d3a; }
.footer-brand strong,.site-footer b { color:#e8c892; }

.reveal { opacity:0; transform:translateY(34px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity:1; transform:translateY(0); }

@media (max-width: 900px) {
  .reference-service-grid,.offer-grid { grid-template-columns:1fr; max-width:560px; }
  .reference-service-card.is-focus { transform:none; }
  .service-intro,.offers-section { min-height:auto; }
  .team-grid { grid-template-columns:repeat(2,1fr); max-width:620px; }
  .team-card:nth-child(2n) { transform:none; }
  .booking-section { grid-template-columns:1fr; gap:35px; }
}
@media (max-width: 650px) {
  .about-section { padding-inline:22px; }
  .about-copy h2,.reference-heading h2 { font-size:36px; }
  .service-intro,.offers-section,.team-section,.home-articles { padding-inline:18px; }
  .team-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .team-card { border-radius:80px 80px 22px 22px; }
  .home-articles > div { grid-template-columns:1fr; }
  .testimonials-section { grid-template-columns:1fr; gap:45px; padding-inline:24px; }
  .testimonial-score { width:240px; justify-self:center; }
  .booking-section { border-radius:48px 48px 0 0; padding-inline:24px; }
}

/* Light inner pages */
.inner-body { min-height:100vh; color:var(--velour-ink); background:linear-gradient(120deg,#f8fffe,#e8f8f5 55%,#fffaf0); }
.inner-clarity-header { position:fixed; }
.inner-hero { min-height:500px; padding:155px 24px 90px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; text-align:center; color:var(--velour-ink); background:linear-gradient(180deg,#dff6f3,#f9fdfb 68%,#f5ead6); border-radius:0 0 82px 82px; }
.inner-hero::before { content:''; position:absolute; width:360px; height:520px; left:50%; top:72px; transform:translateX(-50%) rotate(7deg); clip-path:polygon(48% 0,68% 16%,93% 66%,69% 100%,20% 93%,6% 46%); background:linear-gradient(160deg,rgba(37,167,158,.48),rgba(197,255,248,.32)); box-shadow:inset 0 0 70px rgba(255,255,255,.65); opacity:.7; }
.inner-hero::after { content:''; position:absolute; width:570px; height:570px; left:50%; top:35px; transform:translateX(-50%); border:1px solid rgba(19,132,125,.09); border-radius:50%; box-shadow:0 0 0 80px rgba(19,132,125,.025),0 0 0 160px rgba(19,132,125,.018); }
.inner-hero > * { position:relative; z-index:2; }
.inner-hero .eyebrow { margin:0 auto 14px; padding:5px 13px; border-radius:999px; color:#8c6733; background:rgba(232,200,146,.28); font-size:9px; }
.inner-hero .eyebrow span { display:none; }
.inner-hero h1 { margin:0; color:var(--velour-ink); font-size:clamp(54px,6.8vw,96px); line-height:1.2; letter-spacing:-.05em; }
.inner-hero > p:not(.eyebrow) { max-width:670px; margin:18px auto 0; color:#4d7572; font-size:12px; line-height:2; }
.inner-hero > b,.inner-hero-orbit { display:none; }
.inner-footer { color:#fff; background:#073f3c; }
.inner-footer strong { color:#e8c892; }

.catalog-grid,.page-offer-grid,.device-catalog,.results-catalog,.page-team-grid,.blog-grid,.about-page,.cart-layout { position:relative; z-index:2; background:transparent; }
.catalog-grid { grid-template-columns:repeat(2,1fr); gap:18px; max-width:1140px; margin:auto; }
.catalog-grid a { min-height:310px; border:1px solid rgba(14,116,110,.12); border-radius:28px; color:var(--velour-ink); background:rgba(255,255,255,.72); box-shadow:0 18px 45px rgba(8,93,88,.08); overflow:hidden; }
.catalog-grid a::after { content:''; position:absolute; width:210px; height:270px; left:-45px; bottom:-75px; clip-path:polygon(48% 0,86% 31%,96% 79%,55% 100%,8% 65%,15% 20%); background:linear-gradient(145deg,rgba(27,164,155,.34),rgba(203,255,248,.15)); transition:transform .5s ease; }
.catalog-grid a:hover { color:#fff; background:#08736e; transform:translateY(-7px); }
.catalog-grid a:hover::after { transform:rotate(16deg) scale(1.08); }
.catalog-grid span,.catalog-grid b { color:#158c84; }
.catalog-grid a:hover span,.catalog-grid a:hover b,.catalog-grid a:hover p { color:rgba(255,255,255,.74); }

.page-offer-grid { max-width:1180px; margin:auto; gap:22px; }
.page-offer-grid article { min-height:470px; border-radius:28px; overflow:hidden; background:#0d7772; }
.page-offer-grid img { opacity:.78; filter:saturate(.62) hue-rotate(115deg); }
.page-offer-grid article::after { background:linear-gradient(0deg,rgba(4,66,63,.94),transparent 68%); }
.page-offer-grid small,.page-offer-grid article b { color:#efd29b; }
.page-offer-grid button { border-radius:19px; background:rgba(255,255,255,.12); }
.page-offer-grid .offer-placeholder { color:var(--velour-ink); background:linear-gradient(145deg,#e8d2aa,#d5f3ef); }

.device-catalog { max-width:1240px; margin:auto; }
.device-catalog label { border:1px solid rgba(16,122,115,.16); border-radius:27px; background:rgba(255,255,255,.84); }
.device-catalog label span,.device-catalog > header b { color:#0c857e; }
.device-card-grid { gap:20px; }
.device-card-grid article { padding-bottom:28px; border-radius:27px; overflow:hidden; color:var(--velour-ink); background:rgba(255,255,255,.8); box-shadow:0 18px 44px rgba(9,95,90,.08); transition:transform .35s ease; }
.device-card-grid article:hover { transform:translateY(-8px); }
.device-card-grid article > div { background:#a9dfda; }
.device-card-grid img { opacity:.82; filter:saturate(.6) hue-rotate(112deg); }
.device-card-grid article > div span { background:rgba(5,72,68,.82); color:#fff; }
.device-card-grid small,.device-card-grid a { color:#0d817a; }

.results-catalog > nav button { border-color:rgba(12,111,105,.2); border-radius:20px; color:var(--velour-ink); }
.results-catalog > nav button.active { border-color:var(--velour-deep); background:var(--velour-deep); }
.results-grid article { border-radius:27px; background:rgba(255,255,255,.82); box-shadow:0 18px 44px rgba(9,95,90,.07); }
.comparison { border-radius:20px; background:#b8ded9; }
.result-placeholder { background:radial-gradient(circle at 45% 35%,#dff8f5,#73aaa5); }
.result-placeholder.after { background:radial-gradient(circle at 45% 35%,#f7ead3,#99d8d2); }
.results-grid small,.results-grid a { color:#0d817a; }

.page-team-grid { max-width:1260px; margin:auto; gap:14px; }
.page-team-grid article { padding-bottom:24px; border-radius:100px 100px 28px 28px; overflow:hidden; color:#fff; background:linear-gradient(180deg,#17887f,#08645f); }
.page-team-grid small { color:#e8c892; }
.page-team-grid button { color:#dff6f3; }

.blog-grid { max-width:1160px; margin:auto; }
.blog-grid article { border-radius:28px; color:var(--velour-ink); background:rgba(255,255,255,.8); box-shadow:0 18px 44px rgba(9,95,90,.07); }
.blog-grid .blog-feature { overflow:hidden; }
.blog-feature img { filter:saturate(.6) hue-rotate(115deg); }
.blog-feature::after { background:linear-gradient(0deg,rgba(5,70,66,.94),transparent 68%); }
.blog-grid small,.blog-grid a { color:#168c84; }
.blog-feature small,.blog-feature a { color:#efd29b; }

.about-page { max-width:1180px; margin:90px auto 120px; min-height:640px; border-radius:42px; overflow:hidden; color:var(--velour-ink); background:rgba(255,255,255,.8); box-shadow:0 24px 60px rgba(8,91,86,.1); }
.about-page > div img { filter:saturate(.65) hue-rotate(110deg); }
.about-page article > small { color:#0d817a; }
.about-page article > p { color:#537572; }
.about-page .stats { border-color:rgba(8,77,73,.14); }
.about-page .stats b { color:#0f847d; }

.auth-card,.empty-cart,.cart-layout aside { border:1px solid rgba(8,102,96,.12); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:0 22px 55px rgba(8,91,86,.1); }
.auth-card > button { border-radius:23px; background:var(--velour-deep); }
.auth-card a,.empty-cart a { color:#0b827b; }

.device-detail-page { background:linear-gradient(120deg,#f5fffd,#e9f8f5,#fff9ef); }
.device-overview { color:#fff; background:linear-gradient(135deg,#0d7d76,#064d49); border-radius:0 0 75px 75px; overflow:hidden; }
.device-overview figure img { opacity:.82; filter:saturate(.6) hue-rotate(112deg); }
.device-overview > div > small,.device-overview dt,.device-actions a { color:#efd29b; }
.device-overview > div > p { color:rgba(255,255,255,.72); }
.device-overview dd b { color:#f1d49e; }
.device-actions button { border-radius:22px; color:var(--velour-deep); background:#fff; }
.device-benefits { color:var(--velour-ink); }
.device-benefits small,.device-results small,.related-offers small { color:#0d817a; }
.device-benefits > div { border-color:rgba(8,95,90,.16); }
.device-benefits > div span { border-color:rgba(8,95,90,.16); color:#0d817a; }
.device-results { background:linear-gradient(145deg,#c7efeb,#f1dfbf); }
.related-offers article { border-radius:27px; background:#07645f; }
.related-offers article span,.related-offers article b { color:#efd29b; }

@media (max-width: 860px) {
  .inner-hero { min-height:440px; padding-top:130px; border-radius:0 0 48px 48px; }
  .catalog-grid { grid-template-columns:1fr; }
  .page-team-grid { grid-template-columns:1fr 1fr; }
}

/* Velour signature palette and reference-matched type scale */
:root {
  --velour-deep:#17130e;
  --velour-deeper:#0b0907;
  --velour-teal:#b38a47;
  --velour-aqua:#e5d4b8;
  --velour-mist:#f8f3eb;
  --velour-cream:#fffdf8;
  --velour-sand:#c7a45b;
  --velour-ink:#211a12;
}
body { background:#f8f3eb; color:var(--velour-ink); font-family:Cairo,Tajawal,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.7; }
.site-shell { background:linear-gradient(120deg,#fffdf8,#f4ebdf 55%,#fff); }
.clarity-header,.clarity-header.is-compact { background:rgba(18,15,11,.97); box-shadow:0 18px 46px rgba(26,19,11,.2); }
.clarity-nav > a,.nav-menu > a { font-size:12.8px; font-weight:700; }
.clarity-nav > a.is-active { color:#17130e; }
.clarity-brand-mark { border-color:rgba(199,164,91,.62); color:#e2c587; }
.clarity-brand-copy small { color:#d7b975; }
.clarity-actions > button,.clarity-actions > a:not(.clarity-login) { background:rgba(255,255,255,.08); }
.clarity-actions sup { color:#17130e; background:#d8b66f; }
.clarity-hero { color:#211a12; background:linear-gradient(180deg,#fffdf8,#eee0cd 62%,#caa65f); }
.clarity-hero::after { background:linear-gradient(90deg,rgba(255,253,248,.22),transparent 31%,transparent 70%,rgba(255,253,248,.22)); }
.clarity-hero-copy { text-shadow:0 4px 22px rgba(255,255,255,.3); }
.clarity-hero-copy h1,.clarity-hero-copy h2 { font-size:clamp(42px,4.2vw,54px); line-height:1.22; letter-spacing:.01em; }
.clarity-hero-copy small { color:#795b2d; font-size:13px; }
.clarity-hero-copy p { color:rgba(33,26,18,.72); font-size:14px; }
.hero-cta.dark { color:#fff; background:#17130e; }
.hero-cta.light { color:#17130e; background:rgba(255,255,255,.94); }
.hero-cta span { color:#c39a50; }
.clarity-slide-rail i { background:rgba(27,21,14,.24); }
.clarity-slide-rail i b { background:#17130e; box-shadow:0 0 0 2px rgba(255,255,255,.48); }
.clarity-slide-rail button { color:#fff; background:#17130e; }
.reference-heading h2 { font-size:clamp(36px,3.6vw,50px); line-height:1.15; }
.about-copy h2 { font-size:clamp(37px,3.8vw,52px); line-height:1.32; }
.inner-hero h1 { font-size:clamp(48px,5.3vw,72px); letter-spacing:0; }
.ambient-3d { inset:90px 34% 0; width:32% !important; }
.ambient-3d.is-visible { opacity:.62; }

/* Gold / beige / white / black system across the complete experience */
.section-chip { color:#765522 !important; background:rgba(199,164,91,.15); border-color:rgba(199,164,91,.22); }
.about-section::before { background:radial-gradient(circle at 50% 20%,rgba(224,199,153,.3),transparent 52%); }
.about-copy > p:not(.section-chip) { color:#6f6253; font-size:14px; }
.reference-button { color:#17130e; background:#fff; box-shadow:0 15px 35px rgba(58,42,21,.1); }
.reference-button span { color:#b58b47; }
.dark-button { color:#fff; background:#17130e; }
.service-intro::before,.offers-section::before,.team-section::before { background:radial-gradient(circle at 50% 28%,rgba(232,211,174,.66),rgba(199,164,91,.18) 48%,rgba(255,255,255,0) 74%); }
.reference-service-card { color:#fff; background:#1a1611; box-shadow:0 26px 58px rgba(52,37,18,.12); transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y,0px)); }
.reference-service-card.is-focus { --base-y:-12px; transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y)); }
.reference-service-card:hover { --base-y:-18px; transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y)) scale(1.012); box-shadow:0 34px 70px rgba(52,37,18,.22); }
.reference-service-card::before { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(255,235,194,.21),transparent 35%); opacity:0; transition:opacity .3s ease; }
.reference-service-card:hover::before { opacity:1; }
.reference-service-card img { filter:saturate(.45) sepia(.35); }
.reference-service-card::after { background:linear-gradient(0deg,rgba(19,14,9,.92),rgba(68,47,22,.12)); }
.reference-service-card span { color:#ead8b3; }
.reference-service-card b { color:#e2bd72; }

.offers-section::before { background:radial-gradient(circle at 50% 38%,rgba(219,190,135,.4),rgba(199,164,91,.14) 48%,transparent 72%); }
.offer-card { transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .42s cubic-bezier(.2,.8,.2,1); }
.offer-card::before { background:#17130e; }
.offer-card img { filter:saturate(.45) sepia(.36); }
.offer-shade { background:linear-gradient(0deg,rgba(18,13,8,.82),transparent 65%); }
.offer-copy { color:#211a12; background:rgba(255,252,246,.97); box-shadow:0 18px 40px rgba(49,34,16,.13); }
.offer-copy > span { color:#8c6429; }
.offer-copy b { color:#a87b38; }
.offer-copy button,.offer-copy > div > a { padding:8px 13px; border:0; border-radius:17px; color:#fff; background:#17130e; font-size:9px; }

.team-section::before { background:linear-gradient(180deg,rgba(226,204,166,.3),rgba(255,255,255,0)); }
.team-card { --base-y:0px; color:#fff; background:linear-gradient(180deg,#2a2116 0%,#100d09 100%); box-shadow:0 24px 50px rgba(42,30,15,.14); transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y)); }
.team-card:nth-child(2n) { --base-y:28px; transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y)); }
.team-card:hover { --base-y:-10px; transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--base-y)); }
.team-card:nth-child(2n):hover { --base-y:16px; }
.person-placeholder,.person-placeholder.warm { background:linear-gradient(155deg,rgba(231,213,181,.72),rgba(123,91,43,.23)); }
.team-card > small { color:#dfbd79; }

.home-articles article { color:#211a12; background:rgba(255,253,248,.88); border-color:rgba(156,116,56,.14); box-shadow:0 18px 45px rgba(54,39,19,.08); transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .4s ease; }
.home-articles .article-feature img { filter:saturate(.42) sepia(.3); }
.home-articles .article-feature::after { background:linear-gradient(0deg,rgba(22,16,9,.92),transparent 68%); }
.home-articles article > span,.home-articles article a { color:#9c7131; }
.home-articles .article-feature a,.home-articles .article-feature > span { color:#e7c47e; }

.hero-cta,.magnetic-button,.clarity-actions > button,.clarity-actions > a { transform:translate(var(--move-x,0px),var(--move-y,0px)); will-change:transform; }
.clarity-actions > button,.clarity-actions > a:not(.clarity-login) { overflow:hidden; }
.clarity-actions > button::after,.clarity-actions > a:not(.clarity-login)::after { content:''; position:absolute; inset:-2px; border-radius:50%; border:1px solid rgba(224,190,121,.65); transform:scale(.72); opacity:0; transition:.3s ease; }
.clarity-actions > button:hover::after,.clarity-actions > a:not(.clarity-login):hover::after { transform:scale(1); opacity:1; }
.clarity-actions > button:hover,.clarity-actions > a:not(.clarity-login):hover { color:#e7c77f; background:rgba(199,164,91,.12); }
.hero-cta { overflow:hidden; position:relative; }
.hero-cta::before,.magnetic-button::before { content:''; position:absolute; width:120px; height:120px; left:-135px; top:50%; transform:translateY(-50%) rotate(25deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); transition:left .6s ease; }
.hero-cta:hover::before,.magnetic-button:hover::before { left:calc(100% + 20px); }
.hero-cta span,.magnetic-button i { transition:transform .25s ease; }
.hero-cta:hover span,.magnetic-button:hover i { transform:translateX(-5px); }

/* Google review slider */
.testimonials-section { min-height:690px; padding:90px clamp(24px,8vw,125px) 105px; display:block; color:#211a12; background:linear-gradient(145deg,#fffdf8,#efe3d1); }
.testimonials-section .reference-heading { margin-bottom:46px; }
.testimonials-section .reference-heading > p:last-child { max-width:560px; margin:13px auto 0; color:#796b59; font-size:12px; }
.reviews-layout { max-width:1080px; margin:auto; display:grid; grid-template-columns:280px 1fr; align-items:center; gap:70px; }
.testimonial-score { width:280px; aspect-ratio:1; border-color:rgba(169,126,61,.28); background:radial-gradient(circle,rgba(223,196,145,.34),rgba(255,255,255,.5) 67%); box-shadow:0 22px 55px rgba(59,42,20,.08); }
.testimonial-score b { color:#a57834; }
.testimonial-score small { color:#796b59; font-size:9px; }
.review-stage { position:relative; min-height:330px; padding-bottom:70px; }
.review-slide { position:absolute; inset:0 0 70px; padding:38px 42px; border:1px solid rgba(157,117,57,.15); border-radius:32px; color:#211a12; background:rgba(255,255,255,.82); box-shadow:0 22px 55px rgba(59,42,20,.09); opacity:0; visibility:hidden; transform:translateX(-35px) scale(.98); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .55s; }
.review-slide.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); }
.review-quote { position:absolute; left:32px; top:12px; color:rgba(199,164,91,.28); font:100px/1 Georgia,serif; }
.review-slide blockquote { margin:20px 0 34px; color:#2d2419; font-size:clamp(20px,2.2vw,31px); line-height:1.8; }
.review-slide footer { padding-top:18px; border-top:1px solid rgba(118,87,42,.13); display:flex; justify-content:space-between; align-items:center; }
.review-slide footer div { display:flex; flex-direction:column; gap:4px; }
.review-slide footer b { font-size:12px; }
.review-slide footer small { color:#a77832; font-size:9px; letter-spacing:.05em; }
.review-slide footer a { color:#8b6730; font-size:9px; }
.review-controls { position:absolute; right:0; left:0; bottom:0; height:44px; display:flex; align-items:center; gap:15px; }
.review-controls > button { width:40px; height:40px; border:1px solid rgba(98,71,31,.2); border-radius:50%; color:#211a12; background:#fff; transition:.25s ease; }
.review-controls > button:hover { color:#fff; background:#17130e; transform:scale(1.08); }
.review-dots { display:flex; gap:7px; }
.review-dots button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#d6c3a2; transition:.25s ease; }
.review-dots button.is-active { width:22px; border-radius:5px; background:#a77935; }
.review-progress { height:2px; flex:1; overflow:hidden; background:rgba(116,83,36,.12); }
.review-progress i { display:block; width:100%; height:100%; transform-origin:right; background:#b08443; animation:reviewProgress 5s linear forwards; }
@keyframes reviewProgress { from{transform:scaleX(0)} to{transform:scaleX(1)} }

/* Reference-like appointment form with Velour styling */
.booking-section { min-height:820px; padding:90px 24px 110px; display:block; color:#211a12; background:radial-gradient(circle at 50% 40%,rgba(215,182,122,.28),transparent 46%),linear-gradient(145deg,#fffdf8,#eee2d2); border-radius:88px 88px 0 0; }
.booking-section .reference-heading { margin-bottom:35px; }
.booking-section .reference-heading h2 { color:#211a12; }
.booking-section .reference-heading > p:last-child { max-width:520px; margin:14px auto 0; color:#746654; font-size:12px; }
.booking-form { position:relative; z-index:2; width:min(510px,100%); margin:auto; padding:34px; border:1px solid rgba(156,116,57,.13); border-radius:28px; background:rgba(255,253,249,.94); box-shadow:0 28px 70px rgba(58,42,21,.12); backdrop-filter:blur(14px); }
.booking-form label { display:flex; flex-direction:column; gap:7px; margin-bottom:17px; color:#4f4437; font-size:10px; font-weight:700; }
.booking-form input,.booking-form select { width:100%; height:48px; padding:0 15px; border:1px solid #e0d5c4; border-radius:14px; outline:0; color:#30271d; background:#fff; font:11px Cairo,Tajawal,sans-serif; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.booking-form input:focus,.booking-form select:focus { border-color:#b68b48; box-shadow:0 0 0 4px rgba(199,164,91,.12); transform:translateY(-1px); }
.booking-form button { position:relative; width:100%; height:52px; margin-top:4px; border:0; border-radius:26px; display:flex; align-items:center; justify-content:center; gap:13px; overflow:hidden; color:#fff; background:#17130e; font:700 12px Cairo,Tajawal,sans-serif; box-shadow:0 14px 28px rgba(31,22,12,.18); cursor:pointer; transition:background .25s ease; }
.booking-form button.is-confirmed { background:#8f6a34; }
.button-gem { width:28px; height:28px; border:1px solid rgba(229,198,132,.6); border-radius:50% 50% 50% 8px; display:grid; place-items:center; color:#e2c47f; font:11px Georgia,serif; }

.location-section { display:none; }
.brand-footer { position:relative; min-height:560px; padding:82px clamp(24px,7vw,105px) 34px; grid-template-columns:1.4fr .65fr .65fr .9fr; gap:55px; overflow:hidden; color:#fff; background:linear-gradient(180deg,#17130e 0%,#21180d 55%,#b18a4d 100%); border-radius:75px 75px 0 0; }
.brand-footer::before { content:''; position:absolute; width:560px; height:560px; right:-170px; top:-240px; border:1px solid rgba(230,198,132,.13); border-radius:50%; box-shadow:0 0 0 75px rgba(230,198,132,.025),0 0 0 145px rgba(230,198,132,.018); }
.brand-footer > div:not(.footer-wordmark) { position:relative; z-index:2; }
.brand-footer .footer-brand { align-items:flex-start; }
.brand-footer .footer-brand > .clarity-brand-mark { margin-bottom:18px; }
.brand-footer .footer-brand strong { color:#ecd49d; font:600 36px Georgia,serif; }
.brand-footer .footer-brand p { max-width:420px; color:rgba(255,255,255,.63); font-size:11px; line-height:2; }
.brand-footer .footer-brand nav { display:flex; gap:9px; margin-top:13px; }
.brand-footer .footer-brand nav a { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#17130e; background:#fff; font-size:15px; transition:.25s ease; }
.brand-footer .footer-brand nav a:hover { color:#fff; background:#a77b37; transform:translateY(-4px); }
.brand-footer > div:not(.footer-brand):not(.footer-wordmark) { display:flex; flex-direction:column; gap:10px; }
.brand-footer b { margin-bottom:8px; color:#e7c985; font-size:12px; }
.brand-footer a,.brand-footer span { color:rgba(255,255,255,.68); font-size:10px; line-height:1.7; }
.brand-footer a:hover { color:#fff; }
.footer-wordmark { position:absolute; z-index:0; left:0; right:0; bottom:6px; overflow:hidden; white-space:nowrap; color:rgba(255,255,255,.13); font:700 clamp(70px,11.2vw,180px)/.78 Cairo,sans-serif; letter-spacing:.02em; text-align:center; }
.brand-footer > p { position:relative; z-index:2; grid-column:1/-1; margin-top:100px; border-color:rgba(255,255,255,.13); color:rgba(255,255,255,.5); }

@media (max-width:900px) {
  .reviews-layout { grid-template-columns:1fr; gap:42px; }
  .testimonial-score { justify-self:center; }
  .review-stage { min-height:400px; }
  .brand-footer { grid-template-columns:1fr 1fr; }
}
@media (max-width:620px) {
  .clarity-nav > a,.nav-menu > a { font-size:11px; }
  .review-slide { padding:28px 24px; }
  .review-slide blockquote { font-size:18px; }
  .review-slide footer { align-items:flex-start; flex-direction:column; gap:10px; }
  .booking-form { padding:25px 19px; }
  .brand-footer { grid-template-columns:1fr; border-radius:45px 45px 0 0; }
  .brand-footer > p { margin-top:70px; }
}

/* Gold system for inner pages, services, offer carousels and device catalog */
.inner-body { color:#211a12; background:linear-gradient(120deg,#fffdf8,#f3eadf 55%,#fff); }
.inner-hero { color:#211a12; background:linear-gradient(180deg,#fffdf8,#f1e6d7 68%,#dfc79e); }
.inner-hero::before { background:linear-gradient(155deg,rgba(199,164,91,.52),rgba(255,252,245,.38)); clip-path:polygon(50% 0,78% 18%,92% 52%,69% 100%,50% 74%,31% 100%,8% 52%,22% 18%); }
.inner-hero::after { border-color:rgba(151,110,48,.1); box-shadow:0 0 0 80px rgba(151,110,48,.025),0 0 0 160px rgba(151,110,48,.018); }
.inner-hero h1 { color:#211a12; }
.inner-hero .eyebrow { color:#765522; background:rgba(199,164,91,.17); }
.inner-hero > p:not(.eyebrow) { color:#716352; font-size:13px; }
.inner-footer { color:#fff; background:#17130e; }
.inner-footer strong { color:#e4c77f; }

.service-page-gallery { max-width:1180px; margin:auto; padding:90px 24px 120px; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.service-page-card { min-height:365px; display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(151,110,48,.14); border-radius:30px; overflow:hidden; color:#211a12; background:rgba(255,253,248,.9); box-shadow:0 20px 48px rgba(58,42,21,.08); transition:transform .4s ease,box-shadow .4s ease; }
.service-page-card:hover { transform:translateY(-9px); box-shadow:0 28px 60px rgba(58,42,21,.15); }
.service-page-card figure { position:relative; min-height:365px; margin:0; overflow:hidden; background:#c9aa70; }
.service-page-card figure::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(21,15,9,.44),transparent 60%); }
.service-page-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.5) sepia(.3); transition:transform .55s ease; }
.service-page-card:hover img { transform:scale(1.055); }
.service-page-card figure span { position:absolute; z-index:2; left:20px; bottom:18px; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#edcf91; background:rgba(23,18,12,.82); font:11px Georgia,serif; }
.service-page-card > div { padding:34px; display:flex; flex-direction:column; justify-content:flex-end; }
.service-page-card small { color:#9a7032; font-size:9px; }
.service-page-card h2 { margin:8px 0 13px; font-size:28px; line-height:1.4; }
.service-page-card p { color:#716556; font-size:11px; line-height:1.9; }
.service-page-card b { margin-top:auto; color:#9b6f2d; font-size:10px; }

.offers-browser { max-width:1260px; margin:auto; padding:70px 24px 120px; }
.offer-filter { margin-bottom:42px; display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }
.offer-filter button { min-height:42px; padding:0 19px; border:1px solid rgba(133,95,40,.2); border-radius:22px; color:#5b4b37; background:rgba(255,253,249,.72); font:700 10px Cairo,sans-serif; cursor:pointer; transition:.25s ease; }
.offer-filter button:hover,.offer-filter button.is-active { color:#fff; border-color:#17130e; background:#17130e; transform:translateY(-2px); }
.offer-carousel-shell { position:relative; padding:0 55px; }
.offer-carousel-track { display:flex; gap:20px; overflow-x:auto; padding:6px 4px 30px; scroll-snap-type:x mandatory; scrollbar-width:none; }
.offer-carousel-track::-webkit-scrollbar { display:none; }
.offer-carousel-track article { min-width:calc((100% - 40px)/3); padding:0 24px 27px; border:1px solid rgba(145,104,45,.13); border-radius:28px; overflow:hidden; scroll-snap-align:start; color:#211a12; background:rgba(255,253,248,.92); box-shadow:0 18px 45px rgba(52,37,18,.08); transition:transform .35s ease; }
.offer-carousel-track article:hover { transform:translateY(-7px); }
.offer-carousel-track article[hidden] { display:none; }
.offer-carousel-track figure { position:relative; height:300px; margin:0 -24px 22px; overflow:hidden; background:#c7a45b; }
.offer-carousel-track figure::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(24,17,10,.58),transparent 62%); }
.offer-carousel-track img { width:100%; height:100%; object-fit:cover; filter:saturate(.45) sepia(.34); transition:transform .5s ease; }
.offer-carousel-track article:hover img { transform:scale(1.045); }
.offer-carousel-track figure span { position:absolute; z-index:2; left:18px; bottom:15px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:#edd094; background:rgba(20,15,10,.85); font:10px Georgia,serif; }
.offer-carousel-track small { color:#9a6e2d; font-size:8px; }
.offer-carousel-track h2 { min-height:62px; margin:7px 0 16px; font-size:19px; line-height:1.65; }
.offer-carousel-track article > div { padding-top:14px; border-top:1px solid rgba(113,80,35,.13); display:flex; justify-content:space-between; align-items:center; }
.offer-carousel-track article b { color:#98702f; font-size:17px; }
.offer-carousel-track article a { padding:8px 12px; border-radius:17px; color:#fff; background:#17130e; font-size:9px; }
.carousel-arrow { position:absolute; z-index:3; top:48%; width:43px; height:43px; border:1px solid rgba(120,85,35,.18); border-radius:50%; color:#211a12; background:#fff; box-shadow:0 12px 28px rgba(48,34,17,.11); transition:.25s ease; }
.carousel-arrow:hover { color:#fff; background:#17130e; transform:scale(1.08); }
.carousel-arrow.prev { right:0; }.carousel-arrow.next { left:0; }

.offer-detail-page { background:linear-gradient(120deg,#fffdf8,#f3eadf); }
.offer-detail-overview { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; color:#fff; background:linear-gradient(135deg,#2a2116,#100d09); border-radius:0 0 72px 72px; overflow:hidden; }
.offer-detail-overview figure { position:relative; margin:0; overflow:hidden; }
.offer-detail-overview figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.45) sepia(.32); opacity:.82; }
.offer-detail-overview figure::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,14,8,.5),transparent 55%); }
.offer-detail-overview figure span { position:absolute; z-index:2; right:24px; bottom:22px; padding:8px 12px; border-radius:18px; color:#efd294; background:rgba(19,14,9,.72); font-size:9px; }
.offer-detail-overview > div { padding:85px clamp(35px,6vw,90px); display:flex; flex-direction:column; justify-content:center; }
.offer-detail-overview > div > small { color:#e3c27d; }
.offer-detail-overview h2 { margin:10px 0 20px; font-size:48px; line-height:1.4; }
.offer-detail-overview > div > p { color:rgba(255,255,255,.66); font-size:12px; line-height:2; }
.offer-detail-overview dl div { padding:14px 0; border-bottom:1px solid rgba(255,255,255,.14); display:grid; grid-template-columns:125px 1fr; }
.offer-detail-overview dt { color:#d2ad69; font-size:9px; }.offer-detail-overview dd { margin:0; font-size:11px; }.offer-detail-overview dd b { color:#f0d293; font-size:26px; }
.offer-detail-overview button { width:max-content; margin-top:27px; padding:13px 21px; border:0; border-radius:22px; color:#17130e; background:#fff; }
.offer-terms { padding:95px clamp(24px,8vw,120px) 115px; display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; }
.offer-terms small { color:#956a2c; }.offer-terms h2 { margin:8px 0 0; font-size:45px; }.offer-terms > div { border-top:1px solid #d9cbb6; }.offer-terms p { margin:0; padding:20px 0; border-bottom:1px solid #d9cbb6; color:#5d5244; }.offer-terms p b { margin-left:20px; color:#a67834; }

.device-catalog label { border-color:rgba(145,104,45,.16); background:#fff; }
.device-catalog label span,.device-catalog > header b,.device-card-grid small,.device-card-grid a { color:#9a6e2d; }
.device-card-grid article { color:#211a12; background:rgba(255,253,248,.9); box-shadow:0 18px 44px rgba(52,37,18,.08); }
.device-card-grid article > div { background:#cfb27d; }
.device-card-grid img { filter:saturate(.45) sepia(.34); }
.device-card-grid article > div span { color:#efd293; background:rgba(20,15,10,.82); }
.results-catalog > nav button { border-color:rgba(145,104,45,.2); color:#211a12; }
.results-catalog > nav button.active { border-color:#17130e; background:#17130e; }
.results-grid article { background:rgba(255,253,248,.9); box-shadow:0 18px 44px rgba(52,37,18,.07); }
.result-placeholder { background:radial-gradient(circle at 45% 35%,#f1e3cf,#b99b6b); }.result-placeholder.after { background:radial-gradient(circle at 45% 35%,#fff3df,#d2af70); }
.results-grid small,.results-grid a { color:#956a2c; }
.page-team-grid article { color:#fff; background:linear-gradient(180deg,#2a2116,#100d09); }
.page-team-grid small { color:#e4c27a; }.page-team-grid button { color:#f0dfbd; }
.blog-grid article { color:#211a12; background:rgba(255,253,248,.9); box-shadow:0 18px 44px rgba(52,37,18,.07); }
.blog-feature img { filter:saturate(.45) sepia(.32); }.blog-feature::after { background:linear-gradient(0deg,rgba(20,14,8,.94),transparent 68%); }
.blog-grid small,.blog-grid a { color:#956a2c; }.blog-feature small,.blog-feature a { color:#e7c783; }
.about-page { color:#211a12; background:rgba(255,253,248,.91); box-shadow:0 24px 60px rgba(52,37,18,.1); }.about-page > div img { filter:saturate(.45) sepia(.3); }.about-page article > small,.about-page .stats b { color:#966a2b; }.about-page article > p { color:#716352; }
.auth-card,.empty-cart,.cart-layout aside { border-color:rgba(145,104,45,.13); background:rgba(255,253,248,.94); box-shadow:0 22px 55px rgba(52,37,18,.1); }.auth-card > button { background:#17130e; }.auth-card a,.empty-cart a { color:#956a2c; }
.device-detail-page { background:linear-gradient(120deg,#fffdf8,#f3eadf); }.device-overview { background:linear-gradient(135deg,#2a2116,#100d09); }.device-overview figure img { filter:saturate(.45) sepia(.32); }.device-overview > div > small,.device-overview dt,.device-actions a,.device-overview dd b { color:#e7c783; }.device-actions button { color:#17130e; background:#fff; }.device-benefits small,.device-results small,.related-offers small,.device-benefits > div span { color:#956a2c; }.device-results { background:linear-gradient(145deg,#efe0c8,#d3b171); }.related-offers article { background:#17130e; }.related-offers article span,.related-offers article b { color:#e7c783; }

.dashboard-body { background:#f7f2ea; color:#33291e; }.dash-sidebar { background:linear-gradient(180deg,#1c1711,#0c0906); }.dash-logo > b { border-color:#c7a45b; color:#e5c77d; }.dash-logo small { color:#c8a65e; }.dash-sidebar nav a.selected { border-color:#c7a45b; background:linear-gradient(90deg,rgba(199,164,91,.22),rgba(255,255,255,.04)); }.sidebar-user > span,.dash-actions > button,.device-admin-panel > header > div:last-child > button,.add-section { background:#9d7333; }.dash-panel,.metric-grid article { border-color:#e8ddcc; box-shadow:0 12px 35px rgba(52,37,18,.045); }.metric-icon { color:#956a2c; background:#f3eadb; }.dash-panel header button,.dash-actions a { color:#8f652a; }

@media (max-width:940px) {
  .service-page-gallery { grid-template-columns:1fr; max-width:680px; }
  .offer-carousel-track article { min-width:calc((100% - 20px)/2); }
  .offer-detail-overview { grid-template-columns:1fr; }
  .offer-detail-overview figure { min-height:500px; }
  .offer-terms { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:650px) {
  .service-page-card { grid-template-columns:1fr; }.service-page-card figure { min-height:280px; }
  .offer-carousel-shell { padding:0 39px; }.offer-carousel-track article { min-width:100%; }.carousel-arrow { width:36px;height:36px; }
  .offer-detail-overview figure { min-height:390px; }.offer-detail-overview > div { padding:60px 23px; }.offer-detail-overview h2 { font-size:36px; }.offer-terms { padding:70px 22px; }.offer-terms h2 { font-size:36px; }
}

/* Final requested refinements: dependable icons, branded facial scan and paged offer grid */
.clarity-actions .cart-action { color:#fff; font-size:15px; }
.cart-glyph { position:relative; display:block; width:19px; height:18px; transform:translateY(1px); }
.cart-glyph::before { content:''; position:absolute; left:4px; top:5px; width:11px; height:8px; border:1.7px solid currentColor; border-top:0; border-radius:2px 2px 4px 4px; transform:skew(-6deg); }
.cart-glyph::after { content:''; position:absolute; left:2px; top:2px; width:5px; height:5px; border-top:1.7px solid currentColor; border-left:1.7px solid currentColor; border-radius:2px 0 0 0; }
.cart-glyph i { position:absolute; bottom:0; width:3px; height:3px; border-radius:50%; background:currentColor; }
.cart-glyph i:first-child { left:5px; }.cart-glyph i:last-child { right:3px; }
.clarity-actions .cart-action:hover .cart-glyph { animation:cartNudge .45s ease; }
@keyframes cartNudge { 0%,100%{transform:translate(0,1px)} 45%{transform:translate(-2px,-1px) rotate(-5deg)} }

.velour-face-scan { position:absolute; z-index:1; left:50%; top:41%; width:clamp(170px,20vw,278px); height:clamp(240px,31vw,390px); transform:translate(-50%,-50%); pointer-events:none; border-radius:48% 48% 44% 44%; opacity:.82; }
.scan-frame { position:absolute; inset:2%; border:1px solid rgba(185,137,60,.28); border-right-color:transparent; border-left-color:transparent; border-radius:48%; box-shadow:0 -12px 30px rgba(244,221,170,.08),0 12px 30px rgba(118,77,24,.08); animation:faceFramePulse 3.6s ease-in-out infinite; }
.scan-frame::before,.scan-frame::after { content:''; position:absolute; top:48%; width:22px; height:44px; border-top:1px solid rgba(167,118,46,.52); border-bottom:1px solid rgba(167,118,46,.52); }
.scan-frame::before { right:-13px; border-right:1px solid rgba(167,118,46,.52); border-radius:0 18px 18px 0; }
.scan-frame::after { left:-13px; border-left:1px solid rgba(167,118,46,.52); border-radius:18px 0 0 18px; }
.scan-line { position:absolute; z-index:2; left:12%; right:12%; top:18%; height:1px; background:linear-gradient(90deg,transparent,rgba(182,128,50,.72),rgba(255,242,208,.92),rgba(182,128,50,.72),transparent); box-shadow:0 0 14px rgba(196,145,67,.48); animation:faceScanLine 4.8s cubic-bezier(.45,0,.55,1) infinite; }
.scan-point { position:absolute; z-index:3; width:7px; height:7px; border:1px solid rgba(255,241,205,.9); border-radius:50%; background:rgba(167,113,38,.8); box-shadow:0 0 0 5px rgba(186,134,56,.1),0 0 14px rgba(177,123,45,.55); animation:scanPoint 2.4s ease-in-out infinite; }
.scan-point.point-one { right:23%; top:38%; }.scan-point.point-two { left:23%; top:38%; animation-delay:.4s; }.scan-point.point-three { right:29%; top:61%; animation-delay:.8s; }.scan-point.point-four { left:29%; top:61%; animation-delay:1.2s; }
.velour-face-scan > b { position:absolute; left:50%; top:5%; width:25px; height:25px; transform:translateX(-50%) rotate(45deg); border:1px solid rgba(192,142,65,.55); display:grid; place-items:center; color:#8b632a; background:rgba(255,250,238,.62); font:10px Georgia,serif; box-shadow:0 8px 20px rgba(89,57,19,.1); }
.velour-face-scan > b::first-letter { transform:rotate(-45deg); }
.treatment-tag { position:absolute; z-index:4; min-width:68px; height:29px; padding:0 12px; border:1px solid rgba(177,126,51,.32); border-radius:18px; display:flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; color:#5d431e; background:rgba(255,251,241,.72); box-shadow:0 10px 26px rgba(88,56,17,.1); backdrop-filter:blur(7px); font:700 8px Cairo,Tajawal,sans-serif; }
.treatment-tag > i { flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:#bd8b3e; box-shadow:0 0 0 4px rgba(189,139,62,.13),0 0 10px rgba(189,139,62,.5); }
.treatment-tag::after { content:''; position:absolute; top:50%; width:34px; height:1px; background:linear-gradient(90deg,transparent,rgba(164,110,38,.44)); }
.tag-filler { right:-31%; top:23%; animation:treatmentFloatRight 4.2s ease-in-out infinite; }
.tag-filler::after,.tag-glow::after { right:100%; transform:rotate(-9deg); transform-origin:right; }
.tag-botox { left:-33%; top:31%; animation:treatmentFloatLeft 4.2s .45s ease-in-out infinite; }
.tag-botox::after,.tag-collagen::after { left:100%; transform:rotate(9deg) scaleX(-1); transform-origin:left; }
.tag-glow { right:-39%; top:63%; animation:treatmentFloatRight 4.2s .9s ease-in-out infinite reverse; }
.tag-collagen { left:-56%; top:70%; animation:treatmentFloatLeft 4.2s 1.35s ease-in-out infinite reverse; }
@keyframes faceScanLine { 0%,10%{top:18%;opacity:0} 18%{opacity:1} 78%{opacity:1} 90%,100%{top:82%;opacity:0} }
@keyframes faceFramePulse { 0%,100%{opacity:.38;transform:scale(.985)} 50%{opacity:1;transform:scale(1.015)} }
@keyframes scanPoint { 0%,100%{transform:scale(.72);opacity:.46} 50%{transform:scale(1);opacity:1} }
@keyframes treatmentFloatRight { 0%,100%{transform:translate(0,0)} 50%{transform:translate(8px,-7px)} }
@keyframes treatmentFloatLeft { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-8px,7px)} }

.whatsapp-float { position:fixed; z-index:40; right:22px; left:auto; bottom:22px; width:54px; height:54px; color:#f4dfae; font-size:25px; background:#17130e; }
.whatsapp-float::after { content:''; position:absolute; inset:-5px; border:1px solid rgba(205,165,88,.38); border-radius:50%; animation:whatsappHalo 2.8s ease-out infinite; }
@keyframes whatsappHalo { 0%{opacity:.8;transform:scale(.82)} 70%,100%{opacity:0;transform:scale(1.22)} }

.brand-footer .footer-brand nav a i { font-size:15px; }
.brand-footer .footer-contact { gap:12px !important; }
.brand-footer .footer-contact .footer-contact-item { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; }
.brand-footer .footer-contact .footer-contact-item > i { flex:0 0 28px; width:28px; height:28px; border:1px solid rgba(231,201,133,.24); border-radius:50%; display:grid; place-items:center; color:#e7c985; font-size:10px; }
.brand-footer .footer-contact .footer-contact-item > span { color:rgba(255,255,255,.7); }

.offer-list-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.offer-list-grid article { min-width:0; padding:0 24px 27px; border:1px solid rgba(145,104,45,.13); border-radius:28px; overflow:hidden; color:#211a12; background:rgba(255,253,248,.92); box-shadow:0 18px 45px rgba(52,37,18,.08); animation:offerReveal .42s cubic-bezier(.22,.8,.28,1) both; transition:transform .35s ease,box-shadow .35s ease; }
.offer-list-grid article:hover { transform:translateY(-7px); box-shadow:0 27px 58px rgba(52,37,18,.14); }
.offer-list-grid article[hidden] { display:none; }
.offer-list-grid figure { position:relative; height:300px; margin:0 -24px 22px; overflow:hidden; background:#c7a45b; }
.offer-list-grid figure::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(24,17,10,.62),transparent 62%); }
.offer-list-grid img { width:100%; height:100%; object-fit:cover; filter:saturate(.45) sepia(.34); transition:transform .5s ease; }
.offer-list-grid article:hover img { transform:scale(1.045); }
.offer-list-grid figure > span { position:absolute; z-index:2; left:18px; bottom:15px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:#edd094; background:rgba(20,15,10,.85); font:10px Georgia,serif; }
.offer-list-grid figure > small { position:absolute; z-index:2; right:18px; bottom:18px; padding:7px 10px; border:1px solid rgba(238,211,155,.26); border-radius:18px; color:#f0d79e; background:rgba(20,15,10,.68); font-size:8px; }
.offer-list-grid article > p { margin:0; color:#9a6e2d; font-size:8px; }
.offer-list-grid h2 { min-height:62px; margin:7px 0 16px; font-size:19px; line-height:1.65; }
.offer-list-grid article > div { padding-top:14px; border-top:1px solid rgba(113,80,35,.13); display:flex; justify-content:space-between; align-items:center; gap:12px; }
.offer-list-grid article b { color:#98702f; font-size:17px; white-space:nowrap; }
.offer-list-grid article a,.offer-list-grid article > div > button { padding:8px 12px; border:0; border-radius:17px; color:#fff; background:#17130e; font:700 9px Cairo,sans-serif; white-space:nowrap; }
.offers-more { padding-top:42px; display:flex; flex-direction:column; align-items:center; gap:11px; }
.offers-more button { min-width:180px; height:50px; padding:0 18px; border:0; border-radius:26px; display:flex; align-items:center; justify-content:center; gap:18px; color:#fff; background:#17130e; font:700 11px Cairo,sans-serif; cursor:pointer; box-shadow:0 14px 30px rgba(41,28,14,.16); transition:transform .25s ease,box-shadow .25s ease; }
.offers-more button:hover { transform:translateY(-3px); box-shadow:0 20px 38px rgba(41,28,14,.23); }
.offers-more button i { width:25px; height:25px; border:1px solid rgba(228,199,127,.48); border-radius:50%; display:grid; place-items:center; color:#e4c77f; font:400 17px/1 Arial,sans-serif; }
.offers-more button[hidden] { display:none; }
.offers-more p { margin:0; color:#8b7a66; font-size:9px; }
@keyframes offerReveal { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

@media (max-width:940px) {
  .offer-list-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .velour-face-scan { width:25vw; height:38vw; }
}
@media (max-width:650px) {
  .clarity-actions > a.cart-action { display:grid; }
  .velour-face-scan { top:40%; width:44vw; height:61vw; opacity:.64; }
  .treatment-tag { min-width:56px; height:25px; padding:0 8px; gap:5px; font-size:7px; }
  .treatment-tag::after { width:18px; }
  .tag-filler { right:-24%; }.tag-botox { left:-25%; }.tag-glow { right:-29%; }.tag-collagen { left:-47%; }
  .whatsapp-float { display:grid; right:16px; bottom:16px; width:50px; height:50px; }
  .offer-list-grid { grid-template-columns:1fr; }
  .offer-list-grid figure { height:285px; }
}
@media (prefers-reduced-motion:reduce) {
  .scan-frame,.scan-line,.scan-point,.treatment-tag,.whatsapp-float::after,.clarity-actions .cart-action:hover .cart-glyph,.offer-list-grid article { animation:none !important; }
}

/* Clarity-inspired responsive composition, preserving the Velour desktop design */
@media (max-width:860px) {
  .clarity-header,.clarity-header.is-compact {
    top:0;
    right:0;
    left:0;
    min-height:82px;
    padding:12px 15px;
    display:block;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,rgba(23,19,14,.99),rgba(23,19,14,.9) 72%,rgba(23,19,14,0));
    box-shadow:none;
    backdrop-filter:none;
  }
  .clarity-brand {
    position:absolute;
    top:12px;
    left:50%;
    width:auto;
    transform:translateX(-50%);
  }
  .clarity-brand-copy { display:none; }
  .clarity-brand-mark { width:46px; height:46px; font-size:15px; }
  .clarity-actions {
    position:absolute;
    top:16px;
    left:14px;
    width:max-content;
    min-height:46px;
    display:flex;
    direction:ltr;
    gap:6px;
  }
  .clarity-actions > button:not(.clarity-menu),
  .clarity-actions > a.cart-action { display:grid; width:38px; height:38px; }
  .clarity-actions .clarity-login { display:none; }
  .clarity-menu {
    position:fixed !important;
    top:16px;
    right:14px;
    width:42px !important;
    height:42px !important;
    display:grid !important;
    font-size:18px;
    background:transparent !important;
  }
  .clarity-header.menu-open .clarity-nav {
    top:78px;
    padding:14px;
    border:1px solid rgba(228,199,127,.14);
    background:rgba(23,19,14,.985);
    box-shadow:0 22px 48px rgba(28,20,11,.24);
  }
  .clarity-header.menu-open .clarity-nav > a,
  .clarity-header.menu-open .nav-menu > a { justify-content:center; color:rgba(255,255,255,.86); }
  .clarity-header.menu-open .clarity-nav > a.is-active { color:#17130e; }
  .clarity-hero {
    min-height:720px;
    height:100svh;
    max-height:900px;
    border-radius:0 0 50px 50px;
    background:linear-gradient(180deg,#17130e 0%,#4b3822 39%,#d1ae68 100%);
  }
  .clarity-hero::after {
    z-index:-1;
    background:linear-gradient(180deg,rgba(23,19,14,.94) 0%,rgba(23,19,14,.58) 20%,rgba(23,19,14,.04) 48%,rgba(255,253,248,.04) 100%);
  }
  .clarity-hero-image { object-position:center 44%; }
  .clarity-hero-glow { top:58%; width:76vw; height:76vw; }
  .clarity-hero-copy { right:20px; left:20px; z-index:3; text-align:center; text-shadow:0 8px 28px rgba(0,0,0,.28); }
  .copy-right { top:135px; }
  .copy-left { top:205px; bottom:auto; }
  .clarity-hero-copy small { display:none; }
  .clarity-hero-copy h1,.clarity-hero-copy h2 { font-size:clamp(32px,6.2vw,47px); line-height:1.22; }
  .clarity-hero-copy h1 { color:#fff; }
  .clarity-hero-copy h2 { color:#e7c77f; }
  .clarity-hero-actions { bottom:34px; width:calc(100% - 44px); max-width:520px; }
  .hero-cta { height:50px; }
  .clarity-slide-rail { display:flex; right:9px; top:220px; bottom:118px; width:30px; }
  .clarity-slide-rail button { width:31px; height:39px; }
  .clarity-slide-rail button:first-child { order:0; }
  .clarity-slide-rail button:last-child { order:1; }
  .clarity-slide-rail span { order:2; }
  .clarity-slide-rail i { order:3; }
  .clarity-slide-rail em { order:4; }
  .velour-face-scan { top:56%; width:25vw; height:38vw; }
  .ambient-3d { inset:100px 19% 0; width:62% !important; }
}

@media (max-width:650px) {
  .clarity-header,.clarity-header.is-compact { min-height:76px; padding:11px 12px; }
  .clarity-brand { top:11px; }
  .clarity-brand-mark { width:43px; height:43px; font-size:14px; }
  .clarity-actions { top:13px; left:10px; gap:5px; }
  .clarity-actions > button:not(.clarity-menu),
  .clarity-actions > a.cart-action { width:36px; height:36px; }
  .clarity-menu { top:13px; right:10px; }
  .clarity-header.menu-open .clarity-nav { top:72px; grid-template-columns:1fr 1fr; }
  .clarity-hero { min-height:720px; height:100svh; border-radius:0 0 38px 38px; }
  .clarity-hero-image { object-position:center 46%; }
  .copy-right { top:125px; }
  .copy-left { top:184px; }
  .clarity-hero-copy h1,.clarity-hero-copy h2 { font-size:31px; }
  .clarity-hero-actions { bottom:24px; width:calc(100% - 38px); gap:7px; }
  .hero-cta { height:48px; padding-inline:10px; gap:10px; font-size:10px; }
  .clarity-slide-rail { right:7px; top:205px; bottom:105px; }
  .clarity-slide-rail span,.clarity-slide-rail em { color:rgba(255,255,255,.82); }
  .clarity-slide-rail i { background:rgba(255,255,255,.46); }
  .velour-face-scan { top:57%; width:44vw; height:61vw; opacity:.67; }
  .whatsapp-float { bottom:88px; }
  .reference-service-card,.offer-card { min-height:390px; }
  .team-card { min-height:390px; }
  .home-articles article { padding:25px; }
  .review-stage { min-height:430px; }
  .booking-section { min-height:auto; padding-top:75px; padding-bottom:85px; }
  .brand-footer { gap:34px; padding-top:64px; }
}

/* Mobile and tablet polish: full-bleed 3D, glass story panel, team carousel and compact footer */
.about-copy {
  padding:clamp(30px,4.5vw,54px) clamp(24px,5.5vw,66px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:38px;
  background:linear-gradient(135deg,rgba(255,253,248,.91),rgba(247,238,224,.8));
  box-shadow:0 28px 70px rgba(72,51,24,.14),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(22px) saturate(1.16);
  backdrop-filter:blur(22px) saturate(1.16);
}
.about-copy h2 { color:#17130e; text-shadow:0 1px 0 rgba(255,255,255,.8); }
.about-copy > p:not(.section-chip) { color:#43382c; }

.team-carousel { position:relative; z-index:2; max-width:1240px; margin:auto; padding:0 54px; }
.team-grid {
  max-width:none;
  display:flex;
  gap:16px;
  padding:10px 6px 45px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  align-items:stretch;
}
.team-grid::-webkit-scrollbar { display:none; }
.team-grid .team-card {
  position:relative;
  z-index:3;
  flex:0 0 calc((100% - 48px)/4);
  min-width:0;
  scroll-snap-align:center;
  --base-y:0px;
  isolation:isolate;
  background:linear-gradient(180deg,#2a2116 0%,#100d09 100%) !important;
}
.team-grid .team-card:nth-child(2n) { --base-y:0px; }
.team-grid .team-card::after {
  content:'';
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  left:0;
  height:122px;
  background:linear-gradient(180deg,rgba(16,13,9,.94),#100d09 36%);
}
.team-grid .team-card > small,.team-grid .team-card > h3,.team-grid .team-card > p { position:relative; z-index:2; }
.team-grid .team-card.is-current { box-shadow:0 28px 58px rgba(42,30,15,.22),0 0 0 1px rgba(218,183,112,.24); }
.team-arrow {
  position:absolute;
  z-index:4;
  top:46%;
  width:43px;
  height:43px;
  border:1px solid rgba(120,85,35,.18);
  border-radius:50%;
  color:#211a12;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 28px rgba(48,34,17,.12);
  cursor:pointer;
  transition:transform .25s ease,color .25s ease,background .25s ease;
}
.team-arrow:hover { color:#fff; background:#17130e; transform:scale(1.08); }
.team-arrow.prev { right:0; }
.team-arrow.next { left:0; }

@media (max-width:900px) {
  .ambient-3d {
    inset:88px 0 0;
    width:100% !important;
    height:calc(100vh - 88px) !important;
  }
  .ambient-3d.is-visible { opacity:.34; }
  .about-section { padding-top:72px; }
  .about-copy { max-width:700px; }
  .team-section { min-height:720px; }
  .team-grid { max-width:none; grid-template-columns:none; }
  .team-grid .team-card { flex-basis:calc((100% - 16px)/2); }
  .team-grid .team-card:nth-child(2n) { transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0); }
}

@media (max-width:860px) {
  .clarity-hero-image {
    top:82px;
    bottom:auto;
    height:calc(100% - 82px);
    object-position:center 48%;
  }
  .velour-face-scan { top:62%; }
}

@media (max-width:650px) {
  .clarity-hero-image {
    top:94px;
    bottom:auto;
    height:calc(100% - 94px);
    object-position:center 48%;
  }
  .velour-face-scan { top:63%; }
  .tag-filler { right:-12%; top:27%; }
  .tag-botox { left:-13%; top:38%; }
  .tag-glow { right:-16%; top:61%; }
  .tag-collagen { left:-27%; top:70%; }
  .ambient-3d {
    inset:76px 0 0;
    width:100% !important;
    height:calc(100vh - 76px) !important;
  }
  .ambient-3d.is-visible { opacity:.24; }
  .about-section { min-height:auto; padding:62px 17px 55px; }
  .about-copy { padding:30px 19px 32px; border-radius:27px; }
  .about-copy h2 { font-size:31px; }
  .about-copy > p:not(.section-chip) { font-size:11px; line-height:1.95; }
  .team-section { min-height:610px; padding-top:68px; padding-bottom:62px; }
  .team-section .reference-heading { margin-bottom:26px; }
  .team-carousel { width:calc(100% + 36px); margin-inline:-18px; padding:0 26px; }
  .team-grid { gap:12px; padding:8px 5px 30px; }
  .team-grid .team-card { flex:0 0 min(78vw,310px); min-height:420px; border-radius:92px 92px 24px 24px; }
  .team-grid .person-placeholder { aspect-ratio:.92; }
  .team-arrow { top:45%; width:37px; height:37px; }
  .team-arrow.prev { right:6px; }
  .team-arrow.next { left:6px; }
  .brand-footer {
    min-height:auto;
    padding:48px 18px 84px;
    grid-template-columns:1fr 1fr;
    column-gap:22px;
    row-gap:26px;
    border-radius:42px 42px 0 0;
  }
  .brand-footer .footer-brand {
    grid-column:1/-1;
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:14px;
    align-items:center;
  }
  .brand-footer .footer-brand > .clarity-brand-mark { grid-row:1/3; margin:0; }
  .brand-footer .footer-brand strong { font-size:27px; line-height:1.15; }
  .brand-footer .footer-brand p { display:none; }
  .brand-footer .footer-brand nav { grid-column:2; margin-top:9px; }
  .brand-footer .footer-brand nav a { width:34px; height:34px; }
  .brand-footer .footer-quick-links,.brand-footer .footer-about-links { min-width:0; gap:7px !important; }
  .brand-footer .footer-contact {
    grid-column:1/-1;
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px 14px !important;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .brand-footer .footer-contact > b { grid-column:1/-1; }
  .brand-footer .footer-contact .footer-contact-item { width:auto; align-items:flex-start; }
  .brand-footer .footer-contact .footer-contact-item > i { flex-basis:25px; width:25px; height:25px; }
  .brand-footer > p { margin:14px 0 0; padding-top:18px; }
  .footer-wordmark { bottom:9px; font-size:clamp(48px,16vw,72px); }
}

@media (prefers-reduced-motion:reduce) {
  .team-grid { scroll-behavior:auto; }
}

/* Shared commerce state, clearer header/contact icons, and device result carousel */
.clarity-actions > button > i,.clarity-actions > a.cart-action > i,.clarity-menu > i {
  display:block;
  font-size:14px;
  line-height:1;
  pointer-events:none;
}
.clarity-actions .cart-action { overflow:visible !important; isolation:isolate; }
.clarity-actions .cart-action > i { font-size:15px; }
.clarity-actions .cart-action sup {
  z-index:3;
  top:-5px;
  right:-4px;
  min-width:18px;
  width:auto;
  height:18px;
  padding:0 5px;
  border:2px solid #17130e;
  color:#17130e;
  background:#e4c477;
  font:700 8px/14px Cairo,sans-serif;
  box-shadow:0 4px 12px rgba(0,0,0,.24);
}
.clarity-actions .cart-action[data-cart-count="0"] sup { color:#e2c47f; background:#30271c; }
.clarity-actions .clarity-login { color:#17130e !important; }
.clarity-actions .cart-action.is-bumping > i { animation:cartAddBump .5s cubic-bezier(.2,.8,.2,1); }
.clarity-actions .cart-action.is-bumping sup { animation:cartCountBump .5s cubic-bezier(.2,.8,.2,1); }
@keyframes cartAddBump { 45%{transform:translateY(-4px) rotate(-8deg) scale(1.12)} }
@keyframes cartCountBump { 50%{transform:scale(1.35)} }

.brand-footer .footer-contact .footer-contact-item {
  width:100%;
  min-height:42px;
  padding:6px 8px;
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:9px;
  direction:rtl !important;
  border:1px solid rgba(231,201,133,.1);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.brand-footer .footer-contact .footer-contact-item > i { grid-column:1; margin:0; }
.brand-footer .footer-contact .footer-contact-item > span { grid-column:2; min-width:0; text-align:right; letter-spacing:0; }
.brand-footer .footer-contact .footer-contact-item[href^="tel"] > span { direction:ltr; unicode-bidi:isolate; text-align:right; }

[data-cart-add] { cursor:pointer; transition:transform .25s ease,background .25s ease,color .25s ease; }
[data-cart-add]:hover { transform:translateY(-2px); }
[data-cart-add].is-added { color:#fff !important; background:#8b6832 !important; }

.device-results > header { align-items:center; }
.device-result-controls { display:flex; align-items:center; gap:12px; direction:ltr; }
.device-result-controls button {
  width:43px;
  height:43px;
  border:1px solid rgba(84,58,24,.18);
  border-radius:50%;
  color:#211a12;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 24px rgba(65,43,18,.1);
  cursor:pointer;
  transition:.25s ease;
}
.device-result-controls button:hover { color:#fff; background:#17130e; transform:scale(1.06); }
.device-result-controls span { min-width:64px; color:#735525; font-size:10px; text-align:center; }
.device-result-controls b { font-size:16px; }.device-result-controls em { font-style:normal; }
.device-results-viewport { overflow:hidden; border-radius:28px; touch-action:pan-y; cursor:grab; box-shadow:0 24px 60px rgba(68,45,17,.12); }
.device-results-viewport:active { cursor:grabbing; }
.device-results-track { display:flex; direction:ltr; transition:transform .58s cubic-bezier(.2,.78,.2,1); will-change:transform; }
.device-result-slide { flex:0 0 100%; min-width:100%; direction:rtl; background:rgba(255,252,246,.5); }
.device-result-slide .comparison { margin:0; border-radius:0; }
.device-result-caption { min-height:88px; padding:18px 23px; display:flex; align-items:center; gap:16px; direction:rtl; background:rgba(255,252,246,.92); }
.device-result-caption > span { color:#a67935; font:25px Georgia,serif; }
.device-result-caption h3 { margin:0 0 4px; font-size:15px; }.device-result-caption p { margin:0 !important; color:#746553; font-size:9px; }
.device-result-dots { display:flex; justify-content:center; gap:7px; margin-top:20px; }
.device-result-dots button { width:7px; height:7px; padding:0; border:0; border-radius:7px; background:rgba(104,73,31,.25); cursor:pointer; transition:.25s ease; }
.device-result-dots button.is-active { width:27px; background:#8f6730; }
.device-results-empty { width:100%; padding:80px 25px; color:#6e604f; background:rgba(255,252,246,.75); text-align:center; }
.result-tone-1 .result-placeholder.before { background:radial-gradient(circle at 45% 35%,#eadbc3,#aa9472); }
.result-tone-1 .result-placeholder.after { background:radial-gradient(circle at 45% 35%,#f6e8d1,#c5a36a); }
.result-tone-2 .result-placeholder.before { background:radial-gradient(circle at 45% 35%,#ded2c1,#948671); }
.result-tone-2 .result-placeholder.after { background:radial-gradient(circle at 45% 35%,#f3dfbd,#b8955e); }
.related-offers article button {
  width:max-content;
  padding:0;
  border:0;
  color:rgba(255,255,255,.62);
  background:transparent;
  font:700 9px Cairo,sans-serif;
}

.cart-items { display:flex; flex-direction:column; gap:12px; }
.cart-line { min-height:128px; padding:23px 25px; border:1px solid rgba(145,104,45,.14); border-radius:22px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:25px; background:rgba(255,253,248,.94); box-shadow:0 15px 35px rgba(52,37,18,.065); }
.cart-line small { color:#9a6e2d; font-size:8px; }.cart-line h2 { margin:6px 0 9px; font-size:17px; }.cart-line > div:first-child > button { padding:0; border:0; color:#9a8871; background:none; font:9px Cairo,sans-serif; }
.cart-line > b { color:#8e642b; font-size:15px; white-space:nowrap; }
.cart-quantity { height:38px; padding:0 5px; border:1px solid #ddd1bf; border-radius:20px; display:flex; align-items:center; direction:ltr; background:#fff; }
.cart-quantity button { width:29px; height:29px; padding:0; border:0; border-radius:50%; color:#2b2116; background:#f0e8db; font-size:16px; }.cart-quantity span { width:27px; text-align:center; font-size:11px; }
.cart-layout aside { height:max-content; position:sticky; top:110px; }
.cart-layout aside [data-cart-checkout]:not(:disabled) { color:#fff; background:#17130e; cursor:pointer; }
.cart-layout aside .cart-clear { margin-top:9px; color:#806c53; background:transparent; border:1px solid #d7cbb9; }

@media (max-width:700px) {
  .device-results > header { align-items:flex-start; gap:22px; flex-direction:column; }
  .device-result-controls { align-self:stretch; justify-content:space-between; }
  .device-results-viewport { border-radius:20px; }
  .comparison.large { height:360px; }
  .cart-line { grid-template-columns:1fr auto; gap:15px; padding:20px; }
  .cart-line > b { grid-column:2; grid-row:1; }
  .cart-quantity { grid-column:1/-1; width:max-content; }
  .cart-layout aside { position:static; }
}

@media (max-width:650px) {
  .brand-footer .footer-contact .footer-contact-item { min-height:52px; padding:8px; }
  .brand-footer .footer-contact .footer-contact-item > span { font-size:8px; line-height:1.65; }
}

.result-admin-manager { margin-top:18px; padding-top:18px; border-top:1px solid #ece4d8; }
.result-admin-manager > header { margin-bottom:10px !important; display:flex; align-items:center; justify-content:space-between; }
.result-admin-manager h3 { margin:0; font-size:10px; }.result-admin-manager p { margin:3px 0 0; color:#968d80; font-size:7px; }
.result-admin-manager > header > button { padding:8px 11px; border:0; border-radius:6px; color:#fff; background:#17130e; font:8px Cairo,sans-serif; }
.result-admin-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.result-admin-list article { min-height:58px; padding:9px 10px; border:1px solid #e8e0d4; border-radius:8px; display:grid; grid-template-columns:27px 1fr auto auto; align-items:center; gap:8px; background:#fbfaf7; }
.result-admin-list article > span { width:27px; height:27px; border-radius:50%; display:grid; place-items:center; color:#8f682f; background:#f0e6d5; font:8px Georgia,serif; }
.result-admin-list article > div:nth-child(2) { display:flex; flex-direction:column; }.result-admin-list b { font-size:8px; }.result-admin-list small { color:#9b9285; font-size:6px; }
.result-file-status { display:flex; gap:3px; }.result-file-status i { padding:4px 6px; border-radius:4px; color:#8b6936; background:#f2eadc; font:normal 6px Cairo,sans-serif; }
.result-admin-list article > button { padding:5px; border:0; color:#a35d4b; background:transparent; font:7px Cairo,sans-serif; }

/* Targeted visual corrections: scan marker, editorial numerals, responsive navigation and device cards */
.velour-face-scan > b { display:none !important; }
.home-articles article > b { color:#9c7131 !important; }

.device-card-grid .device-card {
  position:relative;
  display:block;
  padding:0 24px 28px;
  border:1px solid rgba(145,104,45,.08);
  border-radius:27px;
  overflow:hidden;
  color:#211a12;
  background:rgba(255,253,248,.92);
  box-shadow:0 18px 44px rgba(52,37,18,.08);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.device-card-grid .device-card[hidden] { display:none; }
.device-card-grid .device-card:hover,.device-card-grid .device-card:focus-visible { transform:translateY(-8px); border-color:rgba(161,117,51,.25); box-shadow:0 28px 58px rgba(52,37,18,.15); outline:0; }
.device-card-grid .device-card > div { height:300px; margin:0 -24px 23px; position:relative; overflow:hidden; background:#cfb27d; }
.device-card-grid .device-card > div::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(23,16,9,.16),transparent 55%); pointer-events:none; }
.device-card-grid .device-card img { transition:transform .55s ease,filter .55s ease; }
.device-card-grid .device-card:hover img,.device-card-grid .device-card:focus-visible img { transform:scale(1.045); filter:saturate(.55) sepia(.25); }
.device-card-grid .device-card > div span { position:absolute; z-index:2; left:17px; bottom:13px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#efd293; background:rgba(20,15,10,.86); font:11px Georgia,serif; }
.device-card-grid .device-card small { display:block; color:#9a6e2d; font-size:8px; }
.device-card-grid .device-card h2 { margin:7px 0 8px; color:#211a12; font-size:20px; }
.device-card-grid .device-card p { min-height:34px; margin-bottom:16px; color:#817a6e; font-size:9px; line-height:1.8; }
.device-card-grid .device-card > b { color:#8c682f; font-size:9px; }

.device-benefits > div span { align-items:center; padding-block:25px; font-size:15px; }
.device-benefits > div b { color:#211a12; font:700 clamp(18px,1.5vw,22px)/1.7 Cairo,Tajawal,sans-serif; }

@media (max-width:860px) {
  .clarity-header,.clarity-header.is-compact { z-index:70; }
  .clarity-header.menu-open .clarity-nav {
    position:fixed;
    z-index:69;
    top:82px;
    right:10px;
    left:10px;
    width:auto;
    max-height:calc(100svh - 94px);
    padding:12px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    overflow-y:auto;
    border:1px solid rgba(228,199,127,.16);
    border-radius:0 0 27px 27px;
    background:rgba(23,19,14,.985);
    box-shadow:0 24px 52px rgba(28,20,11,.3);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .clarity-header.menu-open .clarity-nav > a,
  .clarity-header.menu-open .nav-menu > a {
    width:100%;
    min-height:46px;
    padding:0 10px;
    justify-content:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    color:rgba(255,255,255,.86);
    background:rgba(255,255,255,.035);
    font-size:10px;
    text-align:center;
  }
  .clarity-header.menu-open .clarity-nav > a.is-active { color:#17130e; border-color:#fff; background:#fff; }
  .clarity-header.menu-open .nav-menu > a i { display:none; }
  .clarity-menu > i { transition:transform .3s ease; }
  .clarity-header.menu-open .clarity-menu > i { transform:rotate(90deg); }
}

@media (max-width:650px) {
  .clarity-header.menu-open .clarity-nav {
    top:76px;
    right:7px;
    left:7px;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:10px;
    border-radius:0 0 24px 24px;
  }
  .clarity-header.menu-open .clarity-nav > a,
  .clarity-header.menu-open .nav-menu > a { min-height:44px; font-size:10px; }
  .device-card-grid .device-card > div { height:285px; }
  .device-benefits > div span { gap:18px; padding-block:22px; font-size:14px; }
  .device-benefits > div b { font-size:17px; }
}

/* Final homepage refinements: transparent header, editorial carousel and stronger micro-motion */
.about-copy h2 > span { color:#b78f50; }

.clarity-header {
  transition:transform .35s ease,background .42s ease,border-color .42s ease,box-shadow .42s ease,backdrop-filter .42s ease;
}
.clarity-header:not(.is-compact):not(.menu-open) {
  color:#211a12;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:blur(0);
  backdrop-filter:blur(0);
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-brand-copy b,
.clarity-header:not(.is-compact):not(.menu-open) .clarity-nav > a,
.clarity-header:not(.is-compact):not(.menu-open) .nav-menu > a { color:#211a12; }
.clarity-header:not(.is-compact):not(.menu-open) .clarity-actions > button,
.clarity-header:not(.is-compact):not(.menu-open) .clarity-actions > a.cart-action {
  color:#fff;
  background:rgba(23,19,14,.9);
  box-shadow:0 8px 20px rgba(41,28,13,.14);
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-menu { color:#fff !important; background:rgba(23,19,14,.9) !important; }
.clarity-header.is-compact,.clarity-header.menu-open {
  color:#fff;
  background:rgba(18,15,11,.96);
  border-color:rgba(231,200,132,.12);
  box-shadow:0 18px 46px rgba(26,19,11,.2);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.clarity-header.is-compact .clarity-brand-copy b,
.clarity-header.is-compact .clarity-nav > a,
.clarity-header.is-compact .nav-menu > a,
.clarity-header.menu-open .clarity-brand-copy b { color:#fff; }
.clarity-header.is-compact .clarity-nav > a.is-active,
.clarity-header.menu-open .clarity-nav > a.is-active { color:#17130e; }

.treatment-tag { min-width:78px; height:33px; padding-inline:14px; font-size:9px; }
.treatment-tag > i { width:6px; height:6px; flex-basis:6px; }

.whatsapp-float { animation:whatsappButtonBreath 2.35s ease-in-out infinite; }
.whatsapp-float > i { animation:whatsappIconBreath 2.35s ease-in-out infinite; }
@keyframes whatsappButtonBreath {
  0%,100% { box-shadow:0 14px 30px rgba(31,22,12,.24); }
  50% { box-shadow:0 17px 38px rgba(31,22,12,.38),0 0 0 5px rgba(205,165,88,.08); }
}
@keyframes whatsappIconBreath { 0%,100%{transform:scale(.9)} 50%{transform:scale(1.13)} }

.home-articles { overflow:hidden; }
.home-articles .article-carousel { position:relative; display:block; max-width:1120px; margin:auto; padding:0 58px 58px; }
.article-stage { position:relative; min-height:520px; overflow:hidden; border-radius:32px; box-shadow:0 28px 70px rgba(54,39,19,.13); touch-action:pan-y; }
.home-articles .article-slide {
  position:absolute;
  inset:0;
  min-height:520px;
  padding:46px 48px;
  border:0;
  border-radius:32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  color:#fff;
  background:#211a12;
  opacity:0;
  visibility:hidden;
  transform:translateX(-42px) scale(.985);
  transition:opacity .58s ease,transform .58s cubic-bezier(.2,.8,.2,1),visibility .58s;
  pointer-events:none;
}
.home-articles .article-slide.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); pointer-events:auto; }
.home-articles .article-slide img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.46) sepia(.28); transform:scale(1.02); transition:transform 5.2s ease; }
.home-articles .article-slide.is-active img { transform:scale(1.075); }
.home-articles .article-slide::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,rgba(19,13,8,.94),rgba(19,13,8,.08) 72%); }
.home-articles .article-slide > *:not(img) { position:relative; z-index:2; }
.home-articles .article-slide > b { position:absolute; z-index:2; top:35px; right:42px; color:#e4c47e !important; font:50px/1 Georgia,serif; }
.home-articles .article-slide > span { color:#efd69f; font-size:11px; }
.home-articles .article-slide h3 { max-width:760px; margin:10px 0 22px; color:#fff; font-size:clamp(28px,3vw,43px); line-height:1.45; }
.home-articles .article-slide a { width:max-content; color:#efd49e; font-size:11px; }
.article-controls { position:absolute; right:58px; bottom:0; left:58px; height:44px; display:flex; align-items:center; gap:14px; }
.article-controls > button { width:40px; height:40px; padding:0; border:1px solid rgba(98,71,31,.2); border-radius:50%; color:#211a12; background:#fff; cursor:pointer; transition:.25s ease; }
.article-controls > button:hover { color:#fff; background:#17130e; transform:scale(1.08); }
.article-dots { display:flex; gap:7px; }
.article-dots button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#d6c3a2; cursor:pointer; transition:.25s ease; }
.article-dots button.is-active { width:22px; border-radius:5px; background:#a77935; }
.article-progress { height:2px; flex:1; overflow:hidden; background:rgba(116,83,36,.12); }
.article-progress i { display:block; width:100%; height:100%; transform-origin:right; background:#b08443; animation:articleProgress 5.2s linear forwards; }
.article-controls > b { color:#88632c; font:11px Georgia,serif; white-space:nowrap; }
@keyframes articleProgress { from{transform:scaleX(0)} to{transform:scaleX(1)} }

.web-bookings-panel { margin-bottom:14px; }
.web-bookings-panel > header .booking-count { padding:6px 10px; border-radius:15px; color:#8c642d; background:#f2e8d8; font-size:8px; font-weight:700; }
.web-booking-row { min-height:48px; display:grid; grid-template-columns:1.15fr 1fr 1.15fr 1.1fr 78px 130px; align-items:center; gap:10px; border-top:1px solid #ece4d8; color:#4a4137; font-size:8px; }
.web-booking-row.head { min-height:31px; border-top:0; color:#9a9185; }
.web-booking-row a { color:#8c642d; }

/* Live full-stack administration workspace */
.admin-live-body [hidden] { display:none !important; }
.admin-live-body { min-width:0; }
.admin-auth-gate { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 15%,#fff9ed 0,#f5ecde 42%,#d8bf91 100%); }
.admin-auth-card { width:min(430px,100%); padding:44px; border:1px solid rgba(157,115,51,.28); border-radius:28px; background:rgba(255,255,255,.82); box-shadow:0 30px 90px rgba(55,37,13,.18); backdrop-filter:blur(20px); text-align:center; }
.admin-auth-mark { width:66px; height:66px; display:grid; place-items:center; margin:0 auto 10px; border:1px solid #b88d45; border-radius:50%; color:#9d7333; font:28px Georgia,serif; }
.admin-auth-card > small { color:#9d7333; font:8px Georgia,serif; letter-spacing:.18em; }.admin-auth-card h1 { margin:26px 0 8px; font-size:24px; }.admin-auth-card p { margin:0 0 26px; color:#82786b; font-size:11px; line-height:1.8; }
.admin-auth-card label,.admin-form-grid label { display:flex; flex-direction:column; align-items:stretch; gap:7px; margin:0 0 15px; color:#51483e; font-size:10px; font-weight:600; text-align:right; }
.admin-auth-card input,.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select { width:100%; min-height:44px; padding:10px 13px; border:1px solid #ded3c3; border-radius:10px; background:#fff; color:#2c261f; outline:none; font:11px Cairo,sans-serif; transition:border-color .2s,box-shadow .2s; }
.admin-form-grid textarea { resize:vertical; line-height:1.7; }.admin-auth-card input:focus,.admin-form-grid input:focus,.admin-form-grid textarea:focus,.admin-form-grid select:focus { border-color:#a87a34; box-shadow:0 0 0 3px rgba(168,122,52,.12); }
.admin-auth-card > button,.admin-rule-form > button { width:100%; height:46px; border:0; border-radius:12px; color:#fff; background:#1b1712; font:700 11px Cairo,sans-serif; cursor:pointer; }.admin-auth-card output { display:block; min-height:24px; padding-top:10px; color:#aa463b; font-size:9px; }
.admin-live-body .dash-main { min-height:100vh; }.admin-mobile-menu { display:none !important; }.admin-workspace { min-height:380px; }.admin-live-metrics { margin-bottom:14px; }
.admin-alert { position:fixed; z-index:50; top:22px; left:50%; transform:translateX(-50%); min-width:280px; padding:12px 18px; border:1px solid #cfe7dd; border-radius:10px; background:#edf9f4; color:#247156; box-shadow:0 14px 42px rgba(20,40,30,.14); font-size:10px; text-align:center; }.admin-alert.error { border-color:#f1c9c4; color:#9b382f; background:#fff2ef; }
.admin-loading { min-height:360px; display:grid; place-items:center; align-content:center; gap:12px; color:#8d806e; font-size:10px; }.admin-loading i { width:28px; height:28px; border:2px solid #ded1be; border-top-color:#9d7333; border-radius:50%; animation:admin-spin .8s linear infinite; }@keyframes admin-spin{to{transform:rotate(360deg)}}
.admin-is-busy { cursor:progress; }.admin-is-busy button { pointer-events:none; }
.admin-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.admin-summary-grid button { min-height:90px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid #eadfce; border-radius:12px; background:#fbf8f2; color:#3c3022; cursor:pointer; }.admin-summary-grid b { color:#9d7333; font:28px Georgia,serif; }.admin-summary-grid span { font-size:9px; }
.admin-gateway-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.admin-gateway-grid article { min-height:78px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:5px 12px; padding:13px; border:1px solid #e9dfcf; border-radius:10px; background:#fbf9f5; }.admin-gateway-grid article b { font-size:10px; }.admin-gateway-grid article span { grid-column:1; color:#9b9184; font-size:7px; direction:ltr; text-align:right; }.admin-gateway-grid article em { grid-column:2; grid-row:1/3; }.admin-gateway-grid article button { grid-column:1/-1; padding-top:8px; border:0; border-top:1px solid #eee5d8; background:transparent; color:#8f652a; font:8px Cairo,sans-serif; cursor:pointer; }
.admin-data-panel > header { margin-bottom:6px; }.admin-header-buttons { display:flex; gap:7px; }.admin-header-buttons button,.admin-data-panel > header > button,.admin-media-grid footer button,.admin-row-actions button,.admin-table button,.admin-settings-list button { padding:6px 9px; border:1px solid #ddd1c0; border-radius:6px; background:#fff; color:#71552f; font:8px Cairo,sans-serif; cursor:pointer; }
.admin-table-wrap { overflow:auto; }.admin-table { width:100%; border-collapse:collapse; white-space:nowrap; }.admin-table th { height:36px; padding:0 10px; color:#8e8579; font-size:8px; font-weight:500; text-align:right; border-bottom:1px solid #e9e2d7; }.admin-table td { max-width:300px; height:50px; padding:8px 10px; color:#40382f; font-size:8px; border-bottom:1px solid #eee8df; overflow:hidden; text-overflow:ellipsis; }.admin-table td code { display:block; max-width:200px; overflow:hidden; text-overflow:ellipsis; direction:ltr; }.admin-table select { min-width:125px; height:30px; padding:0 8px; border:1px solid #dfd4c4; border-radius:7px; background:#fff; font:8px Cairo,sans-serif; }
.admin-row-actions { display:flex; gap:5px; }.admin-row-actions .danger,.admin-media-grid .danger { color:#a65045; border-color:#efd7d2; background:#fff8f6; }
.admin-empty { min-height:190px; display:grid; place-items:center; align-content:center; gap:7px; color:#8c8275; text-align:center; }.admin-empty b { color:#443a2f; font-size:12px; }.admin-empty p { margin:0; font-size:9px; }.admin-empty button { padding:8px 12px; border:0; border-radius:7px; color:#fff; background:#9d7333; font:9px Cairo,sans-serif; }
.admin-media-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.admin-media-grid > article { min-width:0; padding:8px; border:1px solid #e7ded1; border-radius:10px; background:#fcfaf7; }.admin-media-grid article > div { aspect-ratio:4/3; overflow:hidden; border-radius:7px; background:#eee8df; }.admin-media-grid img { width:100%; height:100%; object-fit:cover; }.admin-media-grid article > b,.admin-media-grid article > small { display:block; margin:8px 3px 0; overflow:hidden; color:#40362b; font-size:8px; text-overflow:ellipsis; white-space:nowrap; direction:ltr; }.admin-media-grid article > small { margin-top:3px; color:#a1988b; font-size:6px; }.admin-media-grid footer { display:flex; justify-content:space-between; margin-top:8px; }
.admin-editor { width:min(920px,calc(100vw - 32px)); max-height:90vh; padding:0; border:0; border-radius:18px; color:#302920; background:#fbf9f5; box-shadow:0 30px 100px rgba(30,20,8,.32); }.admin-editor::backdrop { background:rgba(20,15,9,.58); backdrop-filter:blur(4px); }.admin-editor form > header { display:flex; align-items:center; justify-content:space-between; padding:22px 25px 16px; border-bottom:1px solid #e8ded0; }.admin-editor h2 { margin:0; font-size:16px; }.admin-editor header p { margin:4px 0 0; color:#938a7e; font-size:8px; }.admin-editor header > button { width:32px; height:32px; border:1px solid #e3d9cc; border-radius:50%; background:#fff; font-size:20px; cursor:pointer; }.admin-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; max-height:62vh; padding:22px 25px; overflow:auto; }.admin-form-grid .wide { grid-column:1/-1; }.admin-form-grid .admin-check { min-height:45px; flex-direction:row; align-items:center; gap:9px; padding:0 12px; border:1px solid #e4dace; border-radius:10px; }.admin-check input { width:17px; min-height:auto; height:17px; }.admin-editor footer { display:flex; justify-content:flex-end; gap:8px; padding:15px 25px 20px; border-top:1px solid #e8ded0; }.admin-editor footer button { min-width:110px; height:38px; border:0; border-radius:8px; color:#fff; background:#1b1712; font:9px Cairo,sans-serif; cursor:pointer; }.admin-editor footer .secondary { border:1px solid #dfd4c5; color:#645849; background:#fff; }
.admin-rule-form .admin-form-grid { max-height:none; padding:0; }.admin-rule-form > button { margin-top:8px; }.admin-settings-list { display:grid; gap:8px; }.admin-settings-list article { display:grid; grid-template-columns:190px 1fr auto; gap:12px; align-items:center; padding:12px; border:1px solid #ebe3d8; border-radius:9px; background:#fcfaf7; }.admin-settings-list article > div { display:flex; flex-direction:column; }.admin-settings-list b { font-size:9px; direction:ltr; text-align:right; }.admin-settings-list small { color:#9b9184; font-size:6px; }.admin-settings-list code { max-height:70px; padding:8px; overflow:auto; border-radius:6px; background:#f2ede5; color:#605545; font-size:7px; direction:ltr; text-align:left; }.admin-settings-list article > span { display:flex; align-items:center; gap:7px; }

@media (max-width:1000px){
  .admin-live-body .dashboard-shell { display:block; }.admin-live-body .dash-sidebar { width:245px; transform:translateX(105%); transition:transform .25s; }.admin-menu-open .dash-sidebar { transform:translateX(0); }.admin-live-body .dash-main { width:100%; padding:22px; }.admin-mobile-menu { display:flex !important; }.admin-live-body .dash-topbar { align-items:flex-start; gap:12px; }.admin-live-body .dash-actions { flex-wrap:wrap; justify-content:flex-start; }.admin-live-body .metric-grid { grid-template-columns:repeat(2,1fr); }.admin-live-body .dash-grid.two-thirds,.admin-live-body .dash-grid.thirds { grid-template-columns:1fr; }.admin-media-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px){
  .admin-auth-card { padding:30px 22px; }.admin-live-body .dash-main { padding:16px 12px; }.admin-live-body .dash-topbar { flex-direction:column; }.admin-live-body .dash-topbar > div:first-child { padding-right:50px; }.admin-live-body .dash-actions { width:100%; direction:rtl; }.admin-live-body .dash-actions label { order:4; width:100%; }.admin-live-body .dash-actions input { width:100%; }.admin-live-body .dash-actions a { flex:1; justify-content:center; }.admin-mobile-menu { position:absolute; top:16px; right:12px; }.admin-live-body .metric-grid { grid-template-columns:1fr 1fr; gap:8px; }.admin-live-body .metric-grid article { min-height:105px; padding:13px; }.admin-live-body .metric-grid strong { font-size:18px; }.admin-summary-grid { grid-template-columns:1fr 1fr; }.admin-gateway-grid { grid-template-columns:1fr; }.admin-media-grid { grid-template-columns:1fr 1fr; }.admin-form-grid { grid-template-columns:1fr; }.admin-form-grid .wide { grid-column:1; }.admin-settings-list article { grid-template-columns:1fr; }.admin-editor { width:calc(100vw - 18px); }
}

/* Customer accounts, checkout and API-bound content */
.auth-card form > label { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; font-size:10px; }.auth-card form > p { color:#817a6e; font-size:9px; line-height:1.8; }.auth-card form > button { width:100%; margin-top:12px; padding:14px; border:0; border-radius:23px; color:#fff; background:#17130e; font:700 10px Cairo,sans-serif; cursor:pointer; }.auth-card form > output { display:block; min-height:25px; padding-top:10px; color:#946c32; font-size:9px; text-align:center; }
.checkout-tools { display:block !important; padding:14px 0 !important; border:0 !important; }.checkout-tools > label { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; color:#665b4d; font-size:9px; }.checkout-tools input { height:39px; padding:0 11px; border:1px solid #ddd2c1; border-radius:8px; background:#fff; font:10px Cairo,sans-serif; }.checkout-tools output { display:block; color:#8d652d; font-size:8px; line-height:1.8; }.checkout-tools [data-payment-options] { display:grid; grid-template-columns:1fr; gap:7px; padding:8px 0 0; border:0; }.checkout-tools [data-payment-options] button { margin:0; color:#fff; background:#1a1611; cursor:pointer; }
.account-dashboard { width:min(1050px,calc(100% - 40px)); margin:-85px auto 100px; position:relative; z-index:3; }.account-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.account-metrics article,.account-orders { padding:25px; border:1px solid rgba(145,104,45,.14); border-radius:22px; background:rgba(255,253,248,.94); box-shadow:0 18px 48px rgba(52,37,18,.08); }.account-metrics article { display:flex; flex-direction:column; gap:8px; }.account-metrics small { color:#8c8172; font-size:9px; }.account-metrics b { color:#9b7134; font:30px Georgia,serif; }.account-orders { margin-top:14px; }.account-orders h2 { font-size:18px; }.account-orders article { display:grid; grid-template-columns:1fr auto auto; gap:18px; align-items:center; min-height:60px; border-top:1px solid #e8dfd2; }.account-orders article div { display:flex; flex-direction:column; }.account-orders small,.account-orders time { color:#918779; font-size:8px; }.account-orders b { font-size:10px; }.account-orders strong { color:#8d662f; font-size:11px; }.account-dashboard > button { margin-top:15px; padding:11px 18px; border:1px solid #d8ccba; border-radius:9px; color:#795b32; background:#fff; font:9px Cairo,sans-serif; }
.payment-return-card { width:min(620px,calc(100% - 36px)); min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; margin:100px auto; padding:45px; border:1px solid #e2d5c2; border-radius:30px; background:#fffaf2; text-align:center; box-shadow:0 28px 80px rgba(52,37,18,.11); }.payment-return-card > span { width:70px; height:70px; display:grid; place-items:center; border:1px solid #b78a43; border-radius:50%; color:#9c7132; font-size:30px; }.payment-return-card h1 { margin:10px 0 0; font-size:28px; }.payment-return-card p { max-width:460px; margin:0; color:#7f7568; font-size:10px; line-height:1.9; }.payment-return-card a { margin-top:10px; padding:12px 22px; border-radius:23px; color:#fff; background:#18140f; font-size:10px; }
.person-placeholder img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }.result-placeholder[style*="background-image"] { background-size:cover; background-position:center; }.result-placeholder[style*="background-image"]::before { display:none; }
@media (max-width:640px){.account-metrics{grid-template-columns:1fr}.account-orders article{grid-template-columns:1fr auto}.account-orders time{grid-column:1/-1}.payment-return-card{margin:60px auto;padding:30px 20px}.payment-return-card h1{font-size:22px}}
.managed-content-section { width:min(1180px,calc(100% - 40px)); min-height:260px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:center; gap:40px; margin:35px auto; padding:clamp(35px,6vw,80px); border:1px solid rgba(158,116,51,.17); border-radius:36px; background:linear-gradient(135deg,rgba(255,253,247,.95),rgba(235,220,194,.82)); box-shadow:0 25px 70px rgba(52,37,18,.08); }.managed-content-section > img { width:100%; max-height:430px; object-fit:cover; border-radius:24px; }.managed-content-section > div { grid-column:2; }.managed-content-section > img + div { grid-column:auto; }.managed-content-section small { color:#986d31; font-size:9px; }.managed-content-section h2 { margin:8px 0 15px; font-size:clamp(28px,4vw,58px); line-height:1.15; }.managed-content-section p { color:#706557; font-size:11px; line-height:2; white-space:pre-line; }.managed-content-section a { display:inline-flex; margin-top:14px; padding:11px 18px; border-radius:24px; color:#fff; background:#19150f; font-size:9px; }
@media(max-width:700px){.managed-content-section{grid-template-columns:1fr;padding:34px 24px;border-radius:24px}.managed-content-section>div,.managed-content-section>img+div{grid-column:1}}
.booking-actions { display:flex; gap:5px; }
.booking-actions button { padding:6px 8px; border:1px solid #ded3c2; border-radius:6px; color:#6e5940; background:#fff; font:7px Cairo,sans-serif; cursor:pointer; }
.booking-actions button:first-child { color:#fff; border-color:#9d7333; background:#9d7333; }
.empty-bookings { margin:0; padding:25px; border-top:1px solid #ece4d8; color:#9a9185; font-size:8px; text-align:center; }

@media (max-width:860px) {
  .clarity-header:not(.is-compact):not(.menu-open) { background:transparent; box-shadow:none; }
  .clarity-header.is-compact,.clarity-header.menu-open { background:linear-gradient(180deg,rgba(23,19,14,.99),rgba(23,19,14,.92) 78%,rgba(23,19,14,.8)); }
  .clarity-hero { background:linear-gradient(180deg,#fffdf8 0 12%,#eadbc6 55%,#cba760 100%); }
  .clarity-hero::after { background:linear-gradient(180deg,transparent 0 9%,rgba(23,19,14,.48) 18%,rgba(23,19,14,.16) 43%,transparent 72%); }
  .home-articles .article-carousel { padding-inline:46px; }
  .article-controls { right:46px; left:46px; }
}

@media (max-width:650px) {
  .treatment-tag { min-width:64px; height:29px; padding-inline:10px; gap:6px; font-size:8px; }
  .home-articles .article-carousel { padding:0 0 56px; }
  .article-stage,.home-articles .article-slide { min-height:455px; border-radius:25px; }
  .home-articles .article-slide { padding:30px 27px; }
  .home-articles .article-slide > b { top:27px; right:26px; font-size:39px; }
  .home-articles .article-slide > span { font-size:9px; }
  .home-articles .article-slide h3 { margin-bottom:18px; font-size:25px; }
  .article-controls { right:0; left:0; gap:10px; }
  .article-controls > button { width:37px; height:37px; }
  .article-controls > b { font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
  .whatsapp-float,.whatsapp-float > i,.article-progress i,.home-articles .article-slide img { animation:none !important; transition:none !important; }
}

/* Transparent-header glass controls: keep every label legible over the hero image */
.clarity-header:not(.is-compact):not(.menu-open) .clarity-brand {
  width:max-content;
  padding:5px 10px 5px 6px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:31px;
  background:rgba(255,253,248,.34);
  box-shadow:0 10px 28px rgba(53,36,16,.09),inset 0 1px 0 rgba(255,255,255,.66);
  -webkit-backdrop-filter:blur(15px) saturate(1.15);
  backdrop-filter:blur(15px) saturate(1.15);
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-nav { gap:5px; }
.clarity-header:not(.is-compact):not(.menu-open) .clarity-nav > a,
.clarity-header:not(.is-compact):not(.menu-open) .nav-menu > a {
  min-height:40px;
  padding-inline:13px;
  border:1px solid rgba(255,255,255,.56);
  background:rgba(255,253,248,.42);
  box-shadow:0 8px 24px rgba(53,36,16,.075),inset 0 1px 0 rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  backdrop-filter:blur(14px) saturate(1.15);
  text-shadow:0 1px 0 rgba(255,255,255,.58);
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-nav > a:hover,
.clarity-header:not(.is-compact):not(.menu-open) .nav-menu:hover > a,
.clarity-header:not(.is-compact):not(.menu-open) .clarity-nav > a.is-active {
  color:#17130e;
  border-color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.88);
  box-shadow:0 11px 27px rgba(53,36,16,.12),inset 0 1px 0 #fff;
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-actions > button,
.clarity-header:not(.is-compact):not(.menu-open) .clarity-actions > a.cart-action,
.clarity-header:not(.is-compact):not(.menu-open) .clarity-menu {
  border:1px solid rgba(255,255,255,.34);
  background:rgba(23,19,14,.76) !important;
  box-shadow:0 10px 26px rgba(35,24,12,.18),inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
}
.clarity-header:not(.is-compact):not(.menu-open) .clarity-login {
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.82);
  box-shadow:0 9px 25px rgba(47,31,13,.09),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

@media (max-width:1120px) and (min-width:861px) {
  .clarity-header:not(.is-compact):not(.menu-open) .clarity-nav { gap:3px; }
  .clarity-header:not(.is-compact):not(.menu-open) .clarity-nav > a,
  .clarity-header:not(.is-compact):not(.menu-open) .nav-menu > a { padding-inline:9px; font-size:11px; }
}

@media (max-width:860px) {
  .clarity-header:not(.is-compact):not(.menu-open) .clarity-brand { padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
  .clarity-header:not(.is-compact):not(.menu-open) .clarity-brand-mark {
    border-color:rgba(188,143,73,.38);
    background:rgba(255,253,248,.58);
    box-shadow:0 8px 24px rgba(53,36,16,.08),inset 0 1px 0 rgba(255,255,255,.8);
    -webkit-backdrop-filter:blur(13px);
    backdrop-filter:blur(13px);
  }
}

/* Touch-friendly submenus inside the mobile and tablet navigation */
@media (max-width:860px) {
  .clarity-header.menu-open .nav-menu { position:relative; min-width:0; }
  .clarity-header.menu-open .nav-menu > a i { display:inline-block !important; margin-inline-start:5px; color:#d9b76e; font-size:13px; transition:transform .3s ease; }
  .clarity-header.menu-open .nav-menu > div {
    position:static;
    width:100%;
    max-height:0;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    overflow:hidden;
    border:0;
    border-radius:14px;
    opacity:0;
    visibility:hidden;
    transform:none;
    background:rgba(255,253,248,.035);
    box-shadow:none;
    transition:max-height .38s ease,opacity .28s ease,padding .38s ease,margin .38s ease,visibility .28s;
  }
  .clarity-header.menu-open .nav-menu > div::before { display:none; }
  .clarity-header.menu-open .nav-menu > div a {
    min-height:42px;
    padding:7px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.045);
    font-size:9px;
    text-align:center;
  }
  .clarity-header.menu-open .nav-menu > div a:hover,
  .clarity-header.menu-open .nav-menu > div a:focus-visible { color:#17130e; background:#fff; outline:0; }
  .clarity-header.menu-open .nav-menu.submenu-open { grid-column:1/-1; padding:7px; border:1px solid rgba(225,190,119,.2); border-radius:17px; background:rgba(199,164,91,.07); }
  .clarity-header.menu-open .nav-menu.submenu-open > a { border-color:rgba(225,190,119,.28); color:#efd49d; background:rgba(199,164,91,.12); }
  .clarity-header.menu-open .nav-menu.submenu-open > a i { transform:rotate(180deg); }
  .clarity-header.menu-open .nav-menu.submenu-open > div { max-height:150px; margin-top:7px; padding:7px; opacity:1; visibility:visible; }
  .clarity-header.menu-open .nav-menu > a.is-active { color:#17130e; border-color:#fff; background:#fff; }
}

@media (max-width:650px) {
  .clarity-header.menu-open .nav-menu > div { grid-template-columns:1fr; }
  .clarity-header.menu-open .nav-menu.submenu-open > div { max-height:190px; }
  .clarity-header.menu-open .nav-menu > div a { min-height:38px; }
}

.clarity-header:not(.is-compact):not(.menu-open) .nav-menu > a.is-active {
  color:#17130e;
  border-color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.88);
}

/* English keeps the same composition while allowing for longer Latin headlines. */
html.is-english .clarity-hero-copy h1,
html.is-english .clarity-hero-copy h2 {
  max-width: 440px;
  font-size: clamp(36px, 3.35vw, 48px);
  letter-spacing: -.035em;
}

html.is-english .copy-right { right: 4.5vw; }
html.is-english .copy-left { left: 4.5vw; }

@media (max-width: 860px) {
  html.is-english .clarity-hero-copy h1,
  html.is-english .clarity-hero-copy h2 {
    max-width: none;
    font-size: clamp(29px, 7.3vw, 38px);
  }
  html.is-english .copy-right,
  html.is-english .copy-left { right: 20px; left: 20px; }
}

@media (max-width: 520px) {
  html.is-english .clarity-hero-copy h1,
  html.is-english .clarity-hero-copy h2 { font-size: 27px; }
}