*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;background:#08060a;color:#fff;direction:rtl;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 12%,rgba(255,118,180,.18),transparent 32%),radial-gradient(circle at 88% 40%,rgba(218,185,108,.14),transparent 28%),linear-gradient(135deg,#08060a,#120b13 45%,#08060a);z-index:-4}.site-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;opacity:.16;z-index:-3}.ambient{position:fixed;border-radius:50%;filter:blur(70px);z-index:-2}.ambient-one{width:420px;height:420px;background:#ec5fa4;right:-140px;top:160px;opacity:.45}.ambient-two{width:360px;height:360px;background:#d9b76f;left:-120px;bottom:140px;opacity:.35}
.nav{position:sticky;top:18px;width:min(1220px,92%);height:78px;margin:18px auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.3)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:1000}.brand-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ec5fa4,#d9b76f);color:#120b13}nav{display:flex;gap:28px}nav a{color:#e7d7df;text-decoration:none;font-weight:800}.nav-btn,.btn.primary{display:inline-flex;text-decoration:none;padding:15px 24px;border-radius:999px;color:#120b13;font-weight:1000;background:linear-gradient(135deg,#fff,#d9b76f);box-shadow:0 18px 50px rgba(217,183,111,.22)}
.hero{width:min(1220px,92%);min-height:800px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;padding:84px 0 70px}.tag,.section-head span,.quality-content span,.booking-copy span{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(236,95,164,.13);border:1px solid rgba(236,95,164,.28);color:#ffc6df;font-weight:900}.hero h1{font-size:clamp(48px,6.4vw,96px);line-height:1.02;margin:20px 0 24px;letter-spacing:-.045em}.hero p,.section-head p,.quality-content p,.booking-copy p{font-size:21px;line-height:1.85;color:#ddced6;max-width:710px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn.secondary{display:inline-flex;text-decoration:none;padding:15px 24px;border-radius:999px;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055)}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.hero-points div,.booking-panel,.service,.step,.booking{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.27)}.hero-points div{padding:20px;border-radius:22px}.hero-points b{display:block;color:#fff;margin-bottom:6px}.hero-points span{color:#d8cbd1}
.hero-visual{position:relative}.booking-panel{border-radius:40px;padding:24px;min-height:610px;transform:perspective(1100px) rotateY(-10deg) rotateX(3deg);overflow:hidden}.booking-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 10%,rgba(236,95,164,.22),transparent 34%),radial-gradient(circle at 88% 82%,rgba(217,183,111,.18),transparent 32%);pointer-events:none}.panel-top{display:flex;gap:9px;margin-bottom:24px;position:relative;z-index:2}.panel-top span{width:12px;height:12px;border-radius:50%;background:#ec5fa4}.panel-top span:nth-child(2){background:#d9b76f}.panel-top span:nth-child(3){background:#fff}.profile-card,.calendar-widget,.result-card{position:relative;z-index:2;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:22px;margin-bottom:18px}.profile-card{display:flex;align-items:center;gap:16px}.avatar{width:62px;height:62px;border-radius:20px;background:url('https://images.unsplash.com/photo-1604654894610-df63bc536371?auto=format&fit=crop&w=500&q=80') center/cover}.profile-card p{margin:4px 0 0;color:#d8cbd1}.calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-title span{background:#d9b76f;color:#120b13;border-radius:999px;padding:7px 12px;font-weight:1000}.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slots button{border:0;border-radius:16px;padding:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:1000}.slots button:hover{background:#ec5fa4}.result-card h3{font-size:36px;margin:8px 0}.result-card p{font-size:17px;margin:0 0 20px}.result-card a{display:flex;justify-content:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#ec5fa4,#d9b76f);color:#120b13;text-decoration:none;font-weight:1000}.floating-card{position:absolute;padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);font-weight:900}.card-a{top:90px;left:-24px}.card-b{bottom:80px;right:-18px}
.section,.process{width:min(1220px,92%);margin:0 auto;padding:110px 0}.section-head{text-align:center;margin-bottom:54px}.section-head h2,.quality-content h2,.booking-copy h2{font-size:clamp(34px,4.7vw,70px);line-height:1.08;margin:16px 0}.services-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border-radius:34px;padding:30px;transition:.35s}.service:hover,.step:hover{transform:translateY(-10px)}.service.featured{background:linear-gradient(180deg,rgba(236,95,164,.2),rgba(255,255,255,.06));border-color:rgba(236,95,164,.34)}.service span{color:#d9b76f;font-weight:1000}.service h3{font-size:32px;margin:18px 0 12px}.service p,.step p{color:#ddced6;line-height:1.75}.service b{display:block;margin-top:24px;font-size:25px;color:#fff}
.quality{width:min(1220px,92%);margin:0 auto;padding:100px 0;display:grid;grid-template-columns:1fr .8fr;gap:44px;align-items:center}.quality-list{display:grid;gap:14px;margin-top:32px}.quality-list div{padding:17px 20px;border-radius:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);font-weight:800}.quality-visual{display:flex;justify-content:center}.polish-bottle{width:240px;height:440px;position:relative;filter:drop-shadow(0 35px 80px rgba(0,0,0,.35))}.cap{width:88px;height:130px;background:#07070a;border-radius:18px;margin:0 auto}.glass{width:190px;height:280px;margin:-6px auto 0;border-radius:54px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);overflow:hidden;position:relative}.liquid{position:absolute;left:-15%;right:-15%;bottom:-10%;height:82%;border-radius:48% 48% 0 0;background:linear-gradient(180deg,#f08abd,#9f1a58);animation:polish 5s ease-in-out infinite alternate}
.works{padding:110px 0;overflow:hidden}.works-grid{width:max-content;display:flex;gap:22px;animation:slide 26s linear infinite}.work{width:390px;height:520px;border-radius:34px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.72))}.work span{position:absolute;right:24px;bottom:24px;z-index:2;font-size:28px;font-weight:1000}.w1{background-image:url('https://images.unsplash.com/photo-1604654894610-df63bc536371?auto=format&fit=crop&w=900&q=80')}.w2{background-image:url('https://images.unsplash.com/photo-1610992015732-2449b76344bc?auto=format&fit=crop&w=900&q=80')}.w3{background-image:url('https://images.unsplash.com/photo-1604902396830-aca29e19b067?auto=format&fit=crop&w=900&q=80')}.w4{background-image:url('https://images.unsplash.com/photo-1632345031435-8727f6897d53?auto=format&fit=crop&w=900&q=80')}
.step{border-radius:30px;padding:28px;transition:.35s}.step span{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ec5fa4,#d9b76f);color:#120b13;font-size:24px;font-weight:1000;margin-bottom:20px}.step b{font-size:25px}.booking{width:min(1120px,92%);margin:90px auto;border-radius:40px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:34px}form{display:grid;gap:14px}input,select,textarea{border:0;border-radius:18px;padding:18px;background:rgba(255,255,255,.94);font-size:16px;color:#161016}textarea{min-height:130px}form button{border:0;border-radius:18px;padding:18px;background:linear-gradient(135deg,#ec5fa4,#d9b76f);color:#120b13;font-size:18px;font-weight:1000}.whatsapp{position:fixed;left:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;text-decoration:none;font-size:28px;z-index:60}
.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.show{opacity:1;transform:translateY(0)}
@keyframes polish{0%{height:34%;transform:rotate(-4deg)}100%{height:88%;transform:rotate(3deg)}}@keyframes slide{to{transform:translateX(50%)}} 
@media(max-width:900px){.nav{height:auto;padding:14px}.nav nav{display:none}.hero,.quality,.booking{grid-template-columns:1fr}.hero{min-height:auto;padding-top:60px;text-align:center}.actions{justify-content:center}.hero-points,.services-grid,.process-grid{grid-template-columns:1fr}.booking-panel{transform:none;min-height:auto}.floating-card{display:none}.works-grid{animation:none;overflow-x:auto;width:auto;padding:0 4%;scroll-snap-type:x mandatory}.work{min-width:285px;height:410px}.booking{text-align:center}.quality{text-align:center}.quality-list div{text-align:center}.polish-bottle{transform:scale(.82)}.section,.process{padding:75px 0}}


/* V2 cleanup */
.floating-card,
.card-a,
.card-b {
  display: none !important;
}


/* ===== Nail bottle visibility fix ===== */

.polish-bottle{
    transform: scale(1.08);
}

.cap{
    background: linear-gradient(180deg,#1f1f25,#050507);
    border: 2px solid rgba(255,255,255,.08);
    box-shadow:
      0 0 25px rgba(255,255,255,.08),
      0 18px 45px rgba(0,0,0,.45);
}

.glass{
    background: linear-gradient(
      180deg,
      rgba(255,255,255,.22),
      rgba(255,255,255,.08)
    );
    border: 2px solid rgba(255,255,255,.16);
    box-shadow:
      inset 0 0 30px rgba(255,255,255,.08),
      0 25px 80px rgba(236,95,164,.18);
}

.glass::before{
    content:"";
    position:absolute;
    top:18px;
    left:18px;
    width:38px;
    height:170px;
    border-radius:40px;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.45),
      rgba(255,255,255,0)
    );
    filter: blur(1px);
    opacity:.7;
}

.liquid{
    background: linear-gradient(
      180deg,
      #ff9ccf 0%,
      #f35fa8 40%,
      #bc2f6f 100%
    );
    box-shadow:
      0 0 30px rgba(243,95,168,.45),
      inset 0 10px 20px rgba(255,255,255,.18);
}

.quality-visual{
    position: relative;
}

.quality-visual::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background: radial-gradient(circle,
      rgba(243,95,168,.22),
      transparent 70%);
    filter: blur(20px);
    z-index:-1;
}



/* ===== Cap contrast fix ===== */

.cap{
    background: linear-gradient(
      180deg,
      #ffd8ea 0%,
      #ff9fcb 45%,
      #f0629f 100%
    ) !important;

    border: 2px solid rgba(255,255,255,.45) !important;

    box-shadow:
      0 0 35px rgba(255,155,205,.45),
      0 18px 50px rgba(0,0,0,.35) !important;
}

.cap::after{
    content:"";
    position:absolute;
    top:12px;
    left:50%;
    transform:translateX(-50%);
    width:60%;
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,.55);
    filter:blur(2px);
}



/* ===== OR Nails premium logo ===== */
.or-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  direction:rtl;
  min-width:max-content;
}

.or-logo-mark{
  position:relative;
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.75), transparent 24%),
    linear-gradient(135deg,#ec5fa4 0%,#d9b76f 100%);
  box-shadow:
    0 0 34px rgba(236,95,164,.38),
    inset 0 1px 0 rgba(255,255,255,.4);
}

.or-logo-mark::after{
  content:"";
  position:absolute;
  width:42px;
  height:10px;
  border-radius:999px;
  bottom:10px;
  left:50%;
  transform:translateX(-50%) rotate(-9deg);
  background:rgba(255,255,255,.28);
  filter:blur(.5px);
}

.or-logo-shine{
  position:absolute;
  inset:-60%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(24deg);
  animation:orLogoShine 4.8s ease-in-out infinite;
}

.or-logo-letter{
  position:relative;
  z-index:2;
  color:#120b13;
  font-size:28px;
  font-weight:1000;
  line-height:1;
}

.or-logo-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.or-logo-text strong{
  font-size:25px;
  font-weight:1000;
  letter-spacing:-.03em;
}

.or-logo-text small{
  margin-top:5px;
  color:#f7c8dc;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
}

@keyframes orLogoShine{
  0%,55%{transform:translateX(-120%) rotate(24deg);}
  100%{transform:translateX(120%) rotate(24deg);}
}

@media(max-width:900px){
  .or-logo-mark{
    width:44px;
    height:44px;
    border-radius:15px;
  }

  .or-logo-letter{
    font-size:24px;
  }

  .or-logo-text strong{
    font-size:21px;
  }

  .or-logo-text small{
    font-size:10px;
  }
}


/* ===== Real OR Nails logo ===== */

.or-logo-image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  min-width:max-content;
}

.or-logo-image{
  width:220px;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 0 18px rgba(255,214,153,.22))
    drop-shadow(0 0 35px rgba(255,173,214,.16));
  transition:transform .35s ease, filter .35s ease;
}

.or-logo-image:hover{
  transform:scale(1.03);
  filter:
    drop-shadow(0 0 25px rgba(255,214,153,.38))
    drop-shadow(0 0 50px rgba(255,173,214,.28));
}

@media(max-width:768px){
  .or-logo-image{
    width:170px;
  }
}

/* Hide old generated logo if still exists */
.or-logo{
  display:none !important;
}