/* MEDREKCARE O MNIE — premium profile page */

.om-page {
  --om-bg:#07090d;
  --om-panel:#0c1017;
  --om-line:rgba(255,255,255,.10);
  --om-muted:#9aa4b2;
  --om-text:#eef2f7;
  --om-blue:#168cff;
  background:transparent;
  color:var(--om-text);
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.om-wrap { max-width:1120px; margin:0 auto; padding:0 24px; }
.om-hero {
  min-height:72vh; display:flex; align-items:center;
  border-bottom:1px solid var(--om-line);
  background:transparent;
}
.om-kicker { color:var(--om-blue); font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin-bottom:24px; }
.om-hero h1 { margin:0; font-size:clamp(44px,7vw,86px); line-height:.98; letter-spacing:-.045em; font-weight:650; }
.om-hero h1 span { display:block; margin-top:12px; color:#fff; font-size:.52em; letter-spacing:-.02em; line-height:1.15; font-weight:450; max-width:780px; }
.om-intro { max-width:780px; margin-top:34px; color:#b6bec9; font-size:clamp(18px,2.2vw,23px); line-height:1.65; }
.om-rule { width:64px; height:2px; background:var(--om-blue); margin-top:38px; }
.om-section { padding:105px 0; border-bottom:1px solid var(--om-line); background:transparent; }
.om-grid { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.45fr); gap:72px; align-items:start; }
.om-label { color:#7f8998; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; padding-top:8px; }
.om-content h2 { margin:0 0 30px; font-size:clamp(30px,4vw,48px); line-height:1.08; letter-spacing:-.035em; font-weight:600; }
.om-content h2 span { color:var(--om-blue); }
.om-content p { margin:0 0 20px; color:#b7c0cb; font-size:17px; line-height:1.78; max-width:760px; }
.om-content strong { color:#fff; font-weight:650; }
.om-quote { margin:34px 0 8px; padding:26px 28px; border-left:2px solid var(--om-blue); background:rgba(255,255,255,.025); color:#f5f7fa; font-size:20px; line-height:1.55; }
.om-services { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:38px; }
.om-service { display:block; padding:22px 20px; border:1px solid var(--om-line); background:rgba(255,255,255,.018); color:#eef2f7; text-decoration:none; transition:.2s ease; }
.om-service:hover { border-color:rgba(22,140,255,.55); background:rgba(22,140,255,.05); transform:translateY(-2px); }
.om-service small { display:block; color:#7f8998; font-size:9px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:9px; }
.om-service strong { font-size:14px; letter-spacing:.05em; }
.om-final { padding:120px 0 110px; text-align:center; background:transparent; }
.om-final h2 { max-width:900px; margin:0 auto 25px; font-size:clamp(34px,5vw,62px); line-height:1.05; letter-spacing:-.04em; }
.om-final p { max-width:650px; margin:0 auto 34px; color:#aeb7c2; font-size:17px; line-height:1.7; }
.om-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.om-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:4px; text-decoration:none; font-size:11px; font-weight:750; letter-spacing:.08em; }
.om-btn-primary { background:var(--om-blue); color:#fff; }
.om-btn-secondary { border:1px solid var(--om-line); color:#fff; background:transparent; }
.om-footnote { padding:28px 0 38px; color:#697383; text-align:center; font-size:11px; letter-spacing:.04em; background:transparent; }
@media (max-width:760px) {
  .om-wrap{padding:0 18px}.om-hero{min-height:68vh}.om-grid{grid-template-columns:1fr;gap:18px}.om-section{padding:74px 0}.om-services{grid-template-columns:1fr}.om-content p{font-size:16px;line-height:1.72}.om-hero h1{font-size:54px}
}

/* O MNIE — one continuous fixed photographic background.
   The image belongs to the whole page, not only to HERO.
   Content scrolls over the same stationary photograph. */
body.standalone-omnie {
  position:relative;
  background:#07090d !important;
}
body.standalone-omnie::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url('../assets/hero-omnie.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body.standalone-omnie::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,5,8,.16) 0%,rgba(2,5,8,.06) 42%,rgba(2,5,8,.02) 72%,rgba(2,5,8,.06) 100%),
    linear-gradient(180deg,rgba(2,5,8,.08) 0%,rgba(2,5,8,.02) 48%,rgba(2,5,8,.10) 100%);
}
body.standalone-omnie #pv-tabs,
body.standalone-omnie > .om-page{
  position:relative;
  z-index:1;
}
.om-hero{
  position:relative;
  min-height:78vh;
  overflow:visible;
  display:flex;
  align-items:center;
  background:transparent;
}
.om-hero::before,
.om-hero::after{
  display:none;
}
.om-hero > .om-wrap{
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
  padding-top:138px;
  padding-bottom:150px;
}
.om-hero-services{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 48px));
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.om-hero-card{
  min-height:112px;
  padding:18px 16px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  color:#eef2f7;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.om-hero-card:hover{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  transform:translateY(-2px);
}
.om-hero-card-icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#54b6ff;
  font-size:27px;
  line-height:1;
}
.om-hero-card > span:nth-child(2){min-width:0}
.om-hero-card strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:12px;
  line-height:1.15;
  letter-spacing:.05em;
}
.om-hero-card small{
  display:block;
  color:#e0e7ef;
  font-size:11px;
  line-height:1.45;
}
.om-hero-card > b{
  margin-left:auto;
  color:#69c0ff;
  font-size:20px;
  font-weight:400;
}

/* MOBILE — independent geometry. The hero content and cards are stacked vertically. */
@media (max-width:767px){
  .om-hero{
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  body.standalone-omnie::before{
    background-position:66% center;
  }
  body.standalone-omnie::after{
    background:
      linear-gradient(90deg,rgba(2,5,8,.18) 0%,rgba(2,5,8,.06) 100%),
      linear-gradient(180deg,rgba(2,5,8,.06) 0%,rgba(2,5,8,.02) 52%,rgba(2,5,8,.10) 100%);
  }
  .om-hero > .om-wrap{
    flex:0 0 auto;
    padding:188px 18px 28px;
  }
  .om-hero h1{
    font-size:clamp(46px,13vw,58px);
    line-height:.98;
    max-width:100%;
    letter-spacing:-.045em;
  }
  .om-hero h1 span{
    max-width:100%;
    font-size:.52em;
    line-height:1.16;
  }
  .om-intro{
    max-width:100%;
    font-size:18px;
    line-height:1.58;
    margin-top:28px;
  }
  .om-hero-services{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:auto;
    margin:0 18px 30px;
    grid-template-columns:1fr;
    gap:10px;
  }
  .om-hero-card{
    width:100%;
    min-height:72px;
    padding:14px 14px;
    border-color:rgba(255,255,255,.11);
    border-radius:8px;
    background:rgba(255,255,255,.025);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .om-hero-card strong{font-size:12px}
  .om-hero-card small{font-size:11px;line-height:1.4}
}