/* Electricos — Apple Liquid Glass CTA buttons (site-wide) */
:root{
  --lg-btn-ease:cubic-bezier(.32,.72,0,1);
  --lg-btn-radius:999px;
  /* Brand gold only — no peach/salmon highlight (reads pink on white) */
  --lg-btn-gold-a:rgba(201,168,76,.92);
  --lg-btn-gold-b:rgba(201,168,76,.88);
  --lg-btn-gold-c:rgba(168,132,42,.95);
  --lg-btn-glass:rgba(255,255,255,.22);
  --lg-btn-stroke:rgba(255,255,255,.62);
}

html body a.btn-primary,
html body button.btn-primary,
html body input.btn-primary,
html body .btn-primary{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 26px;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
  text-decoration:none;
  color:#1a160e!important;
  border:none;
  outline:none;
  border-radius:var(--lg-btn-radius);
  cursor:pointer;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  max-width:none;
  word-break:normal;
  line-height:1.25;
  box-sizing:border-box;
  background:
    linear-gradient(180deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.05) 40%, transparent 55%),
    linear-gradient(180deg, var(--lg-btn-gold-a) 0%, var(--lg-btn-gold-b) 52%, var(--lg-btn-gold-c) 100%)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,0.08),
    0 1px 3px rgba(15,15,20,.05),
    inset 0 1px 0 rgba(255,255,255,.5)!important;
  /* No saturate() — it warms white pages toward pink/peach */
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  -apple-visual-effect:-apple-system-glass-material;
  transition:
    transform .35s var(--lg-btn-ease),
    box-shadow .35s var(--lg-btn-ease),
    filter .35s var(--lg-btn-ease)!important;
  transform:translateZ(0);
}
html body a.btn-primary::before,
html body button.btn-primary::before,
html body .btn-primary::before{
  content:"";
  position:absolute;
  inset:2px 20% auto;
  height:32%;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.35), transparent);
  pointer-events:none;
  opacity:.45;
}
html body a.btn-primary:hover,
html body button.btn-primary:hover,
html body .btn-primary:hover{
  transform:translateY(-1px) scale(1.02);
  filter:brightness(1.03);
  border:none;
  outline:none;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.08),
    0 2px 6px rgba(15,15,20,.06),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
  color:#1a160e!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.06) 40%, transparent 55%),
    linear-gradient(180deg, var(--lg-btn-gold-a) 0%, var(--lg-btn-gold-b) 52%, var(--lg-btn-gold-c) 100%)!important;
}
html body a.btn-primary:active,
html body button.btn-primary:active,
html body .btn-primary:active{
  transform:translateY(0) scale(.985);
  filter:brightness(.98);
}
html body a.btn-primary:disabled,
html body button.btn-primary:disabled,
html body .btn-primary:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none!important;
  filter:none!important;
}

/* Ghost / outline glass */
html body a.btn-outline,
html body button.btn-outline,
html body .btn-outline{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 28px;
  font-family:'Barlow',sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:.05em;
  text-decoration:none;
  color:var(--text,#1a1a1a)!important;
  border:1px solid var(--lg-btn-stroke);
  border-radius:var(--lg-btn-radius);
  cursor:pointer;
  background:rgba(255,255,255,.22)!important;
  box-shadow:
    0 8px 24px rgba(15,15,20,.08),
    inset 0 1px 0 rgba(255,255,255,.7)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  -apple-visual-effect:-apple-system-glass-material;
  transition:transform .35s var(--lg-btn-ease), box-shadow .35s var(--lg-btn-ease), background .35s var(--lg-btn-ease), color .35s var(--lg-btn-ease), border-color .35s var(--lg-btn-ease)!important;
}
html body a.btn-outline:hover,
html body button.btn-outline:hover,
html body .btn-outline:hover{
  transform:translateY(-2px) scale(1.02);
  color:var(--gold-dim,#a8872e)!important;
  border-color:rgba(201,168,76,.45);
  background:rgba(255,255,255,.38)!important;
  box-shadow:
    0 12px 30px rgba(15,15,20,.1),
    inset 0 1px 0 #fff!important;
}
body.dark a.btn-outline,
body.dark button.btn-outline,
body.dark .btn-outline{
  background:rgba(255,255,255,.08)!important;
  color:var(--text,#e8e8e8)!important;
  border-color:rgba(255,255,255,.2);
}
body.dark a.btn-outline:hover,
body.dark button.btn-outline:hover,
body.dark .btn-outline:hover{
  background:rgba(255,255,255,.14)!important;
  color:var(--gold,#C9A84C)!important;
}

/* Hero CTAs — transparent Apple liquid glass (only #hero-btn1 / #hero-btn2) */
@keyframes lgHeroSpecular{
  0%{transform:translateX(-130%) skewX(-18deg);opacity:0}
  12%{opacity:.55}
  45%{opacity:.35}
  70%{opacity:0}
  100%{transform:translateX(220%) skewX(-18deg);opacity:0}
}
@keyframes lgHeroIdle{
  0%,100%{box-shadow:
    0 10px 28px rgba(15,15,20,.07),
    0 1px 2px rgba(15,15,20,.04),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.12)}
  50%{box-shadow:
    0 14px 34px rgba(15,15,20,.09),
    0 2px 4px rgba(15,15,20,.05),
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(255,255,255,.18)}
}

html body #hero #hero-btn1.btn-primary,
html body #hero #hero-btn2.btn-primary,
html body #hero #hero-btn1,
html body #hero #hero-btn2{
  position:relative;
  isolation:isolate;
  color:var(--text,#1a1a1a)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:
    linear-gradient(165deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.12) 42%, rgba(255,255,255,.06) 100%)!important;
  box-shadow:
    0 10px 28px rgba(15,15,20,.07),
    0 1px 2px rgba(15,15,20,.04),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
  -apple-visual-effect:-apple-system-glass-material;
  animation:lgHeroIdle 5.5s var(--lg-btn-ease) infinite;
  transition:
    transform .4s var(--lg-btn-ease),
    box-shadow .4s var(--lg-btn-ease),
    background .4s var(--lg-btn-ease),
    border-color .4s var(--lg-btn-ease),
    filter .4s var(--lg-btn-ease)!important;
}
html body #hero #hero-btn1.btn-primary::before,
html body #hero #hero-btn2.btn-primary::before,
html body #hero #hero-btn1::before,
html body #hero #hero-btn2::before{
  content:"";
  position:absolute;
  inset:1px 14% auto;
  height:38%;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.05));
  pointer-events:none;
  opacity:.7;
  z-index:0;
}
html body #hero #hero-btn1.btn-primary::after,
html body #hero #hero-btn2.btn-primary::after,
html body #hero #hero-btn1::after,
html body #hero #hero-btn2::after{
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:0;
  width:42%;
  border-radius:inherit;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.1) 30%,
    rgba(255,255,255,.65) 50%,
    rgba(255,255,255,.12) 70%,
    transparent 100%);
  pointer-events:none;
  z-index:0;
  mix-blend-mode:soft-light;
  animation:lgHeroSpecular 4.8s var(--lg-btn-ease) infinite;
}
html body #hero #hero-btn1.btn-primary > *,
html body #hero #hero-btn2.btn-primary > *,
html body #hero #hero-btn1 > *,
html body #hero #hero-btn2 > *{
  position:relative;
  z-index:1;
}
html body #hero #hero-btn1.btn-primary:hover,
html body #hero #hero-btn2.btn-primary:hover,
html body #hero #hero-btn1:hover,
html body #hero #hero-btn2:hover{
  transform:translateY(-2px) scale(1.025);
  filter:brightness(1.04);
  border-color:rgba(201,168,76,.42)!important;
  color:var(--text,#1a1a1a)!important;
  background:
    linear-gradient(165deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.1) 100%)!important;
  box-shadow:
    0 16px 36px rgba(15,15,20,.1),
    0 2px 6px rgba(15,15,20,.06),
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,255,255,.2)!important;
  animation:none;
}
html body #hero #hero-btn1.btn-primary:hover::after,
html body #hero #hero-btn2.btn-primary:hover::after,
html body #hero #hero-btn1:hover::after,
html body #hero #hero-btn2:hover::after{
  animation-duration:1.6s;
}
html body #hero #hero-btn1.btn-primary:active,
html body #hero #hero-btn2.btn-primary:active,
html body #hero #hero-btn1:active,
html body #hero #hero-btn2:active{
  transform:translateY(0) scale(.985);
  filter:brightness(.98);
}

body.dark #hero #hero-btn1.btn-primary,
body.dark #hero #hero-btn2.btn-primary,
body.dark #hero #hero-btn1,
body.dark #hero #hero-btn2{
  color:var(--text,#e8e8e8)!important;
  border-color:rgba(255,255,255,.22)!important;
  background:
    linear-gradient(165deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 45%, rgba(255,255,255,.03) 100%)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.06)!important;
}
body.dark #hero #hero-btn1.btn-primary:hover,
body.dark #hero #hero-btn2.btn-primary:hover,
body.dark #hero #hero-btn1:hover,
body.dark #hero #hero-btn2:hover{
  color:var(--gold,#C9A84C)!important;
  border-color:rgba(201,168,76,.4)!important;
  background:
    linear-gradient(165deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.04) 100%)!important;
}

@media (prefers-reduced-motion: reduce){
  html body #hero #hero-btn1.btn-primary,
  html body #hero #hero-btn2.btn-primary,
  html body #hero #hero-btn1,
  html body #hero #hero-btn2,
  html body #hero #hero-btn1.btn-primary::after,
  html body #hero #hero-btn2.btn-primary::after{
    animation:none!important;
  }
}
@media (prefers-reduced-transparency: reduce){
  html body #hero #hero-btn1.btn-primary{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(255,255,255,.88)!important;
  }
  body.dark #hero #hero-btn1.btn-primary{
    background:rgba(28,28,32,.92)!important;
  }
}

/* Hero „Онлайн магазин“ — златен като Add to cart; „Заяви услуга“ остава glass */
html body #hero #hero-btn2.btn-primary,
html body #hero #hero-btn2{
  color:#000!important;
  border:1px solid var(--gold,#C9A84C)!important;
  background:var(--gold,#C9A84C)!important;
  box-shadow:0 2px 10px rgba(201,168,76,.28)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -apple-visual-effect:none;
  animation:none!important;
  filter:none!important;
}
html body #hero #hero-btn2.btn-primary::before,
html body #hero #hero-btn2::before,
html body #hero #hero-btn2.btn-primary::after,
html body #hero #hero-btn2::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
html body #hero #hero-btn2.btn-primary:hover,
html body #hero #hero-btn2:hover{
  color:#000!important;
  border-color:var(--gold,#C9A84C)!important;
  background:var(--gold,#C9A84C)!important;
  box-shadow:0 0 0 6px rgba(201,168,76,.18),0 6px 18px rgba(201,168,76,.45)!important;
  filter:none!important;
  transform:translateY(-2px) scale(1.025);
  animation:none!important;
}
html body #hero #hero-btn2.btn-primary:active,
html body #hero #hero-btn2:active{
  transform:translateY(0) scale(.985);
  filter:none!important;
}
body.dark #hero #hero-btn2.btn-primary,
body.dark #hero #hero-btn2,
body.dark #hero #hero-btn2.btn-primary:hover,
body.dark #hero #hero-btn2:hover{
  color:#000!important;
  border-color:var(--gold,#C9A84C)!important;
  background:var(--gold,#C9A84C)!important;
}

/* Google / text CTA as glass pill */
html body .why-google-btn,
html body a.why-google-btn,
html body #why-google-link,
html body #reviewsGoogleLink{
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  padding:12px 20px!important;
  border-radius:var(--lg-btn-radius)!important;
  border:1px solid var(--lg-btn-stroke)!important;
  background:rgba(255,255,255,.24)!important;
  color:var(--text,#1a1a1a)!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(15,15,20,.08), inset 0 1px 0 rgba(255,255,255,.7)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transition:transform .35s var(--lg-btn-ease), box-shadow .35s var(--lg-btn-ease), background .35s var(--lg-btn-ease)!important;
}
html body .why-google-btn:hover,
html body #why-google-link:hover,
html body #reviewsGoogleLink:hover{
  transform:translateY(-2px) scale(1.02);
  background:rgba(255,255,255,.4)!important;
  box-shadow:0 12px 28px rgba(15,15,20,.12), inset 0 1px 0 #fff!important;
}
body.dark .why-google-btn,
body.dark #why-google-link,
body.dark #reviewsGoogleLink{
  background:rgba(255,255,255,.08)!important;
  color:var(--text,#e8e8e8)!important;
}

/* Shop banner CTA on dark */
html body .shop-banner a.btn-primary,
html body .shop-banner .btn-primary{
  color:#1a160e!important;
}

/* Hero secondary keeps glass outline look */
html body #hero-btn2.btn-outline{
  text-transform:none;
  letter-spacing:.02em;
  font-size:15px;
  font-weight:700;
}

/* Mobile nav call button — drop flat inline gold */
html body .mobile-menu a.btn-primary[data-nav-phone]{
  width:100%;
  margin-top:8px;
  text-align:center;
}

@media (prefers-reduced-motion: reduce){
  html body .btn-primary,
  html body .btn-outline,
  html body .why-google-btn{
    transition:none!important;
  }
  html body .btn-primary:hover,
  html body .btn-outline:hover{
    transform:none!important;
  }
}
@media (prefers-reduced-transparency: reduce){
  html body .btn-primary,
  html body .btn-outline,
  html body .why-google-btn{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}