/* SOLENVERA — premium sale showcase */
.sale-site-badge{position:fixed;z-index:980;top:22px;left:22px;display:flex;gap:12px;align-items:center;max-width:min(320px,calc(100vw - 44px));padding:11px 14px 11px 12px;border:1px solid rgba(225,205,150,.42);border-radius:18px;color:#f6f1e6;background:linear-gradient(135deg,rgba(13,52,42,.96),rgba(20,70,55,.94));box-shadow:0 18px 45px rgba(8,35,28,.24),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);cursor:pointer;transition:.25s}
.sale-site-badge:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(8,35,28,.32)}
.sale-site-badge__pulse{width:10px;height:10px;flex:none;border-radius:50%;background:#e2c77f;animation:salePulse 2.2s infinite}
.sale-site-badge__content{display:grid;gap:1px;min-width:0;text-align:left}
.sale-site-badge__content small{color:rgba(246,241,230,.62);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.sale-site-badge__content strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.sale-site-badge__arrow{margin-left:auto;color:#e2c77f;font-size:18px}
@keyframes salePulse{0%{box-shadow:0 0 0 0 rgba(226,199,127,.55)}70%{box-shadow:0 0 0 10px rgba(226,199,127,0)}100%{box-shadow:0 0 0 0 rgba(226,199,127,0)}}
.sale-site-modal[hidden]{display:none!important}.sale-site-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:26px}.sale-site-modal__backdrop{position:absolute;inset:0;background:rgba(6,22,18,.78);backdrop-filter:blur(12px)}
.sale-site-modal__dialog{position:relative;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);width:min(1120px,100%);max-height:min(88vh,860px);overflow:auto;border:1px solid rgba(222,202,145,.27);border-radius:34px;background:#f6f4ed;box-shadow:0 35px 100px rgba(0,0,0,.34)}
.sale-site-modal__close{position:absolute;z-index:3;top:17px;right:17px;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(16,54,43,.12);border-radius:50%;color:#173f33;background:rgba(255,255,255,.82);font-size:28px;cursor:pointer}
.sale-site-modal__visual{display:flex;min-height:650px;padding:44px;color:#f5f0e4;background:linear-gradient(180deg,rgba(8,41,33,.18),rgba(8,41,33,.88)),url("/assets/images/content/hero.webp") center/cover no-repeat}
.sale-site-modal__visual>div{display:flex;flex-direction:column;justify-content:flex-end;width:100%}.sale-site-modal__eyebrow{color:#b49853;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sale-site-modal__visual .sale-site-modal__eyebrow{color:#e4ce91}
.sale-site-modal__price{display:grid;gap:3px;margin-top:20px}.sale-site-modal__price small{color:rgba(245,240,228,.68)}.sale-site-modal__price strong{font-size:clamp(38px,5vw,64px);line-height:1}.sale-site-modal__visual p{max-width:410px;margin:20px 0 0;color:rgba(245,240,228,.78);line-height:1.7}
.sale-site-modal__content{padding:62px 58px 50px}.sale-site-modal__content h2{margin:13px 0 18px;color:#143b30;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.08}.sale-site-modal__lead{margin:0;color:#5e6f67;font-size:18px;line-height:1.72}.sale-site-modal__details{margin-top:20px;color:#53665d;line-height:1.7}
.sale-site-modal__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.sale-site-modal__feature{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:15px;border:1px solid rgba(20,59,48,.09);border-radius:16px;background:rgba(255,255,255,.68)}.sale-site-modal__feature span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#f6f2e8;background:#1c5c49;font-size:12px;font-weight:900}.sale-site-modal__feature p{margin:0;color:#465b52;font-size:14px;line-height:1.5}
.sale-site-modal__note{margin-top:24px;padding:20px;border-left:3px solid #c7a95f;border-radius:0 16px 16px 0;background:#eeeadf}.sale-site-modal__note p{margin:7px 0 0;color:#5d6e66;line-height:1.65}.sale-site-modal__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sale-site-modal__primary,.sale-site-modal__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:999px;font-weight:750;text-decoration:none}.sale-site-modal__primary{color:#f7f2e7;background:#174d3d;box-shadow:0 14px 30px rgba(23,77,61,.18)}.sale-site-modal__secondary{border:1px solid rgba(23,77,61,.16);color:#174d3d}
body.sale-site-modal-open{overflow:hidden}
.sale-portfolio{position:relative;padding:92px 24px;color:#eef0e8;background:radial-gradient(circle at 12% 10%,rgba(189,159,87,.13),transparent 30%),linear-gradient(135deg,#0a2b23,#123e31)}.sale-portfolio__container{width:min(1240px,100%);margin:auto}.sale-portfolio__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:end;margin-bottom:42px}.sale-portfolio__header span{color:#d0b66f;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sale-portfolio__header h2{margin:12px 0 0;color:#f3eee2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.06}.sale-portfolio__header>p{margin:0;color:rgba(238,240,232,.66);font-size:17px;line-height:1.75}
.sale-portfolio__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sale-portfolio__card{min-height:260px;padding:23px;border:1px solid rgba(229,216,174,.13);border-radius:22px;color:inherit;background:rgba(255,255,255,.045);text-decoration:none;transition:.25s}.sale-portfolio__card:hover{transform:translateY(-6px);border-color:rgba(208,182,111,.42);background:rgba(255,255,255,.075)}.sale-portfolio__card-top{display:flex;justify-content:space-between;gap:18px}.sale-portfolio__card-top span{color:#d4bd7c;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sale-portfolio__card h3{margin:35px 0 13px;color:#f6f2e8;font-size:21px}.sale-portfolio__card p{margin:0;color:rgba(238,240,232,.62);font-size:14px;line-height:1.65}.sale-portfolio__badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.sale-portfolio__badges span{padding:6px 9px;border:1px solid rgba(230,213,162,.12);border-radius:999px;color:rgba(241,233,210,.73);font-size:11px}
.sale-portfolio__footer{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:34px;padding:27px 30px;border:1px solid rgba(229,216,174,.13);border-radius:22px;background:rgba(255,255,255,.045)}.sale-portfolio__footer p{margin:0;color:rgba(238,240,232,.73)}.sale-portfolio__footer button{min-height:48px;padding:0 22px;border:0;border-radius:999px;color:#173a30;background:#d7bf7c;font-weight:800;cursor:pointer}
@media(max-width:1050px){.sale-site-modal__dialog{grid-template-columns:1fr}.sale-site-modal__visual{min-height:310px}.sale-site-modal__features{grid-template-columns:1fr}.sale-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sale-site-badge{top:12px;left:12px}.sale-site-modal{padding:10px}.sale-site-modal__dialog{max-height:94vh;border-radius:24px}.sale-site-modal__visual{min-height:250px;padding:30px 24px}.sale-site-modal__content{padding:38px 24px 30px}.sale-site-modal__actions{display:grid}.sale-portfolio{padding:70px 18px}.sale-portfolio__header,.sale-portfolio__grid{grid-template-columns:1fr}.sale-portfolio__footer{align-items:stretch;flex-direction:column}}



/* SOLENVERA SALE BADGE CTA V4 START */

.sale-site-badge {
  position: fixed !important;
  z-index: 1200 !important;
  left: 24px !important;
  top: 84px !important;
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) 34px !important;
  gap: 13px !important;
  align-items: center !important;
  width: auto !important;
  min-width: 300px !important;
  max-width: 360px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: visible !important;
  border: 1px solid rgba(230, 199, 115, .52) !important;
  border-radius: 19px !important;
  color: #fff !important;
  background:
    linear-gradient(
      145deg,
      rgba(12, 63, 48, .98),
      rgba(8, 48, 38, .98)
    ) !important;
  box-shadow:
    0 18px 46px rgba(3, 24, 18, .34),
    0 0 0 1px rgba(229, 198, 113, .07) inset,
    0 0 22px rgba(223, 187, 86, .1) !important;
  cursor: pointer !important;
  transform: none;
  animation:
    solenveraSaleBadgeBreath 3.2s ease-in-out infinite !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}

.sale-site-badge:hover,
.sale-site-badge:focus-visible {
  transform: translateY(-3px) scale(1.018) !important;
  border-color: rgba(242, 211, 126, .86) !important;
  box-shadow:
    0 24px 54px rgba(3, 24, 18, .42),
    0 0 0 1px rgba(240, 209, 124, .12) inset,
    0 0 32px rgba(224, 189, 91, .21) !important;
  outline: none !important;
}

.sale-site-badge__pulse {
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  background: #e4c56f !important;
  box-shadow:
    0 0 0 6px rgba(228, 197, 111, .08),
    0 0 17px rgba(228, 197, 111, .58) !important;
  animation:
    solenveraSaleDot 2s ease-in-out infinite !important;
}

.sale-site-badge__content {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  text-align: left !important;
}

.sale-site-badge__content small {
  display: block !important;
  margin: 0 !important;
  color: rgba(244, 239, 220, .76) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.sale-site-badge__content strong {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em !important;
}

.sale-site-badge__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 34px !important;
  margin-top: 6px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(232, 202, 120, .36) !important;
  border-radius: 11px !important;
  color: #edcf7d !important;
  background:
    linear-gradient(
      135deg,
      rgba(232, 202, 120, .12),
      rgba(232, 202, 120, .035)
    ) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  animation:
    solenveraSaleCtaPulse 2.7s ease-in-out infinite !important;
  transition:
    color .22s ease,
    background .22s ease,
    border-color .22s ease,
    transform .22s ease !important;
}

.sale-site-badge__cta span {
  display: inline-block !important;
  font-size: 16px !important;
  transition: transform .22s ease !important;
}

.sale-site-badge:hover .sale-site-badge__cta,
.sale-site-badge:focus-visible .sale-site-badge__cta {
  color: #173d31 !important;
  border-color: #e8ca78 !important;
  background: #e8ca78 !important;
}

.sale-site-badge:hover .sale-site-badge__cta span,
.sale-site-badge:focus-visible .sale-site-badge__cta span {
  transform: translateX(4px) !important;
}

.sale-site-badge__arrow {
  display: grid !important;
  place-items: center !important;
  width: 31px !important;
  height: 31px !important;
  margin: 0 !important;
  border: 1px solid rgba(232, 202, 120, .22) !important;
  border-radius: 50% !important;
  color: #e7c86f !important;
  background: rgba(232, 202, 120, .035) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  transition: transform .22s ease !important;
}

.sale-site-badge:hover .sale-site-badge__arrow,
.sale-site-badge:focus-visible .sale-site-badge__arrow {
  transform: translate(3px, -3px) !important;
}

@keyframes solenveraSaleBadgeBreath {
  0%,
  100% {
    box-shadow:
      0 18px 46px rgba(3, 24, 18, .34),
      0 0 0 1px rgba(229, 198, 113, .07) inset,
      0 0 17px rgba(223, 187, 86, .06);
  }

  50% {
    box-shadow:
      0 20px 49px rgba(3, 24, 18, .37),
      0 0 0 1px rgba(229, 198, 113, .11) inset,
      0 0 31px rgba(223, 187, 86, .19);
  }
}

@keyframes solenveraSaleDot {
  0%,
  100% {
    transform: scale(1);
    box-shadow:
      0 0 0 6px rgba(228, 197, 111, .08),
      0 0 17px rgba(228, 197, 111, .48);
  }

  50% {
    transform: scale(1.16);
    box-shadow:
      0 0 0 10px rgba(228, 197, 111, .025),
      0 0 24px rgba(228, 197, 111, .75);
  }
}

@keyframes solenveraSaleCtaPulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(232, 202, 120, 0);
  }

  50% {
    box-shadow:
      0 0 0 4px rgba(232, 202, 120, .055),
      0 0 18px rgba(232, 202, 120, .11);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sale-site-badge,
  .sale-site-badge__pulse,
  .sale-site-badge__cta {
    animation: none !important;
  }
}

@media (max-width: 720px) {
  .sale-site-badge {
    left: 14px !important;
    top: 76px !important;
    width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    max-width: 340px !important;
    grid-template-columns: 13px minmax(0, 1fr) 29px !important;
    gap: 10px !important;
    padding: 12px 13px !important;
    border-radius: 17px !important;
  }

  .sale-site-badge__content small {
    font-size: 9px !important;
  }

  .sale-site-badge__content strong {
    font-size: 14px !important;
  }

  .sale-site-badge__cta {
    min-height: 32px !important;
    font-size: 11px !important;
  }

  .sale-site-badge__arrow {
    width: 28px !important;
    height: 28px !important;
    font-size: 17px !important;
  }
}

/* SOLENVERA SALE BADGE CTA V4 END */