/* ----------------------------------
 * Sandra Mars Master — Home
 * Hero + Why Me + Collaborate + Services
 * ---------------------------------- */

.sm-home {
  background: var(--sm-ivory);
}

/* ----------------------------------
 * Hero
 * ---------------------------------- */

.sm-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: calc(100vh - 86px);
  padding: clamp(5.8rem, 6vw, 8.4rem) 0 clamp(6.4rem, 7vw, 9.6rem);
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 82% 20%, rgba(242, 223, 216, 0.22) 0%, rgba(242, 223, 216, 0) 42%),
    radial-gradient(circle at 52% 92%, rgba(234, 216, 183, 0.12) 0%, rgba(234, 216, 183, 0) 38%),
    linear-gradient(135deg, #fffdfa 0%, #fbf6ef 48%, #f8efe7 100%);
}

.sm-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10%;
  right: -10%;
  bottom: -16rem;
  height: 28rem;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 48% 12%, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(8deg, rgba(232, 205, 199, 0.30) 0%, rgba(255, 255, 255, 0) 64%);
  opacity: 0.78;
}

.sm-hero__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - 5.6rem), 1380px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(56rem, 1.08fr);
  gap: clamp(6.4rem, 7vw, 10.4rem);
  align-items: center;
}

.sm-hero__content {
  max-width: 69rem;
}

.sm-hero__badge,
.sm-why__badge,
.sm-collab__badge,
.sm-services__badge {
  display: inline-flex;
  align-items: center;
  min-height: 3.8rem;
  padding: 1rem 1.8rem;
  border: 1px solid rgba(216, 185, 130, 0.38);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.86);
  color: #8f7f78;
  box-shadow: 0 1.2rem 3rem rgba(55, 35, 32, 0.05);
  font-family: var(--sm-font-body);
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.sm-hero__badge::before,
.sm-why__badge::before,
.sm-collab__badge::before,
.sm-services__badge::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 1rem;
  border-radius: 999px;
  background: var(--sm-gold);
}

.sm-hero__title {
  max-width: 69rem;
  margin: 3rem 0 0;
  color: var(--sm-espresso);
  font-family: var(--sm-font-heading);
  font-size: clamp(6.8rem, 6vw, 10.6rem);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: -0.06em;
}

.sm-hero__title span {
  color: var(--sm-mauve);
}

.sm-hero__divider {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: 3rem;
}

.sm-hero__divider span {
  display: block;
  width: 5.8rem;
  height: 1px;
  background: rgba(216, 185, 130, 0.9);
}

.sm-hero__divider i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--sm-gold);
  transform: rotate(45deg);
}

.sm-hero__description {
  max-width: 59rem;
  margin-top: 2.6rem;
  color: var(--sm-taupe);
  font-family: var(--sm-font-body);
  font-size: clamp(1.6rem, 1.05vw, 1.85rem);
  line-height: 1.82;
}

.sm-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8rem;
  align-items: center;
  margin-top: 3.8rem;
}

.sm-hero__actions .sm-btn {
  min-width: 20.5rem;
}

.sm-hero__method {
  display: inline-block;
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 83, 107, 0.52);
  color: var(--sm-mauve-dark);
  font-family: var(--sm-font-body);
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
}

.sm-hero__proof {
  margin-top: 3.4rem;
}

.sm-hero__proof-label {
  margin-bottom: 1.4rem;
  color: var(--sm-taupe-dark);
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.sm-hero__proof-row {
  display: flex;
  align-items: center;
  gap: 2.2rem;
}

.sm-hero__avatars {
  display: flex;
  align-items: center;
}

.sm-hero__avatars span {
  width: 4.6rem;
  height: 4.6rem;
  border: 2px solid #fffdfa;
  border-radius: 999px;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.96), rgba(232, 205, 199, 0.58)),
    linear-gradient(135deg, #fffdfa, #e8cdc7);
  box-shadow: 0 1rem 2.4rem rgba(55, 35, 32, 0.10);
}

.sm-hero__avatars span:not(:first-child) {
  margin-left: -1.3rem;
}

.sm-hero__rating {
  color: var(--sm-taupe);
  font-size: 1.4rem;
  line-height: 1.35;
}

.sm-hero__stars {
  margin-bottom: 0.6rem;
  color: #e8aa25;
  font-size: 1.9rem;
  letter-spacing: 0.13em;
  line-height: 1;
}

.sm-hero__rating p {
  margin: 0;
}

.sm-hero__rating strong {
  color: var(--sm-espresso);
  font-weight: 900;
}

.sm-hero__visual {
  position: relative;
  min-height: 65rem;
}

.sm-hero__photo-card {
  position: absolute;
  top: 0;
  left: 7.2rem;
  width: 43.8rem;
  height: 56rem;
  padding: 1.6rem;
  border: 1px solid rgba(139, 83, 107, 0.16);
  border-radius: 4.6rem;
  background: linear-gradient(145deg, rgba(255, 253, 249, 0.92), rgba(232, 205, 199, 0.58));
  box-shadow: 0 2.8rem 7.6rem rgba(55, 35, 32, 0.13);
}

.sm-hero__photo-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 3.3rem;
  background:
    radial-gradient(circle at 45% 28%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 32%),
    linear-gradient(145deg, #f7efe6, #f2dfd8);
}

.sm-hero__photo-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sm-hero__photo-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--sm-mauve);
  font-family: var(--sm-font-heading);
  font-size: 3.4rem;
  font-weight: 700;
}

.sm-hero__light-flow {
  position: absolute;
  inset: 1.3rem 1rem 1.3rem 1.2rem;
  z-index: 4;
  pointer-events: none;
}

.sm-hero__light-flow::before,
.sm-hero__light-flow::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.sm-hero__light-flow::before {
  width: 66%;
  height: 112%;
  right: -8%;
  top: -7%;
  border-right: 3px solid rgba(248, 214, 135, 0.86);
  border-top: 1px solid rgba(248, 214, 135, 0.42);
  filter: drop-shadow(0 0 10px rgba(248, 214, 135, 0.70));
  transform: rotate(15deg);
}

.sm-hero__light-flow::after {
  width: 72%;
  height: 44%;
  left: 17%;
  bottom: 3%;
  border-bottom: 3px solid rgba(248, 214, 135, 0.82);
  filter: drop-shadow(0 0 8px rgba(248, 214, 135, 0.60));
  transform: rotate(-19deg);
}

.sm-hero__affirmation {
  position: absolute;
  top: 17rem;
  right: 0;
  z-index: 8;
  width: 28.6rem;
  min-height: 34rem;
  padding: 4.3rem 3.1rem 3.4rem;
  border: 1px solid rgba(139, 83, 107, 0.14);
  border-radius: 3.4rem;
  background: rgba(255, 253, 249, 0.90);
  box-shadow: 0 2.4rem 6.2rem rgba(55, 35, 32, 0.11);
  text-align: center;
  backdrop-filter: blur(14px);
}

.sm-hero__affirmation-symbol {
  position: relative;
  width: 5.2rem;
  height: 5.2rem;
  margin: 0 auto 2.2rem;
  border: 1px solid rgba(216, 185, 130, 0.48);
  border-radius: 50%;
}

.sm-hero__affirmation-symbol::before {
  content: "";
  position: absolute;
  inset: 1.6rem;
  border: 1px solid var(--sm-gold);
  border-radius: 50%;
}

.sm-hero__affirmation-label {
  display: block;
  margin-bottom: 1.3rem;
  color: var(--sm-taupe-dark);
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.sm-hero__affirmation p {
  margin: 0;
  color: var(--sm-mauve-dark);
  font-family: var(--sm-font-heading);
  font-size: 2.55rem;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.sm-hero__affirmation-footer {
  display: block;
  margin-top: 2.9rem;
  color: var(--sm-mauve);
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.55;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sm-hero__stats {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 7;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 70.5rem;
  min-height: 13.2rem;
  overflow: hidden;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 3.6rem;
  background: rgba(255, 253, 249, 0.86);
  box-shadow: 0 2.5rem 6.4rem rgba(55, 35, 32, 0.11);
  backdrop-filter: blur(12px);
}

.sm-hero__stat {
  position: relative;
  display: grid;
  grid-template-columns: 4.3rem 1fr;
  gap: 1.4rem;
  align-items: center;
  padding: 2.7rem 2.6rem;
}

.sm-hero__stat:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 28%;
  right: 0;
  width: 1px;
  height: 44%;
  background: rgba(216, 185, 130, 0.48);
}

.sm-hero__stat-icon {
  position: relative;
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  border: 1px solid rgba(216, 185, 130, 0.72);
  border-radius: 50%;
}

.sm-hero__stat-icon::before {
  content: "";
  position: absolute;
  inset: 1.1rem;
  border: 1px solid var(--sm-gold);
  border-radius: 50%;
}

.sm-hero__stat strong {
  display: block;
  color: var(--sm-espresso);
  font-family: var(--sm-font-heading);
  font-size: 3.1rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
}

.sm-hero__stat p {
  margin: 0.7rem 0 0;
  color: var(--sm-taupe);
  font-size: 1.3rem;
  line-height: 1.35;
}

/* Gold lines */

.sm-hero__gold-line,
.sm-why__gold-line,
.sm-collab__gold-line,
.sm-services__gold-line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(216, 185, 130, 0.42);
  border-color: rgba(216, 185, 130, 0.42) transparent transparent transparent;
  border-radius: 50%;
}

.sm-hero__gold-line--top {
  width: 82rem;
  height: 39rem;
  top: -8rem;
  right: 8%;
  transform: rotate(-18deg);
}

.sm-hero__gold-line--bottom {
  width: 96rem;
  height: 38rem;
  left: -21rem;
  bottom: -10rem;
  transform: rotate(8deg);
  opacity: 0.28;
}

/* ----------------------------------
 * Why Me
 * ---------------------------------- */

.sm-why {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(8rem, 9vw, 13rem) 0;
  background:
    radial-gradient(circle at 10% 16%, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 35%),
    radial-gradient(circle at 88% 24%, rgba(242, 223, 216, 0.20) 0%, rgba(242, 223, 216, 0) 42%),
    linear-gradient(135deg, #fffdfa 0%, #fbf6ef 52%, #f8efe7 100%);
}

.sm-why__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - 5.6rem), 1380px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: clamp(4.4rem, 5vw, 7rem);
  align-items: stretch;
}

.sm-why__card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 4rem;
  background: rgba(255, 253, 249, 0.72);
  box-shadow: 0 2.2rem 6rem rgba(55, 35, 32, 0.08);
  backdrop-filter: blur(12px);
}

.sm-why__card--main {
  padding: clamp(3.6rem, 4.5vw, 5.8rem);
}

.sm-why__card--trust {
  padding: clamp(3.4rem, 4vw, 5.2rem);
}

.sm-why__title {
  max-width: 60rem;
  margin: 2.3rem 0 0;
  font-size: clamp(4.8rem, 4.4vw, 7.4rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.sm-why__title span {
  color: var(--sm-mauve);
}

.sm-why__intro {
  max-width: 60rem;
  margin-top: 2.4rem;
  color: var(--sm-taupe);
  font-size: 1.62rem;
  line-height: 1.82;
}

.sm-why__transforms {
  display: grid;
  gap: 1.1rem;
  margin-top: 3.2rem;
}

.sm-why__transform {
  display: grid;
  grid-template-columns: 4.8rem 1fr;
  align-items: center;
  min-height: 5.4rem;
  padding: 0.8rem 1.6rem 0.8rem 1.1rem;
  border: 1px solid rgba(139, 83, 107, 0.10);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.72);
  box-shadow: 0 1rem 2.4rem rgba(55, 35, 32, 0.035);
}

.sm-why__transform span,
.sm-why__reason span,
.sm-collab__benefit span {
  position: relative;
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid rgba(216, 185, 130, 0.55);
  border-radius: 50%;
}

.sm-why__transform span::before,
.sm-why__reason span::before,
.sm-collab__benefit span::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid var(--sm-gold);
  border-radius: 50%;
}

.sm-why__transform p {
  color: var(--sm-taupe-dark);
  font-size: 1.48rem;
  font-weight: 700;
}

.sm-why__closing {
  margin-top: 2.8rem;
  color: var(--sm-taupe);
  font-size: 1.55rem;
  line-height: 1.75;
}

.sm-why__closing strong {
  display: block;
  margin-top: 0.8rem;
  color: var(--sm-mauve-dark);
}

.sm-why__side-title {
  margin-top: 2.2rem;
  font-family: var(--sm-font-heading);
  font-size: clamp(3.2rem, 3.1vw, 4.8rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

.sm-why__reason-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.3rem;
  margin-top: 2.8rem;
}

.sm-why__reason {
  display: grid;
  grid-template-columns: 4.2rem 1fr;
  gap: 1.1rem;
  align-items: center;
  min-height: 5.8rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 1.8rem;
  background: rgba(255, 253, 249, 0.70);
}

.sm-why__reason p {
  color: var(--sm-mauve-dark);
  font-size: 1.36rem;
  font-weight: 900;
  line-height: 1.25;
}

.sm-why__side-copy {
  margin-top: 2.6rem;
  color: var(--sm-taupe);
  font-size: 1.55rem;
  line-height: 1.7;
}

.sm-why__image-card {
  position: relative;
  overflow: hidden;
  margin-top: 2.8rem;
  min-height: 28rem;
  border: 1px solid rgba(216, 185, 130, 0.42);
  border-radius: 2.6rem;
  background:
    radial-gradient(circle at 70% 20%, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0) 34%),
    linear-gradient(145deg, #f7efe6, #d9c6ae);
  box-shadow: 0 1.8rem 4.4rem rgba(55, 35, 32, 0.09);
}

.sm-why__image-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(111, 63, 85, 0.92);
  font-family: var(--sm-font-heading);
  font-size: 2.8rem;
  font-weight: 700;
}

.sm-why__image-overlay {
  position: absolute;
  top: 3rem;
  left: 3rem;
  display: grid;
  place-items: center;
  width: 12rem;
  height: 12rem;
  border: 1px solid rgba(216, 185, 130, 0.70);
  border-radius: 50%;
  background: rgba(139, 83, 107, 0.35);
  color: #fffaf4;
  text-align: center;
  font-family: var(--sm-font-heading);
  font-size: 1.9rem;
  line-height: 1.1;
  box-shadow: 0 0 2.4rem rgba(216, 185, 130, 0.28);
}

.sm-why__note {
  margin-top: 2rem;
  padding: 2rem 2.4rem;
  border: 1px solid rgba(139, 83, 107, 0.10);
  border-radius: 2.4rem;
  background: rgba(255, 253, 249, 0.62);
}

.sm-why__note span {
  display: block;
  margin-bottom: 0.7rem;
  color: var(--sm-mauve);
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sm-why__note p {
  color: var(--sm-taupe-dark);
  font-size: 1.45rem;
  line-height: 1.65;
}

.sm-why__gold-line--left {
  width: 82rem;
  height: 36rem;
  left: -24rem;
  top: 16%;
  transform: rotate(18deg);
  opacity: 0.32;
}

.sm-why__gold-line--right {
  width: 76rem;
  height: 34rem;
  right: -22rem;
  bottom: 8%;
  transform: rotate(-14deg);
  opacity: 0.28;
}

/* ----------------------------------
 * Collaborate
 * ---------------------------------- */

.sm-collab {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(8rem, 9vw, 13rem) 0;
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 35%),
    radial-gradient(circle at 12% 36%, rgba(242, 223, 216, 0.18) 0%, rgba(242, 223, 216, 0) 40%),
    linear-gradient(135deg, #fffdfa 0%, #fbf6ef 52%, #f8efe7 100%);
}

.sm-collab__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - 5.6rem), 1280px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(38rem, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(5rem, 6vw, 8.8rem);
  align-items: center;
}

.sm-collab__visual {
  position: relative;
  min-height: 63rem;
}

.sm-collab__photo-card {
  position: relative;
  width: min(43rem, 100%);
  height: 60rem;
  padding: 1.4rem;
  border: 1px solid rgba(139, 83, 107, 0.14);
  border-radius: 4.2rem;
  background: linear-gradient(145deg, rgba(255, 253, 249, 0.90), rgba(232, 205, 199, 0.50));
  box-shadow: 0 2.8rem 7rem rgba(55, 35, 32, 0.12);
}

.sm-collab__photo-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background:
    radial-gradient(circle at 44% 20%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 34%),
    linear-gradient(145deg, #f7efe6, #d8c8bc);
}

.sm-collab__photo-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.18) contrast(0.95) brightness(1.02);
}

.sm-collab__photo-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--sm-mauve);
  font-family: var(--sm-font-heading);
  font-size: 3rem;
  font-weight: 700;
}

.sm-collab__photo-line {
  position: absolute;
  inset: 1.2rem 1rem 1.2rem 1.2rem;
  pointer-events: none;
}

.sm-collab__photo-line::before {
  content: "";
  position: absolute;
  width: 58%;
  height: 108%;
  right: -7%;
  top: -5%;
  border-right: 2px solid rgba(248, 214, 135, 0.66);
  border-top: 1px solid rgba(248, 214, 135, 0.36);
  border-radius: 50%;
  filter: drop-shadow(0 0 8px rgba(248, 214, 135, 0.48));
  transform: rotate(13deg);
}

.sm-collab__quote-card {
  position: absolute;
  left: 5rem;
  right: -3rem;
  bottom: 2.8rem;
  padding: 2.6rem 3rem;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 2.8rem;
  background: rgba(255, 253, 249, 0.90);
  box-shadow: 0 2.2rem 5.8rem rgba(55, 35, 32, 0.12);
  backdrop-filter: blur(14px);
}

.sm-collab__quote-card p {
  margin: 0;
  color: var(--sm-mauve-dark);
  font-family: var(--sm-font-heading);
  font-size: 2.35rem;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.sm-collab__quote-card span {
  display: block;
  margin-top: 1.2rem;
  color: var(--sm-taupe);
  font-size: 1.18rem;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sm-collab__content {
  max-width: 67rem;
}

.sm-collab__title {
  max-width: 67rem;
  margin-top: 2.6rem;
  font-family: var(--sm-font-heading);
  font-size: clamp(5.2rem, 5vw, 8.2rem);
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.sm-collab__title span {
  color: var(--sm-mauve);
}

.sm-collab__description {
  max-width: 62rem;
  margin-top: 2.8rem;
  color: var(--sm-taupe);
  font-size: 1.7rem;
  line-height: 1.82;
}

.sm-collab__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 3.4rem;
}

.sm-collab__benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 3.8rem;
}

.sm-collab__benefit {
  display: grid;
  grid-template-columns: 3.8rem 1fr;
  gap: 1rem;
  align-items: center;
  min-height: 7.2rem;
  padding: 1.4rem 1.5rem;
  border: 1px solid rgba(139, 83, 107, 0.11);
  border-radius: 2.2rem;
  background: rgba(255, 253, 249, 0.72);
  box-shadow: 0 1rem 2.6rem rgba(55, 35, 32, 0.04);
}

.sm-collab__benefit span {
  width: 3.2rem;
  height: 3.2rem;
}

.sm-collab__benefit p {
  color: var(--sm-mauve-dark);
  font-size: 1.34rem;
  font-weight: 900;
  line-height: 1.25;
}

.sm-collab__gold-line--top {
  width: 86rem;
  height: 36rem;
  top: -9rem;
  right: -18rem;
  transform: rotate(-14deg);
  opacity: 0.34;
}

.sm-collab__gold-line--bottom {
  width: 82rem;
  height: 34rem;
  left: -26rem;
  bottom: -8rem;
  transform: rotate(14deg);
  opacity: 0.26;
}

/* ----------------------------------
 * Services
 * ---------------------------------- */

.sm-services {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(8rem, 9vw, 13rem) 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 86% 28%, rgba(242, 223, 216, 0.18) 0%, rgba(242, 223, 216, 0) 42%),
    linear-gradient(135deg, #fffdfa 0%, #fbf6ef 52%, #f8efe7 100%);
}

.sm-services__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - 5.6rem), 1380px);
  margin-inline: auto;
}

.sm-services__heading {
  max-width: 86rem;
  margin: 0 auto;
  text-align: center;
}

.sm-services__title {
  margin-top: 2.6rem;
  font-family: var(--sm-font-heading);
  font-size: clamp(4.8rem, 5vw, 8rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.sm-services__title span {
  color: var(--sm-mauve);
}

.sm-services__intro {
  max-width: 70rem;
  margin: 2.6rem auto 0;
  color: var(--sm-taupe);
  font-size: 1.7rem;
  line-height: 1.8;
}

.sm-services__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  margin-top: clamp(4.8rem, 5vw, 7rem);
}

.sm-services__card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 3.4rem;
  background: rgba(255, 253, 249, 0.78);
  box-shadow: 0 2rem 5.4rem rgba(55, 35, 32, 0.08);
  backdrop-filter: blur(12px);
}

.sm-services__image {
  position: relative;
  overflow: hidden;
  height: 23rem;
  margin: 1.4rem 1.4rem 0;
  border-radius: 2.4rem;
  background:
    radial-gradient(circle at 42% 24%, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 34%),
    linear-gradient(145deg, #f7efe6, #e8cdc7);
}

.sm-services__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sm-services__image-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 2rem;
  color: var(--sm-mauve-dark);
  font-family: var(--sm-font-heading);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
}

.sm-services__card-content {
  padding: 2.8rem 2.6rem 3rem;
}

.sm-services__card h3 {
  margin: 0;
  color: var(--sm-espresso);
  font-family: var(--sm-font-heading);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
}

.sm-services__card p {
  margin-top: 1.5rem;
  color: var(--sm-taupe);
  font-size: 1.45rem;
  line-height: 1.68;
}

.sm-services__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2rem;
}

.sm-services__tags span {
  display: inline-flex;
  align-items: center;
  min-height: 2.9rem;
  padding: 0.65rem 1.1rem;
  border: 1px solid rgba(139, 83, 107, 0.12);
  border-radius: 999px;
  background: rgba(242, 223, 216, 0.30);
  color: var(--sm-taupe-dark);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1;
}

.sm-services__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.7rem;
  margin-top: 2.4rem;
  padding: 1.25rem 2.4rem;
  border: 1px solid rgba(216, 185, 130, 0.54);
  border-radius: 999px;
  background: var(--sm-mauve);
  color: var(--sm-warm-white);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 1.2rem 2.8rem rgba(111, 63, 85, 0.18);
  transition: transform var(--sm-transition), background-color var(--sm-transition);
}

.sm-services__button:hover {
  transform: translateY(-2px);
  background: var(--sm-mauve-dark);
  color: var(--sm-warm-white);
}

.sm-services__gold-line--top {
  width: 88rem;
  height: 38rem;
  top: -10rem;
  right: -20rem;
  transform: rotate(-16deg);
  opacity: 0.32;
}

.sm-services__gold-line--bottom {
  width: 90rem;
  height: 36rem;
  left: -24rem;
  bottom: -10rem;
  transform: rotate(12deg);
  opacity: 0.24;
}

/* ==========================================================================
   HOME — FINAL PREMIUM ICON SYSTEM FOR ALL SECTIONS
   Ikone za vse prazne dekorativne krogce na home strani
   ========================================================================== */

/* Osnovni premium stil za obstoječe prazne ikonice */

.sm-home .sm-hero__stat-icon,
.sm-home .sm-why__transform > span,
.sm-home .sm-why__reason > span,
.sm-home .sm-collab__benefit > span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 62%),
    linear-gradient(135deg, rgba(139, 83, 107, 0.92), rgba(165, 106, 132, 0.82)) !important;
  box-shadow: 0 1rem 2.4rem rgba(111, 63, 85, 0.12) !important;
}

/* Notranji zlati obroč */

.sm-home .sm-hero__stat-icon::before,
.sm-home .sm-why__transform > span::before,
.sm-home .sm-why__reason > span::before,
.sm-home .sm-collab__benefit > span::before {
  content: "" !important;
  position: absolute !important;
  inset: 1rem !important;
  z-index: 1 !important;
  border: 1px solid rgba(216, 185, 130, 0.9) !important;
  border-radius: 50% !important;
}

/* Dejanska ikona */

.sm-home .sm-hero__stat-icon::after,
.sm-home .sm-why__transform > span::after,
.sm-home .sm-why__reason > span::after,
.sm-home .sm-collab__benefit > span::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0.6rem 1.6rem rgba(216, 185, 130, 0.22) !important;
}

/* ==========================================================================
   HERO STAT IKONE
   ========================================================================== */

.sm-home .sm-hero__stat:nth-child(1) .sm-hero__stat-icon::after {
  content: "★" !important;
}

.sm-home .sm-hero__stat:nth-child(2) .sm-hero__stat-icon::after {
  content: "✓" !important;
}

.sm-home .sm-hero__stat:nth-child(3) .sm-hero__stat-icon::after {
  content: "✦" !important;
}

/* ==========================================================================
   ZAKAJ JAZ — TRANSFORMACIJE
   ========================================================================== */

.sm-home .sm-why__transform:nth-child(1) > span::after {
  content: "↗" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__transform:nth-child(2) > span::after {
  content: "✦" !important;
}

.sm-home .sm-why__transform:nth-child(3) > span::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

/* ==========================================================================
   ZAKAJ JAZ — RAZLOGI / KARTICE
   ========================================================================== */

.sm-home .sm-why__reason:nth-child(1) > span::after {
  content: "✦" !important;
}

.sm-home .sm-why__reason:nth-child(2) > span::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__reason:nth-child(3) > span::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__reason:nth-child(4) > span::after {
  content: "✓" !important;
}

/* ==========================================================================
   KAKO LAHKO SODELUJEVA — BENEFITI
   ========================================================================== */

.sm-home .sm-collab__benefit:nth-child(1) > span::after {
  content: "✓" !important;
}

.sm-home .sm-collab__benefit:nth-child(2) > span::after {
  content: "✦" !important;
}

.sm-home .sm-collab__benefit:nth-child(3) > span::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

/* ==========================================================================
   STORITVE — PREMIUM IKONA NA SLIKI KARTICE
   ========================================================================== */

.sm-home .sm-services__image {
  position: relative !important;
}

.sm-home .sm-services__image::after {
  content: "✦";
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  z-index: 4;
  display: grid;
  width: 4.4rem;
  height: 4.4rem;
  place-items: center;
  border: 1px solid rgba(216, 185, 130, 0.72);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 62%),
    linear-gradient(135deg, rgba(139, 83, 107, 0.92), rgba(165, 106, 132, 0.82));
  color: #f6df9f;
  font-family: var(--sm-font-body);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 1.2rem 2.8rem rgba(111, 63, 85, 0.16);
  pointer-events: none;
}

.sm-home .sm-services__card:nth-child(1) .sm-services__image::after {
  content: "✦";
}

.sm-home .sm-services__card:nth-child(2) .sm-services__image::after {
  content: "♡";
  font-size: 1.6rem;
}

.sm-home .sm-services__card:nth-child(3) .sm-services__image::after {
  content: "☽";
  font-size: 1.55rem;
}

/* ==========================================================================
   DODATNI HOME SEKCIJSKI IKON HOLDERJI
   Če imajo druge home sekcije prazne .__icon / .__symbol elemente
   ========================================================================== */

.sm-home [class*="__icon"]:empty:not(.sm-testimonials__card-icon),
.sm-home [class*="__symbol"]:empty,
.sm-home [class*="__mark"]:empty {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.sm-home [class*="__icon"]:empty:not(.sm-testimonials__card-icon)::after,
.sm-home [class*="__symbol"]:empty::after,
.sm-home [class*="__mark"]:empty::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  color: var(--sm-gold) !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {
  .sm-home .sm-hero__stat-icon::after,
  .sm-home .sm-why__transform > span::after,
  .sm-home .sm-why__reason > span::after,
  .sm-home .sm-collab__benefit > span::after {
    font-size: 1.1rem !important;
  }

  .sm-home .sm-services__image::after {
    top: 1rem;
    right: 1rem;
    width: 3.8rem;
    height: 3.8rem;
    font-size: 1.2rem;
  }
}

/* ==========================================================================
   HOME — ICON VARIATION FINAL
   Da se ikone v seznamih ne ponavljajo preveč
   ========================================================================== */

/* Zakaj jaz — glavni transformacijski seznam */

.sm-home .sm-why__transform:nth-child(1) > span::after {
  content: "✦" !important;
}

.sm-home .sm-why__transform:nth-child(2) > span::after {
  content: "↗" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__transform:nth-child(3) > span::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__transform:nth-child(4) > span::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

.sm-home .sm-why__transform:nth-child(5) > span::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__transform:nth-child(6) > span::after {
  content: "✓" !important;
}

.sm-home .sm-why__transform:nth-child(7) > span::after {
  content: "✧" !important;
}

.sm-home .sm-why__transform:nth-child(8) > span::after {
  content: "★" !important;
  font-size: 1.15rem !important;
}

/* Zakaj jaz — desni zgornji badge-i */

.sm-home .sm-why__reason:nth-child(1) > span::after {
  content: "✦" !important;
}

.sm-home .sm-why__reason:nth-child(2) > span::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__reason:nth-child(3) > span::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-why__reason:nth-child(4) > span::after {
  content: "✓" !important;
}

/* Collaborate benefiti */

.sm-home .sm-collab__benefit:nth-child(1) > span::after {
  content: "✓" !important;
}

.sm-home .sm-collab__benefit:nth-child(2) > span::after {
  content: "✦" !important;
}

.sm-home .sm-collab__benefit:nth-child(3) > span::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

.sm-home .sm-collab__benefit:nth-child(4) > span::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-collab__benefit:nth-child(5) > span::after {
  content: "↗" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-collab__benefit:nth-child(6) > span::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

/* Hero statistike */

.sm-home .sm-hero__stat:nth-child(1) .sm-hero__stat-icon::after {
  content: "★" !important;
}

.sm-home .sm-hero__stat:nth-child(2) .sm-hero__stat-icon::after {
  content: "✓" !important;
}

.sm-home .sm-hero__stat:nth-child(3) .sm-hero__stat-icon::after {
  content: "✦" !important;
}

.sm-home .sm-hero__stat:nth-child(4) .sm-hero__stat-icon::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

/* Services kartice */

.sm-home .sm-services__card:nth-child(1) .sm-services__image::after {
  content: "✦" !important;
}

.sm-home .sm-services__card:nth-child(2) .sm-services__image::after {
  content: "♡" !important;
  font-size: 1.6rem !important;
}

.sm-home .sm-services__card:nth-child(3) .sm-services__image::after {
  content: "☽" !important;
  font-size: 1.55rem !important;
}

.sm-home .sm-services__card:nth-child(4) .sm-services__image::after {
  content: "↗" !important;
  font-size: 1.55rem !important;
}

.sm-home .sm-services__card:nth-child(5) .sm-services__image::after {
  content: "∞" !important;
  font-size: 1.55rem !important;
}

.sm-home .sm-services__card:nth-child(6) .sm-services__image::after {
  content: "✓" !important;
}

/* ==========================================================================
   HOME — ICONS FOR RIVER / CARDS / CTA SECTIONS
   ========================================================================== */

/* Skupni stil za prazne krogce v dodatnih home sekcijah */

.sm-home .sm-river [class*="__icon"],
.sm-home .sm-river [class*="__symbol"],
.sm-home .sm-river [class*="__orb"],
.sm-home .sm-river [class*="__mark"],
.sm-home .sm-cards [class*="__icon"],
.sm-home .sm-cards [class*="__symbol"],
.sm-home .sm-cards [class*="__orb"],
.sm-home .sm-cards [class*="__mark"],
.sm-home .sm-cta [class*="__icon"],
.sm-home .sm-cta [class*="__symbol"],
.sm-home .sm-cta [class*="__orb"],
.sm-home .sm-cta [class*="__mark"],
.sm-home .sm-newsletter [class*="__icon"],
.sm-home .sm-newsletter [class*="__symbol"] {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

/* Ikona znotraj krogca */

.sm-home .sm-river [class*="__icon"]::after,
.sm-home .sm-river [class*="__symbol"]::after,
.sm-home .sm-river [class*="__orb"]::after,
.sm-home .sm-river [class*="__mark"]::after,
.sm-home .sm-cards [class*="__icon"]::after,
.sm-home .sm-cards [class*="__symbol"]::after,
.sm-home .sm-cards [class*="__orb"]::after,
.sm-home .sm-cards [class*="__mark"]::after,
.sm-home .sm-cta [class*="__icon"]::after,
.sm-home .sm-cta [class*="__symbol"]::after,
.sm-home .sm-cta [class*="__orb"]::after,
.sm-home .sm-cta [class*="__mark"]::after,
.sm-home .sm-newsletter [class*="__icon"]::after,
.sm-home .sm-newsletter [class*="__symbol"]::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0.6rem 1.6rem rgba(216, 185, 130, 0.22) !important;
  pointer-events: none !important;
}

/* Če je krogec samo navaden span v feature/pill itemih */

.sm-home .sm-river [class*="feature"] > span:first-child,
.sm-home .sm-river [class*="benefit"] > span:first-child,
.sm-home .sm-river [class*="item"] > span:first-child,
.sm-home .sm-river [class*="pill"] > span:first-child,
.sm-home .sm-cards [class*="feature"] > span:first-child,
.sm-home .sm-cards [class*="benefit"] > span:first-child,
.sm-home .sm-cards [class*="item"] > span:first-child,
.sm-home .sm-cards [class*="pill"] > span:first-child,
.sm-home .sm-cta [class*="feature"] > span:first-child,
.sm-home .sm-cta [class*="benefit"] > span:first-child,
.sm-home .sm-cta [class*="item"] > span:first-child,
.sm-home .sm-cta [class*="pill"] > span:first-child {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
}

.sm-home .sm-river [class*="feature"] > span:first-child::after,
.sm-home .sm-river [class*="benefit"] > span:first-child::after,
.sm-home .sm-river [class*="item"] > span:first-child::after,
.sm-home .sm-river [class*="pill"] > span:first-child::after,
.sm-home .sm-cards [class*="feature"] > span:first-child::after,
.sm-home .sm-cards [class*="benefit"] > span:first-child::after,
.sm-home .sm-cards [class*="item"] > span:first-child::after,
.sm-home .sm-cards [class*="pill"] > span:first-child::after,
.sm-home .sm-cta [class*="feature"] > span:first-child::after,
.sm-home .sm-cta [class*="benefit"] > span:first-child::after,
.sm-home .sm-cta [class*="item"] > span:first-child::after,
.sm-home .sm-cta [class*="pill"] > span:first-child::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 3 !important;
  color: #f6df9f !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* ==========================================================================
   R.I.V.E.R. — raznolike ikone
   ========================================================================== */

.sm-home .sm-river [class*="feature"]:nth-child(1) > span:first-child::after,
.sm-home .sm-river [class*="item"]:nth-child(1) > span:first-child::after,
.sm-home .sm-river [class*="pill"]:nth-child(1) > span:first-child::after {
  content: "✦" !important;
}

.sm-home .sm-river [class*="feature"]:nth-child(2) > span:first-child::after,
.sm-home .sm-river [class*="item"]:nth-child(2) > span:first-child::after,
.sm-home .sm-river [class*="pill"]:nth-child(2) > span:first-child::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-river [class*="feature"]:nth-child(3) > span:first-child::after,
.sm-home .sm-river [class*="item"]:nth-child(3) > span:first-child::after,
.sm-home .sm-river [class*="pill"]:nth-child(3) > span:first-child::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

.sm-home .sm-river [class*="feature"]:nth-child(4) > span:first-child::after,
.sm-home .sm-river [class*="item"]:nth-child(4) > span:first-child::after,
.sm-home .sm-river [class*="pill"]:nth-child(4) > span:first-child::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-river [class*="feature"]:nth-child(5) > span:first-child::after,
.sm-home .sm-river [class*="item"]:nth-child(5) > span:first-child::after,
.sm-home .sm-river [class*="pill"]:nth-child(5) > span:first-child::after {
  content: "✓" !important;
}

/* ==========================================================================
   KARTE — spodnje tri ikone
   ========================================================================== */

.sm-home .sm-cards [class*="feature"]:nth-child(1) > span:first-child::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(1) > span:first-child::after,
.sm-home .sm-cards [class*="item"]:nth-child(1) > span:first-child::after {
  content: "☽" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-cards [class*="feature"]:nth-child(2) > span:first-child::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(2) > span:first-child::after,
.sm-home .sm-cards [class*="item"]:nth-child(2) > span:first-child::after {
  content: "✦" !important;
}

.sm-home .sm-cards [class*="feature"]:nth-child(3) > span:first-child::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(3) > span:first-child::after,
.sm-home .sm-cards [class*="item"]:nth-child(3) > span:first-child::after {
  content: "↗" !important;
  font-size: 1.35rem !important;
}

/* ==========================================================================
   CTA — spodnji trije elementi
   ========================================================================== */

.sm-home .sm-cta [class*="feature"]:nth-child(1) > span:first-child::after,
.sm-home .sm-cta [class*="benefit"]:nth-child(1) > span:first-child::after,
.sm-home .sm-cta [class*="item"]:nth-child(1) > span:first-child::after,
.sm-home .sm-cta [class*="pill"]:nth-child(1) > span:first-child::after {
  content: "✓" !important;
}

.sm-home .sm-cta [class*="feature"]:nth-child(2) > span:first-child::after,
.sm-home .sm-cta [class*="benefit"]:nth-child(2) > span:first-child::after,
.sm-home .sm-cta [class*="item"]:nth-child(2) > span:first-child::after,
.sm-home .sm-cta [class*="pill"]:nth-child(2) > span:first-child::after {
  content: "✦" !important;
}

.sm-home .sm-cta [class*="feature"]:nth-child(3) > span:first-child::after,
.sm-home .sm-cta [class*="benefit"]:nth-child(3) > span:first-child::after,
.sm-home .sm-cta [class*="item"]:nth-child(3) > span:first-child::after,
.sm-home .sm-cta [class*="pill"]:nth-child(3) > span:first-child::after {
  content: "♡" !important;
  font-size: 1.38rem !important;
}

/* Mobile */

@media (max-width: 767px) {
  .sm-home .sm-river [class*="__icon"]::after,
  .sm-home .sm-river [class*="__symbol"]::after,
  .sm-home .sm-river [class*="__orb"]::after,
  .sm-home .sm-river [class*="__mark"]::after,
  .sm-home .sm-cards [class*="__icon"]::after,
  .sm-home .sm-cards [class*="__symbol"]::after,
  .sm-home .sm-cards [class*="__orb"]::after,
  .sm-home .sm-cards [class*="__mark"]::after,
  .sm-home .sm-cta [class*="__icon"]::after,
  .sm-home .sm-cta [class*="__symbol"]::after,
  .sm-home .sm-cta [class*="__orb"]::after,
  .sm-home .sm-cta [class*="__mark"]::after {
    font-size: 1.1rem !important;
  }
}

/* ==========================================================================
   HOME — FINAL CTA / LAST EMPTY CIRCLES ICON FIX
   Zadnji prazni krogci v CTA sekciji
   ========================================================================== */

.sm-home section:not(.sm-testimonials) 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
) > span:first-child:empty,
.sm-home section:not(.sm-testimonials) 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
) > i:first-child:empty {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.sm-home section:not(.sm-testimonials) 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
) > span:first-child:empty::after,
.sm-home section:not(.sm-testimonials) 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
) > i:first-child:empty::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  pointer-events: none !important;
}

/* Zadnja CTA vrstica — različne ikone */

.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(1) > span:first-child:empty::after,
.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(1) > i:first-child:empty::after {
  content: "✓" !important;
}

.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(2) > span:first-child:empty::after,
.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(2) > i:first-child:empty::after {
  content: "✦" !important;
}

.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(3) > span:first-child:empty::after,
.sm-home section:last-of-type 
:is(
  [class*="pill"],
  [class*="feature"],
  [class*="benefit"],
  [class*="point"],
  [class*="item"],
  [class*="meta"],
  [class*="highlight"]
):nth-child(3) > i:first-child:empty::after {
  content: "♡" !important;
  font-size: 1.3rem !important;
}

/* Če je krog samostojen element z lastnim classom */

.sm-home section:not(.sm-testimonials) 
[class*="circle"]:empty::after,
.sm-home section:not(.sm-testimonials) 
[class*="orb"]:empty::after,
.sm-home section:not(.sm-testimonials) 
[class*="icon"]:empty::after {
  content: "✦" !important;
  position: relative !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* ==========================================================================
   HOME — EXACT ICON FIX FOR R.I.V.E.R. + FINAL CTA
   ========================================================================== */

/* R.I.V.E.R. — quote kartica, glavni panel in info kartice */

.sm-home .sm-river__quote-icon,
.sm-home .sm-river__feature-panel-icon,
.sm-home .sm-river__info-icon {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.sm-home .sm-river__quote-icon::after,
.sm-home .sm-river__feature-panel-icon::after,
.sm-home .sm-river__info-icon::after {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0.6rem 1.6rem rgba(216, 185, 130, 0.22) !important;
  pointer-events: none !important;
}

.sm-home .sm-river__quote-icon::after {
  content: "✦" !important;
}

.sm-home .sm-river__feature-panel-icon::after {
  content: "☽" !important;
  font-size: 1.45rem !important;
}

.sm-home .sm-river__info-icon--one::after {
  content: "↗" !important;
  font-size: 1.35rem !important;
}

.sm-home .sm-river__info-icon--two::after {
  content: "∞" !important;
  font-size: 1.35rem !important;
}

/* CTA — spodnji trije mini elementi */

.sm-home .sm-cta__mini span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.sm-home .sm-cta__mini span::after {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  color: #f6df9f !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.18rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0.6rem 1.6rem rgba(216, 185, 130, 0.22) !important;
  pointer-events: none !important;
}

.sm-home .sm-cta__mini:nth-child(1) span::after {
  content: "✓" !important;
}

.sm-home .sm-cta__mini:nth-child(2) span::after {
  content: "✦" !important;
}

.sm-home .sm-cta__mini:nth-child(3) span::after {
  content: "♡" !important;
  font-size: 1.32rem !important;
}

/* Mobile */

@media (max-width: 767px) {
  .sm-home .sm-river__quote-icon::after,
  .sm-home .sm-river__feature-panel-icon::after,
  .sm-home .sm-river__info-icon::after,
  .sm-home .sm-cta__mini span::after {
    font-size: 1.1rem !important;
  }
}

/* ==========================================================================
   HOME — COLLAB FINAL LUXURY ICON BAR
   Spodnji 3 elementi v sekciji "Kako lahko sodelujeva"
   Ikone kot na potrjeni sliki: tanek zlati krog + minimalističen znak
   ========================================================================== */

.sm-home .sm-collab__benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 3.8rem !important;
  padding: 1.15rem !important;
  border: 1px solid rgba(139, 83, 107, 0.08) !important;
  border-radius: 3rem !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.62) !important;
  box-shadow:
    0 1.4rem 3.2rem rgba(55, 35, 32, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
  backdrop-filter: blur(10px) !important;
}

.sm-home .sm-collab__benefit {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 4.4rem 1fr !important;
  gap: 1.25rem !important;
  align-items: start !important;
  min-height: 10.2rem !important;
  padding: 1.75rem 1.65rem !important;
  border: 0 !important;
  border-radius: 2.2rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.sm-home .sm-collab__benefit:not(:last-child)::before {
  content: "" !important;
  position: absolute !important;
  top: 18% !important;
  right: 0 !important;
  width: 1px !important;
  height: 64% !important;
  background: linear-gradient(
    180deg,
    rgba(216, 185, 130, 0),
    rgba(216, 185, 130, 0.30),
    rgba(216, 185, 130, 0)
  ) !important;
}

.sm-home .sm-collab__benefit::after {
  content: none !important;
}

/* ----------------------------------
   Potrjene luxury ikone
   ---------------------------------- */

.sm-home .sm-collab__benefit > span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3.8rem !important;
  height: 3.8rem !important;
  margin-top: 0.05rem !important;
  border: 1px solid rgba(216, 185, 130, 0.76) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 62%),
    rgba(255, 253, 249, 0.78) !important;
  box-shadow:
    0 0.7rem 1.6rem rgba(55, 35, 32, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  transform: none !important;
}

.sm-home .sm-collab__benefit > span::before {
  content: none !important;
}

/* Osnovna nastavitev znaka v ikoni */

.sm-home .sm-collab__benefit > span::after {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  transform: none !important;
}

/* 1. ikona — sparkle */

.sm-home .sm-collab__benefit:nth-child(1) > span::after {
  content: "✧" !important;
  font-size: 1.95rem !important;
  margin-top: -0.05rem !important;
}

/* 2. ikona — srce */

.sm-home .sm-collab__benefit:nth-child(2) > span::after {
  content: "♡" !important;
  font-size: 2.05rem !important;
  margin-top: -0.08rem !important;
}

/* 3. ikona — puščica */

.sm-home .sm-collab__benefit:nth-child(3) > span::after {
  content: "↗" !important;
  font-size: 2rem !important;
  margin-top: -0.08rem !important;
  margin-left: -0.02rem !important;
}

/* ----------------------------------
   Tekst v spodnjem baru
   ---------------------------------- */

.sm-home .sm-collab__benefit p {
  margin: 0 !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.2rem !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}

.sm-home .sm-collab__benefit p::first-line {
  color: var(--sm-espresso) !important;
  font-family: var(--sm-font-heading) !important;
  font-size: 1.62rem !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
}

/* Minimalen hover */

.sm-home .sm-collab__benefit {
  transition:
    background-color 220ms ease,
    transform 220ms ease !important;
}

.sm-home .sm-collab__benefit:hover {
  transform: translateY(-0.1rem) !important;
  background: rgba(255, 253, 249, 0.34) !important;
}

/* Mobile */

@media (max-width: 980px) {
  .sm-home .sm-collab__benefits {
    grid-template-columns: 1fr !important;
    max-width: 54rem !important;
    margin-inline: auto !important;
    gap: 0 !important;
  }

  .sm-home .sm-collab__benefit {
    min-height: auto !important;
    padding: 1.65rem 1.55rem !important;
  }

  .sm-home .sm-collab__benefit:not(:last-child)::before {
    top: auto !important;
    right: 1.6rem !important;
    bottom: 0 !important;
    left: 1.6rem !important;
    width: auto !important;
    height: 1px !important;
    background: linear-gradient(
      90deg,
      rgba(216, 185, 130, 0),
      rgba(216, 185, 130, 0.30),
      rgba(216, 185, 130, 0)
    ) !important;
  }
}

@media (max-width: 767px) {
  .sm-home .sm-collab__benefits {
    padding: 0.85rem !important;
    border-radius: 2.4rem !important;
  }

  .sm-home .sm-collab__benefit {
    grid-template-columns: 4rem 1fr !important;
    gap: 1.1rem !important;
    padding: 1.5rem 1.35rem !important;
  }

  .sm-home .sm-collab__benefit > span {
    width: 3.4rem !important;
    height: 3.4rem !important;
  }

  .sm-home .sm-collab__benefit:nth-child(1) > span::after {
    font-size: 1.75rem !important;
  }

  .sm-home .sm-collab__benefit:nth-child(2) > span::after {
    font-size: 1.85rem !important;
  }

  .sm-home .sm-collab__benefit:nth-child(3) > span::after {
    font-size: 1.8rem !important;
  }

  .sm-home .sm-collab__benefit p {
    font-size: 1.14rem !important;
  }

  .sm-home .sm-collab__benefit p::first-line {
    font-size: 1.48rem !important;
  }
}

/* ==========================================================================
   HOME — APPROVED LUXURY ICON SYSTEM FOR OTHER SECTIONS
   Ikone kot v potrjeni sekciji "Kako lahko sodelujeva"
   Ne spreminja .sm-collab__benefit ikon
   ========================================================================== */

/* ----------------------------------
   Osnovni luxury icon krog za ostale sekcije
   ---------------------------------- */

.sm-home .sm-hero__stat-icon,
.sm-home .sm-why__transform > span,
.sm-home .sm-why__reason > span,
.sm-home .sm-river__quote-icon,
.sm-home .sm-river__feature-panel-icon,
.sm-home .sm-river__info-icon,
.sm-home .sm-testimonials__trust-pill span,
.sm-home .sm-testimonials__card-icon,
.sm-home .sm-cta__mini span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3.7rem !important;
  height: 3.7rem !important;
  min-width: 3.7rem !important;
  min-height: 3.7rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  transform: none !important;
  overflow: visible !important;
}

/* ugasni stare notranje kroge tam, kjer jih ni treba več */

.sm-home .sm-hero__stat-icon::before,
.sm-home .sm-why__transform > span::before,
.sm-home .sm-why__reason > span::before,
.sm-home .sm-river__quote-icon::before,
.sm-home .sm-river__feature-panel-icon::before,
.sm-home .sm-river__info-icon::before,
.sm-home .sm-testimonials__trust-pill span::before,
.sm-home .sm-testimonials__card-icon::before,
.sm-home .sm-cta__mini span::before {
  content: none !important;
}

/* osnovni znak znotraj ikon */

.sm-home .sm-hero__stat-icon::after,
.sm-home .sm-why__transform > span::after,
.sm-home .sm-why__reason > span::after,
.sm-home .sm-river__quote-icon::after,
.sm-home .sm-river__feature-panel-icon::after,
.sm-home .sm-river__info-icon::after,
.sm-home .sm-testimonials__trust-pill span::after,
.sm-home .sm-testimonials__card-icon::after,
.sm-home .sm-cta__mini span::after {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  transform: none !important;
}

/* ----------------------------------
   HERO statistike
   ---------------------------------- */

.sm-home .sm-hero__stat:nth-child(1) .sm-hero__stat-icon::after {
  content: "✧" !important;
}

.sm-home .sm-hero__stat:nth-child(2) .sm-hero__stat-icon::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-hero__stat:nth-child(3) .sm-hero__stat-icon::after {
  content: "↗" !important;
}

/* ----------------------------------
   WHY / Zakaj jaz — transformacije
   ---------------------------------- */

.sm-home .sm-why__transform:nth-child(1) > span::after {
  content: "✧" !important;
}

.sm-home .sm-why__transform:nth-child(2) > span::after {
  content: "↗" !important;
}

.sm-home .sm-why__transform:nth-child(3) > span::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-why__transform:nth-child(4) > span::after {
  content: "✓" !important;
  font-size: 1.65rem !important;
}

.sm-home .sm-why__transform:nth-child(5) > span::after {
  content: "✦" !important;
  font-size: 1.65rem !important;
}

.sm-home .sm-why__transform:nth-child(6) > span::after {
  content: "∞" !important;
  font-size: 1.75rem !important;
}

/* WHY / Zakaj jaz — manjše reason kartice */

.sm-home .sm-why__reason:nth-child(1) > span::after {
  content: "✧" !important;
}

.sm-home .sm-why__reason:nth-child(2) > span::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-why__reason:nth-child(3) > span::after {
  content: "↗" !important;
}

.sm-home .sm-why__reason:nth-child(4) > span::after {
  content: "✓" !important;
  font-size: 1.65rem !important;
}

/* ----------------------------------
   R.I.V.E.R. sekcija
   ---------------------------------- */

.sm-home .sm-river__quote-icon::after {
  content: "✧" !important;
}

.sm-home .sm-river__feature-panel-icon::after {
  content: "☽" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-river__info-icon--one::after {
  content: "↗" !important;
}

.sm-home .sm-river__info-icon--two::after {
  content: "∞" !important;
  font-size: 1.75rem !important;
}

/* ----------------------------------
   Mnenja / Testimonials
   ---------------------------------- */

.sm-home .sm-testimonials__trust-pill:nth-child(1) span::after {
  content: "✧" !important;
}

.sm-home .sm-testimonials__trust-pill:nth-child(2) span::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-testimonials__trust-pill:nth-child(3) span::after {
  content: "↗" !important;
}

.sm-home .sm-testimonials__trust-pill:nth-child(4) span::after {
  content: "✓" !important;
  font-size: 1.65rem !important;
}

/* ikone na testimonial karticah naj bodo zelo subtilne */

.sm-home .sm-testimonials__card-icon {
  width: 5.8rem !important;
  height: 5.8rem !important;
  border-color: rgba(216, 185, 130, 0.58) !important;
  background: rgba(255, 253, 249, 0.46) !important;
}

.sm-home .sm-testimonials__card-icon::after {
  content: "♡" !important;
  font-size: 2.35rem !important;
  color: rgba(199, 156, 84, 0.70) !important;
}

/* ----------------------------------
   Final CTA mini elementi
   ---------------------------------- */

.sm-home .sm-cta__mini:nth-child(1) span::after {
  content: "✧" !important;
}

.sm-home .sm-cta__mini:nth-child(2) span::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-cta__mini:nth-child(3) span::after {
  content: "✓" !important;
  font-size: 1.65rem !important;
}

/* ----------------------------------
   Services image icon — če je aktiven overlay icon
   ---------------------------------- */

.sm-home .sm-services__image::after {
  position: absolute !important;
  top: 1.4rem !important;
  right: 1.4rem !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 3.7rem !important;
  height: 3.7rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* če imajo service kartice različne ikone */
.sm-home .sm-services__card:nth-child(1) .sm-services__image::after {
  content: "✧" !important;
}

.sm-home .sm-services__card:nth-child(2) .sm-services__image::after {
  content: "♡" !important;
  font-size: 1.9rem !important;
}

.sm-home .sm-services__card:nth-child(3) .sm-services__image::after {
  content: "↗" !important;
}

/* ----------------------------------
   Mobile
   ---------------------------------- */

@media (max-width: 767px) {
  .sm-home .sm-hero__stat-icon,
  .sm-home .sm-why__transform > span,
  .sm-home .sm-why__reason > span,
  .sm-home .sm-river__quote-icon,
  .sm-home .sm-river__feature-panel-icon,
  .sm-home .sm-river__info-icon,
  .sm-home .sm-testimonials__trust-pill span,
  .sm-home .sm-cta__mini span,
  .sm-home .sm-services__image::after {
    width: 3.35rem !important;
    height: 3.35rem !important;
    min-width: 3.35rem !important;
    min-height: 3.35rem !important;
  }

  .sm-home .sm-hero__stat-icon::after,
  .sm-home .sm-why__transform > span::after,
  .sm-home .sm-why__reason > span::after,
  .sm-home .sm-river__quote-icon::after,
  .sm-home .sm-river__feature-panel-icon::after,
  .sm-home .sm-river__info-icon::after,
  .sm-home .sm-testimonials__trust-pill span::after,
  .sm-home .sm-cta__mini span::after,
  .sm-home .sm-services__image::after {
    font-size: 1.6rem !important;
  }

  .sm-home .sm-testimonials__card-icon {
    width: 5rem !important;
    height: 5rem !important;
  }

  .sm-home .sm-testimonials__card-icon::after {
    font-size: 2rem !important;
  }
}

/* ==========================================================================
   HOME — MARS & VENERA CARDS SECTION ICON FIX
   Ikone v sekciji "Karte Mars in Venera"
   ========================================================================== */

/* Cilja spodnje 3 ikone v sekciji s kartami */
.sm-home .sm-cards__feature span,
.sm-home .sm-cards__features span,
.sm-home .sm-cards__benefit span,
.sm-home .sm-cards__benefits span,
.sm-home .sm-cards__meta span,
.sm-home .sm-cards__item span,
.sm-home .sm-cards__pill span,
.sm-home .sm-cards [class*="feature"] > span,
.sm-home .sm-cards [class*="benefit"] > span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3.7rem !important;
  height: 3.7rem !important;
  min-width: 3.7rem !important;
  min-height: 3.7rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  transform: none !important;
  overflow: visible !important;
}

/* odstrani star mauve notranji krog / polnilo */
.sm-home .sm-cards__feature span::before,
.sm-home .sm-cards__features span::before,
.sm-home .sm-cards__benefit span::before,
.sm-home .sm-cards__benefits span::before,
.sm-home .sm-cards__meta span::before,
.sm-home .sm-cards__item span::before,
.sm-home .sm-cards__pill span::before,
.sm-home .sm-cards [class*="feature"] > span::before,
.sm-home .sm-cards [class*="benefit"] > span::before {
  content: none !important;
}

/* osnovni zlati minimalistični znak */
.sm-home .sm-cards__feature span::after,
.sm-home .sm-cards__features span::after,
.sm-home .sm-cards__benefit span::after,
.sm-home .sm-cards__benefits span::after,
.sm-home .sm-cards__meta span::after,
.sm-home .sm-cards__item span::after,
.sm-home .sm-cards__pill span::after,
.sm-home .sm-cards [class*="feature"] > span::after,
.sm-home .sm-cards [class*="benefit"] > span::after {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.9rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  transform: none !important;
}

/* 1. ikona */
.sm-home .sm-cards__features > *:nth-child(1) span::after,
.sm-home .sm-cards__benefits > *:nth-child(1) span::after,
.sm-home .sm-cards [class*="feature"]:nth-child(1) > span::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(1) > span::after {
  content: "✧" !important;
}

/* 2. ikona */
.sm-home .sm-cards__features > *:nth-child(2) span::after,
.sm-home .sm-cards__benefits > *:nth-child(2) span::after,
.sm-home .sm-cards [class*="feature"]:nth-child(2) > span::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(2) > span::after {
  content: "♡" !important;
  font-size: 2rem !important;
}

/* 3. ikona */
.sm-home .sm-cards__features > *:nth-child(3) span::after,
.sm-home .sm-cards__benefits > *:nth-child(3) span::after,
.sm-home .sm-cards [class*="feature"]:nth-child(3) > span::after,
.sm-home .sm-cards [class*="benefit"]:nth-child(3) > span::after {
  content: "↗" !important;
  font-size: 1.95rem !important;
}

/* če zgornji nth-child zaradi strukture ne prime, naj bo vsaj enoten znak */
.sm-home .sm-cards__feature span::after,
.sm-home .sm-cards__benefit span::after,
.sm-home .sm-cards__item span::after,
.sm-home .sm-cards__pill span::after {
  content: "✧" !important;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-home .sm-cards__feature span,
  .sm-home .sm-cards__features span,
  .sm-home .sm-cards__benefit span,
  .sm-home .sm-cards__benefits span,
  .sm-home .sm-cards__meta span,
  .sm-home .sm-cards__item span,
  .sm-home .sm-cards__pill span,
  .sm-home .sm-cards [class*="feature"] > span,
  .sm-home .sm-cards [class*="benefit"] > span {
    width: 3.35rem !important;
    height: 3.35rem !important;
    min-width: 3.35rem !important;
    min-height: 3.35rem !important;
  }

  .sm-home .sm-cards__feature span::after,
  .sm-home .sm-cards__features span::after,
  .sm-home .sm-cards__benefit span::after,
  .sm-home .sm-cards__benefits span::after,
  .sm-home .sm-cards__meta span::after,
  .sm-home .sm-cards__item span::after,
  .sm-home .sm-cards__pill span::after,
  .sm-home .sm-cards [class*="feature"] > span::after,
  .sm-home .sm-cards [class*="benefit"] > span::after {
    font-size: 1.7rem !important;
  }
}

/* ==========================================================================
   HOME — HERO FINAL LUXURY POLISH
   Samo hero sekcija: CTA, affirmation card, proof, stats icons
   ========================================================================== */

/* ----------------------------------
   HERO spacing — malo več miru pod headerjem
   ---------------------------------- */

.sm-home .sm-hero {
  padding-top: clamp(6.4rem, 6.6vw, 9rem) !important;
}

/* ----------------------------------
   Hero CTA gumbi — jasna prodajna hierarhija
   ---------------------------------- */

.sm-home .sm-hero__actions {
  gap: 1.5rem !important;
  margin-top: 3.6rem !important;
}

.sm-home .sm-hero__actions .sm-btn {
  min-height: 5.3rem !important;
  padding-inline: 2.9rem !important;
  border-radius: 999px !important;
  transition:
    transform 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    color 220ms ease !important;
}

/* Primarni gumb — naj ostane glavni */
.sm-home .sm-hero__actions .sm-btn:first-child {
  background: var(--sm-mauve) !important;
  color: var(--sm-warm-white) !important;
  border: 1px solid rgba(216, 185, 130, 0.54) !important;
  box-shadow: 0 1.35rem 3.1rem rgba(111, 63, 85, 0.21) !important;
}

.sm-home .sm-hero__actions .sm-btn:first-child:hover {
  transform: translateY(-0.18rem) !important;
  background: var(--sm-mauve-dark) !important;
  color: var(--sm-warm-white) !important;
  box-shadow: 0 1.7rem 3.8rem rgba(111, 63, 85, 0.25) !important;
}

/* Sekundarni gumb — bolj tih, bolj luxury */
.sm-home .sm-hero__actions .sm-btn:nth-child(2) {
  background: rgba(255, 253, 249, 0.80) !important;
  color: var(--sm-espresso) !important;
  border: 1px solid rgba(139, 83, 107, 0.15) !important;
  box-shadow: 0 0.8rem 2rem rgba(55, 35, 32, 0.035) !important;
}

.sm-home .sm-hero__actions .sm-btn:nth-child(2):hover {
  transform: translateY(-0.16rem) !important;
  background: rgba(255, 253, 249, 0.98) !important;
  color: var(--sm-mauve-dark) !important;
  border-color: rgba(216, 185, 130, 0.38) !important;
  box-shadow: 0 1rem 2.4rem rgba(55, 35, 32, 0.045) !important;
}

/* ----------------------------------
   Link "Spoznaj metodo pretoka" — bolj editorial
   ---------------------------------- */

.sm-home .sm-hero__method {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: 2.35rem !important;
  padding-bottom: 0.65rem !important;
  border-bottom: 0 !important;
  color: var(--sm-mauve-dark) !important;
  font-size: 1.34rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.015em !important;
  line-height: 1.2 !important;
}

.sm-home .sm-hero__method::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    rgba(139, 83, 107, 0.42),
    rgba(216, 185, 130, 0.58),
    rgba(139, 83, 107, 0.18)
  ) !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

.sm-home .sm-hero__method:hover {
  color: var(--sm-espresso) !important;
}

.sm-home .sm-hero__method:hover::after {
  opacity: 0.75 !important;
  transform: translateY(0.12rem) !important;
}

/* ----------------------------------
   Desna affirmation kartica — bolj fina, manj dominantna
   ---------------------------------- */

.sm-home .sm-hero__affirmation {
  width: 26.8rem !important;
  min-height: 31.5rem !important;
  padding: 3.85rem 2.85rem 3.05rem !important;
  border: 1px solid rgba(139, 83, 107, 0.105) !important;
  border-radius: 3.2rem !important;
  background:
    radial-gradient(circle at 28% 12%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.88) !important;
  box-shadow:
    0 2rem 5.2rem rgba(55, 35, 32, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-hero__affirmation-symbol {
  width: 4.8rem !important;
  height: 4.8rem !important;
  margin-bottom: 2rem !important;
  border: 1px solid rgba(216, 185, 130, 0.56) !important;
  background: rgba(255, 253, 249, 0.56) !important;
}

.sm-home .sm-hero__affirmation-symbol::before {
  inset: 1.55rem !important;
  border-color: rgba(216, 185, 130, 0.74) !important;
}

.sm-home .sm-hero__affirmation-label {
  margin-bottom: 1.15rem !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.02rem !important;
  letter-spacing: 0.17em !important;
}

.sm-home .sm-hero__affirmation p {
  color: var(--sm-mauve-dark) !important;
  font-size: 2.28rem !important;
  line-height: 1.17 !important;
  letter-spacing: -0.025em !important;
}

.sm-home .sm-hero__affirmation-footer {
  margin-top: 2.5rem !important;
  color: var(--sm-mauve) !important;
  font-size: 1.02rem !important;
  letter-spacing: 0.13em !important;
}

/* ----------------------------------
   Proof vrstica — manj gneče, bolj premium
   ---------------------------------- */

.sm-home .sm-hero__proof {
  margin-top: 3.15rem !important;
}

.sm-home .sm-hero__proof-label {
  margin-bottom: 1.25rem !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.20em !important;
}

.sm-home .sm-hero__proof-row {
  gap: 1.8rem !important;
  align-items: center !important;
}

.sm-home .sm-hero__avatars span {
  width: 4.05rem !important;
  height: 4.05rem !important;
  border: 2px solid rgba(255, 253, 249, 0.96) !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.96), rgba(232, 205, 199, 0.46)),
    linear-gradient(135deg, #fffdfa, #ead5ce) !important;
  box-shadow: 0 0.85rem 2rem rgba(55, 35, 32, 0.075) !important;
}

.sm-home .sm-hero__avatars span:not(:first-child) {
  margin-left: -1.05rem !important;
}

.sm-home .sm-hero__rating {
  color: var(--sm-taupe) !important;
  font-size: 1.28rem !important;
  line-height: 1.34 !important;
}

.sm-home .sm-hero__stars {
  margin-bottom: 0.48rem !important;
  color: rgba(216, 157, 47, 0.92) !important;
  font-size: 1.65rem !important;
  letter-spacing: 0.12em !important;
}

/* ----------------------------------
   Statistika — luxury icon system
   ---------------------------------- */

.sm-home .sm-hero__stats {
  min-height: 12.4rem !important;
  border: 1px solid rgba(139, 83, 107, 0.10) !important;
  border-radius: 3.4rem !important;
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 44%),
    rgba(255, 253, 249, 0.84) !important;
  box-shadow:
    0 2.2rem 5.8rem rgba(55, 35, 32, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-hero__stat {
  grid-template-columns: 4.1rem 1fr !important;
  gap: 1.35rem !important;
  padding: 2.45rem 2.45rem !important;
}

.sm-home .sm-hero__stat:not(:last-child)::after {
  background: linear-gradient(
    180deg,
    rgba(216, 185, 130, 0),
    rgba(216, 185, 130, 0.42),
    rgba(216, 185, 130, 0)
  ) !important;
}

/* potrjene ikone: zlat krog + minimalistični znak */
.sm-home .sm-hero__stat-icon {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3.7rem !important;
  height: 3.7rem !important;
  min-width: 3.7rem !important;
  min-height: 3.7rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  transform: none !important;
}

.sm-home .sm-hero__stat-icon::before {
  content: none !important;
}

.sm-home .sm-hero__stat-icon::after {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  transform: none !important;
}

.sm-home .sm-hero__stat:nth-child(1) .sm-hero__stat-icon::after {
  content: "✧" !important;
  font-size: 1.95rem !important;
  margin-top: -0.05rem !important;
}

.sm-home .sm-hero__stat:nth-child(2) .sm-hero__stat-icon::after {
  content: "♡" !important;
  font-size: 2rem !important;
  margin-top: -0.08rem !important;
}

.sm-home .sm-hero__stat:nth-child(3) .sm-hero__stat-icon::after {
  content: "↗" !important;
  font-size: 1.95rem !important;
  margin-top: -0.08rem !important;
}

.sm-home .sm-hero__stat strong {
  font-size: 2.9rem !important;
  letter-spacing: -0.035em !important;
}

.sm-home .sm-hero__stat p {
  margin-top: 0.55rem !important;
  font-size: 1.22rem !important;
  line-height: 1.32 !important;
}

/* ----------------------------------
   Mobile
   ---------------------------------- */

@media (max-width: 980px) {
  .sm-home .sm-hero__affirmation {
    width: 25.5rem !important;
    min-height: 30rem !important;
  }

  .sm-home .sm-hero__stats {
    min-height: auto !important;
  }
}

@media (max-width: 767px) {
  .sm-home .sm-hero {
    padding-top: 5.4rem !important;
  }

  .sm-home .sm-hero__actions {
    gap: 1.2rem !important;
  }

  .sm-home .sm-hero__actions .sm-btn {
    width: 100% !important;
    min-height: 5rem !important;
  }

  .sm-home .sm-hero__affirmation {
    width: min(27rem, calc(100% - 2rem)) !important;
    min-height: auto !important;
    padding: 3rem 2.4rem 2.6rem !important;
    border-radius: 2.8rem !important;
  }

  .sm-home .sm-hero__affirmation p {
    font-size: 2rem !important;
  }

  .sm-home .sm-hero__proof-row {
    align-items: flex-start !important;
  }

  .sm-home .sm-hero__avatars span {
    width: 3.75rem !important;
    height: 3.75rem !important;
  }

  .sm-home .sm-hero__stats {
    border-radius: 2.8rem !important;
  }

  .sm-home .sm-hero__stat {
    grid-template-columns: 3.8rem 1fr !important;
    padding: 2rem !important;
  }

  .sm-home .sm-hero__stat-icon {
    width: 3.35rem !important;
    height: 3.35rem !important;
    min-width: 3.35rem !important;
    min-height: 3.35rem !important;
  }

  .sm-home .sm-hero__stat-icon::after {
    font-size: 1.7rem !important;
  }
}

/* ==========================================================================
   HOME — WHY ME / ZAKAJ JAZ FINAL LUXURY POLISH
   Uredi samo sekcijo "Zakaj jaz"
   ========================================================================== */

/* Desna kartica naj se ne raztegne umetno do višine leve */
.sm-home .sm-why__container {
  align-items: start !important;
}

.sm-home .sm-why__card--trust {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: clamp(3.4rem, 4vw, 4.8rem) !important;
}

/* Leva kartica ostane močna, samo malo bolj fina */
.sm-home .sm-why__card--main {
  border-color: rgba(139, 83, 107, 0.105) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,0.78), rgba(255,255,255,0) 42%),
    rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    0 2.1rem 5.8rem rgba(55, 35, 32, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

/* Desna kartica: bolj premium, manj praznine */
.sm-home .sm-why__card--trust {
  border-color: rgba(139, 83, 107, 0.105) !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,0.82), rgba(255,255,255,0) 44%),
    rgba(255, 253, 249, 0.70) !important;
  box-shadow:
    0 2.1rem 5.8rem rgba(55, 35, 32, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

/* Desni naslov in grid naj dobita bolj editorial ritem */
.sm-home .sm-why__side-title {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}

.sm-home .sm-why__reason-grid {
  gap: 1.25rem !important;
  margin-top: 2.5rem !important;
}

/* Reason kartice: bolj čiste, bolj luxury */
.sm-home .sm-why__reason {
  min-height: 5.4rem !important;
  grid-template-columns: 3.9rem 1fr !important;
  gap: 1rem !important;
  padding: 0.95rem 1.15rem !important;
  border-color: rgba(139, 83, 107, 0.095) !important;
  border-radius: 1.8rem !important;
  background:
    radial-gradient(circle at 16% 10%, rgba(255,255,255,0.88), rgba(255,255,255,0) 48%),
    rgba(255, 253, 249, 0.64) !important;
  box-shadow:
    0 0.9rem 2.2rem rgba(55, 35, 32, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

/* Potrjene luxury ikone v razlogih */
.sm-home .sm-why__reason > span {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.sm-home .sm-why__reason > span::before {
  content: none !important;
}

.sm-home .sm-why__reason > span::after {
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.sm-home .sm-why__reason p {
  color: var(--sm-mauve-dark) !important;
  font-size: 1.27rem !important;
  font-weight: 850 !important;
  line-height: 1.24 !important;
}

/* Desni opis bolj miren */
.sm-home .sm-why__side-copy {
  margin-top: 2.4rem !important;
  max-width: 56rem !important;
  color: var(--sm-taupe) !important;
  font-size: 1.48rem !important;
  line-height: 1.72 !important;
}

/* Slika in spodnji info blok naj sta bolj povezana */
.sm-home .sm-why__image-card {
  margin-top: 2.5rem !important;
  min-height: 26rem !important;
  border-color: rgba(216, 185, 130, 0.34) !important;
  border-radius: 2.6rem !important;
  box-shadow:
    0 1.6rem 4rem rgba(55, 35, 32, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.48) !important;
}

.sm-home .sm-why__image-overlay {
  width: 10.6rem !important;
  height: 10.6rem !important;
  top: 2.6rem !important;
  left: 2.6rem !important;
  background: rgba(139, 83, 107, 0.32) !important;
  border-color: rgba(216, 185, 130, 0.62) !important;
  font-size: 1.72rem !important;
  box-shadow: 0 0 2.2rem rgba(216, 185, 130, 0.20) !important;
}

/* Spodnji note blok: bližje sliki, bolj premium */
.sm-home .sm-why__note {
  margin-top: 1.7rem !important;
  padding: 1.85rem 2.15rem !important;
  border-color: rgba(139, 83, 107, 0.09) !important;
  border-radius: 2.2rem !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,0.84), rgba(255,255,255,0) 48%),
    rgba(255, 253, 249, 0.62) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.035),
    inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.sm-home .sm-why__note span {
  color: var(--sm-mauve) !important;
  font-size: 1.08rem !important;
  letter-spacing: 0.14em !important;
}

.sm-home .sm-why__note p {
  color: var(--sm-taupe-dark) !important;
  font-size: 1.38rem !important;
  line-height: 1.6 !important;
}

/* Leve transform vrstice: samo fina uskladitev ikon in ritma */
.sm-home .sm-why__transforms {
  gap: 1rem !important;
  margin-top: 3rem !important;
}

.sm-home .sm-why__transform {
  min-height: 5.2rem !important;
  grid-template-columns: 4.4rem 1fr !important;
  padding: 0.75rem 1.5rem 0.75rem 1rem !important;
  border-color: rgba(139, 83, 107, 0.09) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,0.82), rgba(255,255,255,0) 44%),
    rgba(255, 253, 249, 0.66) !important;
}

.sm-home .sm-why__transform > span {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

.sm-home .sm-why__transform > span::before {
  content: none !important;
}

.sm-home .sm-why__transform p {
  color: var(--sm-taupe-dark) !important;
  font-size: 1.42rem !important;
  font-weight: 760 !important;
  line-height: 1.32 !important;
}

/* ----------------------------------
   Leva kartica — closing note polish
   Zaključna odstavka postaneta bolj premium zaključek
   ---------------------------------- */

.sm-home .sm-why__closing {
  position: relative !important;
  overflow: hidden !important;
  margin-top: 2.7rem !important;
  padding: 2.15rem 2.35rem 2.2rem !important;
  border: 1px solid rgba(139, 83, 107, 0.085) !important;
  border-radius: 2.4rem !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.58) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.032),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  color: var(--sm-taupe) !important;
  font-size: 1.46rem !important;
  line-height: 1.68 !important;
}

.sm-home .sm-why__closing::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 2.4rem !important;
  right: 2.4rem !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    rgba(216, 185, 130, 0),
    rgba(216, 185, 130, 0.46),
    rgba(216, 185, 130, 0)
  ) !important;
}

.sm-home .sm-why__closing strong {
  display: block !important;
  margin-top: 1.15rem !important;
  color: var(--sm-mauve-dark) !important;
  font-size: 1.46rem !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
}

@media (max-width: 767px) {
  .sm-home .sm-why__closing {
    margin-top: 2.3rem !important;
    padding: 1.85rem 1.8rem !important;
    border-radius: 2.1rem !important;
    font-size: 1.38rem !important;
  }
}

/* Mobile */
@media (max-width: 980px) {
  .sm-home .sm-why__container {
    align-items: stretch !important;
  }

  .sm-home .sm-why__card--trust {
    align-self: stretch !important;
  }
}

@media (max-width: 767px) {
  .sm-home .sm-why__reason-grid {
    grid-template-columns: 1fr !important;
  }

  .sm-home .sm-why__image-card {
    min-height: 22rem !important;
  }

  .sm-home .sm-why__image-overlay {
    width: 9.4rem !important;
    height: 9.4rem !important;
    font-size: 1.55rem !important;
  }
}

/* ==========================================================================
   HOME — SERVICES / INDIVIDUALNO 1:1 FINAL LUXURY POLISH V4
   Popravi razmike vsebine, gumbe in odstrani puščice
   ========================================================================== */

.sm-home .sm-services {
  padding-top: clamp(8.4rem, 9vw, 13.4rem) !important;
  padding-bottom: clamp(9rem, 9vw, 14rem) !important;
}

.sm-home .sm-services__grid {
  gap: 3rem !important;
  margin-top: clamp(5.4rem, 5.6vw, 7.6rem) !important;
  align-items: stretch !important;
}

/* Kartica */
.sm-home .sm-services__card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-height: 100% !important;
  padding: 0 !important;
  border: 1px solid rgba(139, 83, 107, 0.095) !important;
  border-radius: 3.2rem !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 44%),
    rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    0 1.7rem 4.4rem rgba(55, 35, 32, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-services__card:hover {
  transform: translateY(-0.18rem) !important;
  border-color: rgba(216, 185, 130, 0.28) !important;
  box-shadow:
    0 2rem 5rem rgba(55, 35, 32, 0.078),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

/* Slika */
.sm-home .sm-services__image {
  position: relative !important;
  overflow: hidden !important;
  height: 22.8rem !important;
  margin: 1.35rem 1.35rem 0 !important;
  border: 1px solid rgba(216, 185, 130, 0.20) !important;
  border-radius: 2.35rem !important;
  background:
    radial-gradient(circle at 42% 24%, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 34%),
    linear-gradient(145deg, #f7efe6, #e8cdc7) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

.sm-home .sm-services__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.01) !important;
}

/* Overlay slike */
.sm-home .sm-services__image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, rgba(255, 253, 249, 0.02), rgba(55, 35, 32, 0.025)) !important;
}

/* Ikona na sliki */
.sm-home .sm-services__image::after {
  top: 1.25rem !important;
  right: 1.25rem !important;
  width: 3.55rem !important;
  height: 3.55rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.74) !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.75rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* GLAVNI POPRAVEK: vsebina dobi pravi notranji prostor */
.sm-home .sm-services__card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 3rem 3rem 3.1rem !important;
  min-height: 26rem !important;
}

/* Če naslov ni znotraj card-content, ga vseeno poravnamo */
.sm-home .sm-services__card > h3,
.sm-home .sm-services__card-content h3,
.sm-home .sm-services__card h3 {
  display: block !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  color: var(--sm-espresso) !important;
  font-family: var(--sm-font-heading) !important;
  font-size: clamp(2.45rem, 1.9vw, 2.9rem) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
}

/* Če je naslov direktno po sliki, naredi razmik */
.sm-home .sm-services__image + h3,
.sm-home .sm-services__image + .sm-services__card-content,
.sm-home .sm-services__image + * {
  margin-top: 2.4rem !important;
}

/* Opis */
.sm-home .sm-services__card p {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sm-taupe) !important;
  font-size: 1.38rem !important;
  line-height: 1.68 !important;
}

/* Tagi */
.sm-home .sm-services__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.72rem !important;
  margin-top: 1.95rem !important;
  margin-bottom: 2.4rem !important;
  padding: 0 !important;
}

.sm-home .sm-services__tags span {
  min-height: 2.72rem !important;
  padding: 0.56rem 1rem !important;
  border: 1px solid rgba(139, 83, 107, 0.095) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 249, 0.56) !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.06rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Gumbi — več prostora in brez odrezovanja */
.sm-home .sm-services__button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  align-self: flex-start !important;
  min-height: 4.65rem !important;
  padding: 1.18rem 2.3rem !important;
  border: 1px solid rgba(216, 185, 130, 0.52) !important;
  border-radius: 999px !important;
  background: var(--sm-mauve) !important;
  color: var(--sm-warm-white) !important;
  font-size: 1.22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 1rem 2.4rem rgba(111, 63, 85, 0.16) !important;
  overflow: visible !important;
}

.sm-home .sm-services__button:hover {
  transform: translateY(-0.14rem) !important;
  background: var(--sm-mauve-dark) !important;
  color: var(--sm-warm-white) !important;
}

/* Odstrani CSS puščice, če jih dodaja pseudo element */
.sm-home .sm-services__button::after,
.sm-home .sm-services__button::before,
.sm-home .sm-services__button *::after,
.sm-home .sm-services__button *::before {
  content: none !important;
  display: none !important;
}

/* Skrij morebitne ikone znotraj gumba */
.sm-home .sm-services__button svg,
.sm-home .sm-services__button i,
.sm-home .sm-services__button .icon,
.sm-home .sm-services__button .arrow,
.sm-home .sm-services__button [class*="arrow"],
.sm-home .sm-services__button [class*="icon"] {
  display: none !important;
}

/* Mobile / tablet */
@media (max-width: 980px) {
  .sm-home .sm-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm-home .sm-services__card-content {
    padding: 2.7rem 2.55rem 2.9rem !important;
  }
}

@media (max-width: 767px) {
  .sm-home .sm-services__grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .sm-home .sm-services__card {
    border-radius: 2.7rem !important;
  }

  .sm-home .sm-services__image {
    height: 22rem !important;
    border-radius: 2.1rem !important;
  }

  .sm-home .sm-services__card-content {
    padding: 2.3rem 2.15rem 2.55rem !important;
    min-height: auto !important;
  }

  .sm-home .sm-services__card h3 {
    font-size: 2.55rem !important;
  }

  .sm-home .sm-services__button {
    width: 100% !important;
  }
}

/* ==========================================================================
   HOME — SERVICES CONTENT FINAL FIX
   Direktno popravi naslove, tekste, tage in gumbe v karticah
   ========================================================================== */

/* Kartica naj ima dovolj spodnjega prostora, da gumbi niso stisnjeni */
.sm-home .sm-services__card {
  padding-bottom: 3.1rem !important;
}

/* Slika ostane v svojem okvirju */
.sm-home .sm-services__image {
  margin-bottom: 0 !important;
}

/* VSEBINA: naslov, opis, tagi in gumb dobijo isti notranji rob */
.sm-home .sm-services__card > h3,
.sm-home .sm-services__card > p,
.sm-home .sm-services__card > .sm-services__tags,
.sm-home .sm-services__card > .sm-services__button,
.sm-home .sm-services__card-content > h3,
.sm-home .sm-services__card-content > p,
.sm-home .sm-services__card-content > .sm-services__tags,
.sm-home .sm-services__card-content > .sm-services__button {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

/* Naslov: jasen razmik pod sliko */
.sm-home .sm-services__card > h3,
.sm-home .sm-services__card-content > h3 {
  margin-top: 2.35rem !important;
  margin-bottom: 1.15rem !important;
  padding: 0 !important;
  line-height: 1.03 !important;
}

/* Opis: bolj miren in ne preširok */
.sm-home .sm-services__card > p,
.sm-home .sm-services__card-content > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: calc(100% - 6rem) !important;
  line-height: 1.68 !important;
}

/* Tagi: poravnani z naslovom in opisom */
.sm-home .sm-services__card > .sm-services__tags,
.sm-home .sm-services__card-content > .sm-services__tags {
  margin-top: 1.9rem !important;
  margin-bottom: 2.45rem !important;
  padding: 0 !important;
}

/* Gumb: poravnan z vsebino, več prostora spodaj */
.sm-home .sm-services__card > .sm-services__button,
.sm-home .sm-services__card-content > .sm-services__button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: flex-start !important;
}

/* Če je gumb zadnji element v kartici, naj ne pade na rob */
.sm-home .sm-services__card .sm-services__button:last-child {
  margin-bottom: 0 !important;
}

/* Vsebinski wrapper, če obstaja, naj ne dodaja čudnih robov */
.sm-home .sm-services__card-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-home .sm-services__card {
    padding-bottom: 2.6rem !important;
  }

  .sm-home .sm-services__card > h3,
  .sm-home .sm-services__card > p,
  .sm-home .sm-services__card > .sm-services__tags,
  .sm-home .sm-services__card > .sm-services__button,
  .sm-home .sm-services__card-content > h3,
  .sm-home .sm-services__card-content > p,
  .sm-home .sm-services__card-content > .sm-services__tags,
  .sm-home .sm-services__card-content > .sm-services__button {
    margin-left: 2.2rem !important;
    margin-right: 2.2rem !important;
  }

  .sm-home .sm-services__card > p,
  .sm-home .sm-services__card-content > p {
    max-width: calc(100% - 4.4rem) !important;
  }

  .sm-home .sm-services__card > h3,
  .sm-home .sm-services__card-content > h3 {
    margin-top: 2rem !important;
  }
}

/* ==========================================================================
   HOME — SERVICES FINAL TRUE LUXURY CONTENT ALIGNMENT
   Zadnji override: poravna vse naslove, tekste, tage in gumbe znotraj kartic
   ========================================================================== */

/* Kartica naj ima jasen notranji ritem */
.sm-home .sm-services__card {
  padding-bottom: 3.4rem !important;
  border-radius: 3.2rem !important;
}

/* Slika ostane zgoraj z elegantnim robom */
.sm-home .sm-services__image {
  margin: 1.35rem 1.35rem 0 !important;
}

/* VSE tekstovne vsebine znotraj kartice poravnamo z istim notranjim robom */
.sm-home .sm-services__card h3,
.sm-home .sm-services__card p,
.sm-home .sm-services__card .sm-services__tags,
.sm-home .sm-services__card .sm-services__button {
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
}

/* Naslov: ne sme biti več prilepljen na sliko ali rob */
.sm-home .sm-services__card h3 {
  margin-top: 2.55rem !important;
  margin-bottom: 1.15rem !important;
  padding: 0 !important;
  max-width: calc(100% - 6.5rem) !important;
  color: var(--sm-espresso) !important;
  font-size: clamp(2.35rem, 1.8vw, 2.85rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.04em !important;
}

/* Opis: bolj zračen in bolj editorial */
.sm-home .sm-services__card p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: calc(100% - 6.5rem) !important;
  color: var(--sm-taupe) !important;
  font-size: 1.36rem !important;
  line-height: 1.68 !important;
}

/* Tagi: poravnani z naslovom, manj stisnjeni */
.sm-home .sm-services__card .sm-services__tags {
  margin-top: 1.9rem !important;
  margin-bottom: 2.4rem !important;
  padding: 0 !important;
  max-width: calc(100% - 6.5rem) !important;
}

/* Tagi naj ostanejo subtilni */
.sm-home .sm-services__card .sm-services__tags span {
  padding: 0.58rem 1.05rem !important;
  background: rgba(255, 253, 249, 0.62) !important;
  border: 1px solid rgba(139, 83, 107, 0.085) !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.04rem !important;
  font-weight: 800 !important;
}

/* Gumb: poravnan z vsebino, z dovolj prostora spodaj */
.sm-home .sm-services__card .sm-services__button {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: calc(100% - 6.5rem) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 1.16rem 2.25rem !important;
  min-height: 4.55rem !important;
  border-radius: 999px !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  overflow: visible !important;
}

/* Če kartica vsebuje wrapperje, jim odstranimo morebitne negativne vplive */
.sm-home .sm-services__card-content,
.sm-home .sm-services__card-content > *,
.sm-home .sm-services__card > div:not(.sm-services__image) {
  box-sizing: border-box !important;
}

/* Kartice naj imajo bolj enakomerno višino in bolj premium zaključek */
.sm-home .sm-services__card {
  display: flex !important;
  flex-direction: column !important;
}

.sm-home .sm-services__card .sm-services__button {
  margin-top: auto !important;
}

/* Če margin-top auto zaradi strukture ne prime, dodamo zračen zaključni prostor */
.sm-home .sm-services__card .sm-services__tags + .sm-services__button {
  margin-top: 0.35rem !important;
}

/* Še bolj subtilen hover */
.sm-home .sm-services__card:hover {
  transform: translateY(-0.16rem) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-home .sm-services__card {
    padding-bottom: 2.8rem !important;
  }

  .sm-home .sm-services__card h3,
  .sm-home .sm-services__card p,
  .sm-home .sm-services__card .sm-services__tags,
  .sm-home .sm-services__card .sm-services__button {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }

  .sm-home .sm-services__card h3,
  .sm-home .sm-services__card p,
  .sm-home .sm-services__card .sm-services__tags,
  .sm-home .sm-services__card .sm-services__button {
    max-width: calc(100% - 4.5rem) !important;
  }

  .sm-home .sm-services__card h3 {
    margin-top: 2.15rem !important;
    font-size: 2.45rem !important;
  }

  .sm-home .sm-services__card .sm-services__button {
    width: fit-content !important;
  }
}

/* ==========================================================================
   HOME — R.I.V.E.R. FINAL LUXURY POLISH
   Uredi samo sekcijo R.I.V.E.R.
   ========================================================================== */

/* Sekcija: malo več miru in manj "težkega" občutka */
.sm-home .sm-river {
  padding-top: clamp(8.6rem, 9vw, 13.4rem) !important;
  padding-bottom: clamp(8.8rem, 9vw, 13.8rem) !important;
}

.sm-home .sm-river__container {
  width: min(calc(100% - 5.6rem), 1320px) !important;
}

/* Heading: bolj editorial */
.sm-home .sm-river__heading {
  max-width: 96rem !important;
  margin-inline: auto !important;
}

.sm-home .sm-river__intro {
  max-width: 86rem !important;
  font-size: 1.64rem !important;
  line-height: 1.76 !important;
}

/* Layout: malo več kontrole med levo in desno stranjo */
.sm-home .sm-river__layout {
  gap: clamp(3.8rem, 4.4vw, 6.2rem) !important;
  align-items: start !important;
}

/* ----------------------------------
   R.I.V.E.R. koraki — bolj luxury, manj šolsko
   ---------------------------------- */

.sm-home .sm-river__steps {
  gap: 1.65rem !important;
}

/* Veliki krogi s črkami: manj dominantni in bolj fini */
.sm-home .sm-river__step-circle {
  width: 8.6rem !important;
  height: 8.6rem !important;
  border: 1px solid rgba(216, 185, 130, 0.54) !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 58%),
    rgba(255, 253, 249, 0.70) !important;
  color: rgba(139, 83, 107, 0.88) !important;
  box-shadow:
    0 1rem 2.4rem rgba(55, 35, 32, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
}

/* Črta med črko in kartico naj bo tanjša */
.sm-home .sm-river__step-line {
  height: 3.4rem !important;
  background: linear-gradient(
    180deg,
    rgba(216, 185, 130, 0.62),
    rgba(216, 185, 130, 0.24)
  ) !important;
}

.sm-home .sm-river__step-line::after {
  width: 0.72rem !important;
  height: 0.72rem !important;
  background: rgba(216, 185, 130, 0.82) !important;
}

/* Kartice korakov */
.sm-home .sm-river__step-card {
  min-height: 24.8rem !important;
  padding: 2.25rem 1.55rem 2.35rem !important;
  border: 1px solid rgba(139, 83, 107, 0.085) !important;
  border-radius: 2.25rem !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.66) !important;
  box-shadow:
    0 1.15rem 2.8rem rgba(55, 35, 32, 0.038),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-river__step-card h3 {
  color: var(--sm-mauve-dark) !important;
  font-size: 1.92rem !important;
  letter-spacing: 0.045em !important;
}

.sm-home .sm-river__step-card p {
  color: var(--sm-taupe) !important;
  font-size: 1.32rem !important;
  line-height: 1.68 !important;
}

.sm-home .sm-river__step-divider {
  margin: 1.1rem auto 1.35rem !important;
  opacity: 0.72 !important;
}

/* Quote card pod koraki */
.sm-home .sm-river__quote-card {
  margin-top: 2.2rem !important;
  padding: 2.1rem 2.45rem !important;
  border: 1px solid rgba(139, 83, 107, 0.085) !important;
  border-radius: 2.3rem !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.64) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.032),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-river__quote-icon {
  width: 3.45rem !important;
  height: 3.45rem !important;
  min-width: 3.45rem !important;
  min-height: 3.45rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.sm-home .sm-river__quote-card p {
  color: var(--sm-taupe-dark) !important;
  font-size: 1.45rem !important;
  line-height: 1.58 !important;
}

/* Spodnji močan statement: manj masiven, bolj luxury */
.sm-home .sm-river__statement {
  margin-top: 2.35rem !important;
  min-height: 7.4rem !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0) 46%),
    linear-gradient(135deg, rgba(139, 83, 107, 0.96), rgba(111, 63, 85, 0.96)) !important;
  box-shadow:
    0 1.3rem 3.2rem rgba(111, 63, 85, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.sm-home .sm-river__statement p {
  font-size: clamp(2.65rem, 2.5vw, 3.65rem) !important;
  line-height: 1.05 !important;
}

/* ----------------------------------
   Desna stran — feature card
   ---------------------------------- */

.sm-home .sm-river__feature-card {
  border-radius: 3.2rem !important;
  border: 1px solid rgba(139, 83, 107, 0.10) !important;
  background: rgba(255, 253, 249, 0.68) !important;
  box-shadow:
    0 2rem 5.2rem rgba(55, 35, 32, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.60) !important;
}

.sm-home .sm-river__feature-image {
  border-radius: 2.55rem !important;
}

/* Vijolični overlay: manj težek, bolj prefinjen */
.sm-home .sm-river__feature-panel {
  left: 1.45rem !important;
  right: 1.45rem !important;
  bottom: 1.45rem !important;
  padding: 2.55rem 2.75rem !important;
  border: 1px solid rgba(216, 185, 130, 0.28) !important;
  border-radius: 2.35rem !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 42%),
    rgba(111, 63, 85, 0.88) !important;
  box-shadow:
    0 1.2rem 3rem rgba(55, 35, 32, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(8px) !important;
}

/* Ikona v overlayu: odstrani bel oval, enak luxury sistem */
.sm-home .sm-river__feature-panel-icon {
  width: 3.55rem !important;
  height: 3.55rem !important;
  min-width: 3.55rem !important;
  min-height: 3.55rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

.sm-home .sm-river__feature-panel-icon::before {
  content: none !important;
}

.sm-home .sm-river__feature-panel-icon::after {
  content: "✧" !important;
  color: rgba(234, 216, 183, 0.94) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
}

.sm-home .sm-river__feature-panel-content span {
  color: rgba(234, 216, 183, 0.98) !important;
  font-size: 1.08rem !important;
  letter-spacing: 0.16em !important;
}

.sm-home .sm-river__feature-panel-content p {
  color: rgba(255, 253, 249, 0.94) !important;
  font-size: 1.42rem !important;
  line-height: 1.64 !important;
}

/* Desni info kartici */
.sm-home .sm-river__info-card {
  margin-top: 1.75rem !important;
  padding: 2.2rem 2.35rem !important;
  border: 1px solid rgba(139, 83, 107, 0.085) !important;
  border-radius: 2.35rem !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.66) !important;
  box-shadow:
    0 1.1rem 2.8rem rgba(55, 35, 32, 0.036),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.sm-home .sm-river__info-icon {
  width: 3.55rem !important;
  height: 3.55rem !important;
  min-width: 3.55rem !important;
  min-height: 3.55rem !important;
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.sm-home .sm-river__info-content h3 {
  color: var(--sm-mauve-dark) !important;
  font-size: 1.78rem !important;
  letter-spacing: 0.045em !important;
}

.sm-home .sm-river__info-content p {
  color: var(--sm-taupe) !important;
  font-size: 1.38rem !important;
  line-height: 1.62 !important;
}

/* Mobile */
@media (max-width: 980px) {
  .sm-home .sm-river__layout {
    gap: 4rem !important;
  }

  .sm-home .sm-river__step-circle {
    width: 7.8rem !important;
    height: 7.8rem !important;
  }
}

@media (max-width: 767px) {
  .sm-home .sm-river__container {
    width: min(calc(100% - 3.2rem), 1320px) !important;
  }

  .sm-home .sm-river__step-card {
    min-height: auto !important;
  }

  .sm-home .sm-river__statement {
    border-radius: 2.4rem !important;
    padding: 2rem !important;
  }

  .sm-home .sm-river__feature-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 1.2rem !important;
  }
}

/* ==========================================================================
   HOME — R.I.V.E.R. MINI POLISH V2
   Dodatna fina nastavitev: manj težek panel, bolj definirani koraki
   ========================================================================== */

/* R.I.V.E.R. kartice — malo bolj definirane, da levi proces ne izgubi moči */
.sm-home .sm-river__step-card {
  border-color: rgba(216, 185, 130, 0.18) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 50%),
    rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    0 1.2rem 2.8rem rgba(55, 35, 32, 0.032),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

.sm-home .sm-river__step-card h3 {
  color: var(--sm-mauve-dark) !important;
  font-size: 1.98rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
}

.sm-home .sm-river__step-card p {
  color: var(--sm-taupe-dark) !important;
  font-size: 1.31rem !important;
  line-height: 1.64 !important;
}

/* Veliki krogi R I V E R — malo bolj elegantni, manj težki */
.sm-home .sm-river__step-circle {
  color: rgba(139, 83, 107, 0.82) !important;
  border-color: rgba(216, 185, 130, 0.48) !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 58%),
    rgba(255, 253, 249, 0.76) !important;
  box-shadow:
    0 0.9rem 2.2rem rgba(55, 35, 32, 0.028),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* Desni vijolični panel — manj težek, bolj luxury */
.sm-home .sm-river__feature-panel {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 44%),
    rgba(111, 63, 85, 0.80) !important;
  border-color: rgba(216, 185, 130, 0.24) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.sm-home .sm-river__feature-panel-content span {
  font-size: 1.04rem !important;
  letter-spacing: 0.17em !important;
}

.sm-home .sm-river__feature-panel-content p {
  font-size: 1.38rem !important;
  line-height: 1.6 !important;
  color: rgba(255, 253, 249, 0.92) !important;
}

/* Ikona v vijoličnem panelu — manj ovalna, bolj usklajena */
.sm-home .sm-river__feature-panel-icon {
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.10) !important;
}

/* Desne info kartice — malo bolj kompaktne, da desni stolpec ne deluje predolg */
.sm-home .sm-river__info-card {
  margin-top: 1.55rem !important;
  padding: 2rem 2.25rem !important;
  border-radius: 2.25rem !important;
}

.sm-home .sm-river__info-content h3 {
  font-size: 1.68rem !important;
  line-height: 1.12 !important;
}

.sm-home .sm-river__info-content p {
  font-size: 1.34rem !important;
  line-height: 1.58 !important;
}

/* Spodnji statement — ostane močan, samo malo bolj prefinjen */
.sm-home .sm-river__statement {
  min-height: 7.15rem !important;
  box-shadow:
    0 1.15rem 2.8rem rgba(111, 63, 85, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.sm-home .sm-river__statement p {
  font-size: clamp(2.55rem, 2.35vw, 3.45rem) !important;
}

/* ==========================================================================
   HOME — R.I.V.E.R. GLASS PANEL FINAL
   Samo desni vijolični panel "Bistvo metode"
   ========================================================================== */

.sm-home .sm-river__feature-panel {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 46%),
    linear-gradient(
      135deg,
      rgba(111, 63, 85, 0.72),
      rgba(139, 83, 107, 0.66)
    ) !important;
  border: 1px solid rgba(234, 216, 183, 0.34) !important;
  box-shadow:
    0 1rem 2.6rem rgba(55, 35, 32, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(14px) saturate(1.06) !important;
}

.sm-home .sm-river__feature-panel-content span {
  color: rgba(234, 216, 183, 0.98) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
}

.sm-home .sm-river__feature-panel-content p {
  color: rgba(255, 253, 249, 0.94) !important;
  font-size: 1.36rem !important;
  font-weight: 650 !important;
  line-height: 1.62 !important;
}

.sm-home .sm-river__feature-panel-icon {
  border-color: rgba(234, 216, 183, 0.58) !important;
  background: rgba(255, 253, 249, 0.12) !important;
  box-shadow: none !important;
}

.sm-home .sm-river__feature-panel-icon::after {
  color: rgba(234, 216, 183, 0.92) !important;
}

/* ==========================================================================
   HOME — R.I.V.E.R. TRUE LUXURY FLOATING PANEL
   Velik overlay spremeni v manjšo premium glass kartico ob sliki
   ========================================================================== */

/* Feature card naj ima prostor za floating kartico */
.sm-home .sm-river__feature-card {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 5.4rem !important;
  border-radius: 3.2rem !important;
}

/* Slika ostane čista in bolj vidna */
.sm-home .sm-river__feature-image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 2.55rem !important;
  box-shadow:
    0 1.4rem 3.8rem rgba(55, 35, 32, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.sm-home .sm-river__feature-image img {
  filter: none !important;
}

/* Glavni popravek: panel ni več velik banner čez sliko */
.sm-home .sm-river__feature-panel {
  position: absolute !important;
  left: auto !important;
  right: 2.2rem !important;
  bottom: 2.1rem !important;
  z-index: 8 !important;

  display: grid !important;
  grid-template-columns: 3.6rem 1fr !important;
  gap: 1.45rem !important;
  align-items: start !important;

  width: min(38rem, calc(100% - 4.4rem)) !important;
  min-height: auto !important;
  padding: 2.15rem 2.25rem 2.2rem !important;

  border: 1px solid rgba(216, 185, 130, 0.34) !important;
  border-radius: 2.35rem !important;

  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 48%),
    linear-gradient(
      135deg,
      rgba(255, 253, 249, 0.86),
      rgba(250, 241, 235, 0.76)
    ) !important;

  color: var(--sm-espresso) !important;

  box-shadow:
    0 1.6rem 4rem rgba(55, 35, 32, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;

  backdrop-filter: blur(18px) saturate(1.08) !important;
}

/* Ikona v floating kartici — isti luxury sistem */
.sm-home .sm-river__feature-panel-icon {
  display: grid !important;
  place-items: center !important;
  width: 3.45rem !important;
  height: 3.45rem !important;
  min-width: 3.45rem !important;
  min-height: 3.45rem !important;

  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.sm-home .sm-river__feature-panel-icon::before {
  content: none !important;
  display: none !important;
}

.sm-home .sm-river__feature-panel-icon::after {
  content: "✧" !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.65rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Besedilo v floating kartici — zdaj temno, ker je kartica svetla */
.sm-home .sm-river__feature-panel-content span {
  display: block !important;
  margin-bottom: 0.85rem !important;
  color: var(--sm-mauve) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase !important;
}

.sm-home .sm-river__feature-panel-content p {
  margin: 0 !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.34rem !important;
  font-weight: 650 !important;
  line-height: 1.58 !important;
}

/* Dodamo zelo subtilen premium rob spodaj, da panel ne izgleda kot navadna kartica */
.sm-home .sm-river__feature-panel::after {
  content: "" !important;
  position: absolute !important;
  left: 2.2rem !important;
  right: 2.2rem !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    rgba(216, 185, 130, 0),
    rgba(216, 185, 130, 0.42),
    rgba(216, 185, 130, 0)
  ) !important;
}

/* Da slika ne deluje prazna po odstranitvi overlaya */
.sm-home .sm-river__feature-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 74% 20%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, rgba(255, 253, 249, 0), rgba(55, 35, 32, 0.035)) !important;
}

/* Desni info kartici se malo spustita, da floating panel diha */
.sm-home .sm-river__feature-card + .sm-river__info-card {
  margin-top: 2.2rem !important;
}

/* Mobile: panel gre pod sliko kot normalna glass kartica */
@media (max-width: 767px) {
  .sm-home .sm-river__feature-card {
    overflow: hidden !important;
    padding-bottom: 1.2rem !important;
  }

  .sm-home .sm-river__feature-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    margin: 1.2rem !important;
    grid-template-columns: 3.4rem 1fr !important;
    padding: 2rem !important;
    border-radius: 2.2rem !important;
  }

  .sm-home .sm-river__feature-panel-content p {
    font-size: 1.32rem !important;
  }
}

/* ==========================================================================
   HOME — ORACLE CARDS / MARS IN VENERA LUXURY POLISH
   Uredi samo sekcijo intuitivnih orakel kart
   ========================================================================== */

/* Sekcija: malo bolj editorial zračnost */
.sm-home .sm-cards,
.sm-home .sm-oracle,
.sm-home .sm-mars-venus {
  padding-top: clamp(8.6rem, 9vw, 13.6rem) !important;
  padding-bottom: clamp(8.8rem, 9vw, 13.8rem) !important;
}

/* Če sekcija uporablja drug wrapper, vseeno omejimo širino po istem sistemu */
.sm-home .sm-cards__container,
.sm-home .sm-oracle__container,
.sm-home .sm-mars-venus__container {
  width: min(calc(100% - 5.6rem), 1320px) !important;
  margin-inline: auto !important;
}

/* Naslovni del */
.sm-home .sm-cards__title,
.sm-home .sm-oracle__title,
.sm-home .sm-mars-venus__title {
  letter-spacing: -0.055em !important;
}

/* Opis pod naslovom */
.sm-home .sm-cards__description,
.sm-home .sm-oracle__description,
.sm-home .sm-mars-venus__description,
.sm-home .sm-cards__text,
.sm-home .sm-oracle__text,
.sm-home .sm-mars-venus__text {
  color: var(--sm-taupe) !important;
  font-size: 1.58rem !important;
  line-height: 1.78 !important;
}

/* CTA gumbi — usklajeni z luxury sistemom */
.sm-home .sm-cards .sm-btn,
.sm-home .sm-oracle .sm-btn,
.sm-home .sm-mars-venus .sm-btn {
  min-height: 5.15rem !important;
  padding-inline: 2.75rem !important;
  border-radius: 999px !important;
  transition:
    transform 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    color 220ms ease !important;
}

/* Primarni gumb */
.sm-home .sm-cards .sm-btn:first-child,
.sm-home .sm-oracle .sm-btn:first-child,
.sm-home .sm-mars-venus .sm-btn:first-child {
  background: var(--sm-mauve) !important;
  color: var(--sm-warm-white) !important;
  border: 1px solid rgba(216, 185, 130, 0.54) !important;
  box-shadow: 0 1.15rem 2.8rem rgba(111, 63, 85, 0.18) !important;
}

.sm-home .sm-cards .sm-btn:first-child:hover,
.sm-home .sm-oracle .sm-btn:first-child:hover,
.sm-home .sm-mars-venus .sm-btn:first-child:hover {
  transform: translateY(-0.16rem) !important;
  background: var(--sm-mauve-dark) !important;
  color: var(--sm-warm-white) !important;
  box-shadow: 0 1.45rem 3.2rem rgba(111, 63, 85, 0.22) !important;
}

/* Sekundarni gumb */
.sm-home .sm-cards .sm-btn:nth-child(2),
.sm-home .sm-oracle .sm-btn:nth-child(2),
.sm-home .sm-mars-venus .sm-btn:nth-child(2) {
  background: rgba(255, 253, 249, 0.82) !important;
  color: var(--sm-espresso) !important;
  border: 1px solid rgba(139, 83, 107, 0.14) !important;
  box-shadow: 0 0.8rem 2rem rgba(55, 35, 32, 0.035) !important;
}

.sm-home .sm-cards .sm-btn:nth-child(2):hover,
.sm-home .sm-oracle .sm-btn:nth-child(2):hover,
.sm-home .sm-mars-venus .sm-btn:nth-child(2):hover {
  transform: translateY(-0.14rem) !important;
  color: var(--sm-mauve-dark) !important;
  border-color: rgba(216, 185, 130, 0.36) !important;
  background: rgba(255, 253, 249, 0.98) !important;
}

/* Desni visual/card image wrapper — bolj premium okvir */
.sm-home .sm-cards__visual,
.sm-home .sm-oracle__visual,
.sm-home .sm-mars-venus__visual {
  position: relative !important;
}

.sm-home .sm-cards__image,
.sm-home .sm-oracle__image,
.sm-home .sm-mars-venus__image,
.sm-home .sm-cards__photo,
.sm-home .sm-oracle__photo,
.sm-home .sm-mars-venus__photo {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 130, 0.22) !important;
  border-radius: 3rem !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 44%),
    rgba(255, 253, 249, 0.50) !important;
  box-shadow:
    0 2.1rem 5.4rem rgba(55, 35, 32, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

/* Slika sama */
.sm-home .sm-cards__image img,
.sm-home .sm-oracle__image img,
.sm-home .sm-mars-venus__image img,
.sm-home .sm-cards__photo img,
.sm-home .sm-oracle__photo img,
.sm-home .sm-mars-venus__photo img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transform: scale(1.005) !important;
}

/* Fini overlay čez sliko za bolj povezan luxury občutek */
.sm-home .sm-cards__image::after,
.sm-home .sm-oracle__image::after,
.sm-home .sm-mars-venus__image::after,
.sm-home .sm-cards__photo::after,
.sm-home .sm-oracle__photo::after,
.sm-home .sm-mars-venus__photo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, rgba(255, 253, 249, 0), rgba(55, 35, 32, 0.028)) !important;
}

/* Floating mini kartica ob sliki — bolj glass luxury */
.sm-home .sm-cards__floating,
.sm-home .sm-oracle__floating,
.sm-home .sm-mars-venus__floating,
.sm-home .sm-cards__note,
.sm-home .sm-oracle__note,
.sm-home .sm-mars-venus__note {
  border: 1px solid rgba(216, 185, 130, 0.34) !important;
  border-radius: 2.35rem !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.82) !important;
  box-shadow:
    0 1.5rem 3.8rem rgba(55, 35, 32, 0.105),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(16px) saturate(1.06) !important;
}

/* Ikona v floating kartici */
.sm-home .sm-cards__floating span,
.sm-home .sm-oracle__floating span,
.sm-home .sm-mars-venus__floating span,
.sm-home .sm-cards__note span,
.sm-home .sm-oracle__note span,
.sm-home .sm-mars-venus__note span {
  border-color: rgba(216, 185, 130, 0.66) !important;
  background: rgba(255, 253, 249, 0.64) !important;
}

/* Benefit bar spodaj */
.sm-home .sm-cards__benefits,
.sm-home .sm-oracle__benefits,
.sm-home .sm-mars-venus__benefits {
  border: 1px solid rgba(139, 83, 107, 0.09) !important;
  border-radius: 3rem !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 44%),
    rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    0 1.5rem 4rem rgba(55, 35, 32, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

/* Benefit ikone — potrjen luxury sistem */
.sm-home .sm-cards__benefit-icon,
.sm-home .sm-oracle__benefit-icon,
.sm-home .sm-mars-venus__benefit-icon,
.sm-home .sm-cards__benefits span,
.sm-home .sm-oracle__benefits span,
.sm-home .sm-mars-venus__benefits span {
  border: 1px solid rgba(216, 185, 130, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-home .sm-cards__container,
  .sm-home .sm-oracle__container,
  .sm-home .sm-mars-venus__container {
    width: min(calc(100% - 3.2rem), 1320px) !important;
  }

  .sm-home .sm-cards__image,
  .sm-home .sm-oracle__image,
  .sm-home .sm-mars-venus__image,
  .sm-home .sm-cards__photo,
  .sm-home .sm-oracle__photo,
  .sm-home .sm-mars-venus__photo {
    border-radius: 2.4rem !important;
  }

  .sm-home .sm-cards .sm-btn,
  .sm-home .sm-oracle .sm-btn,
  .sm-home .sm-mars-venus .sm-btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   HOME — LUXURY MYSTIC GOLD CURVES
   ADDITIVE overlay
   Ne menja obstoječih backgroundov, samo doda shiny metallic gold linije
   ========================================================================== */

.home .site-main {
  position: relative;
  isolation: isolate;
}

.home .site-main > * {
  position: relative;
  z-index: 2;
}

.home .site-main::before,
.home .site-main::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
}

/* Glavne luksuzne zlate krivulje */
.home .site-main::before {
  background-image:
    radial-gradient(
      132rem 74rem at -18% 9%,
      rgba(216, 185, 130, 0) 72.75%,
      rgba(216, 185, 130, 0.00) 73.00%,
      rgba(255, 244, 214, 0.72) 73.14%,
      rgba(232, 206, 143, 0.86) 73.24%,
      rgba(188, 145, 74, 0.72) 73.34%,
      rgba(255, 249, 234, 0.62) 73.43%,
      rgba(216, 185, 130, 0.24) 73.54%,
      rgba(216, 185, 130, 0) 73.76%
    ),
    radial-gradient(
      108rem 62rem at 112% 27%,
      rgba(216, 185, 130, 0) 72.95%,
      rgba(216, 185, 130, 0.00) 73.18%,
      rgba(255, 242, 205, 0.58) 73.31%,
      rgba(226, 194, 126, 0.72) 73.42%,
      rgba(179, 136, 66, 0.58) 73.51%,
      rgba(255, 247, 225, 0.48) 73.60%,
      rgba(216, 185, 130, 0.18) 73.71%,
      rgba(216, 185, 130, 0) 73.92%
    ),
    radial-gradient(
      116rem 66rem at 50% 88%,
      rgba(216, 185, 130, 0) 73.00%,
      rgba(216, 185, 130, 0.00) 73.20%,
      rgba(255, 243, 210, 0.52) 73.34%,
      rgba(225, 194, 129, 0.66) 73.45%,
      rgba(184, 141, 71, 0.54) 73.54%,
      rgba(255, 247, 226, 0.42) 73.63%,
      rgba(216, 185, 130, 0.16) 73.74%,
      rgba(216, 185, 130, 0) 73.94%
    );
  opacity: 0.98;
}

/* Shiny metallic highlight sloj */
.home .site-main::after {
  background-image:
    radial-gradient(
      132rem 74rem at -18% 9%,
      rgba(255, 255, 255, 0) 73.08%,
      rgba(255, 250, 236, 0.46) 73.16%,
      rgba(255, 245, 214, 0.34) 73.20%,
      rgba(255, 255, 255, 0) 73.28%
    ),
    radial-gradient(
      108rem 62rem at 112% 27%,
      rgba(255, 255, 255, 0) 73.24%,
      rgba(255, 248, 231, 0.34) 73.31%,
      rgba(255, 241, 206, 0.24) 73.36%,
      rgba(255, 255, 255, 0) 73.43%
    ),
    radial-gradient(
      116rem 66rem at 50% 88%,
      rgba(255, 255, 255, 0) 73.27%,
      rgba(255, 249, 233, 0.32) 73.34%,
      rgba(255, 242, 210, 0.22) 73.39%,
      rgba(255, 255, 255, 0) 73.46%
    ),
    radial-gradient(
      1.2rem 1.2rem at 78% 14%,
      rgba(255, 248, 224, 0.45) 0%,
      rgba(255, 248, 224, 0.14) 42%,
      rgba(255, 248, 224, 0) 70%
    ),
    radial-gradient(
      0.9rem 0.9rem at 24% 32%,
      rgba(255, 248, 224, 0.28) 0%,
      rgba(255, 248, 224, 0.10) 40%,
      rgba(255, 248, 224, 0) 72%
    ),
    radial-gradient(
      1rem 1rem at 66% 58%,
      rgba(255, 248, 224, 0.22) 0%,
      rgba(255, 248, 224, 0.08) 40%,
      rgba(255, 248, 224, 0) 72%
    );
  opacity: 0.95;
}

/* Malo več poudarka v hero občutku, brez menjave backgrounda */
.home .sm-hero,
.home .sm-home-hero,
.home .sm-hero-section {
  position: relative;
}

.home .sm-hero > *,
.home .sm-home-hero > *,
.home .sm-hero-section > * {
  position: relative;
  z-index: 2;
}

.home .sm-hero::after,
.home .sm-home-hero::after,
.home .sm-hero-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(
      88rem 44rem at 18% 22%,
      rgba(216, 185, 130, 0) 74.05%,
      rgba(255, 244, 214, 0.42) 74.19%,
      rgba(224, 194, 129, 0.52) 74.29%,
      rgba(177, 135, 66, 0.42) 74.38%,
      rgba(255, 248, 228, 0.28) 74.46%,
      rgba(216, 185, 130, 0) 74.66%
    ),
    radial-gradient(
      66rem 34rem at 84% 74%,
      rgba(216, 185, 130, 0) 74.10%,
      rgba(255, 243, 208, 0.30) 74.22%,
      rgba(214, 182, 116, 0.38) 74.31%,
      rgba(255, 247, 225, 0.22) 74.39%,
      rgba(216, 185, 130, 0) 74.58%
    );
  opacity: 0.78;
  background-repeat: no-repeat;
}

/* Responsive – še vedno vidno, ampak malo bolj nežno */
@media (max-width: 1200px) {
  .home .site-main::before {
    opacity: 0.84;
  }

  .home .site-main::after {
    opacity: 0.78;
  }
}

@media (max-width: 980px) {
  .home .site-main::before {
    opacity: 0.68;
  }

  .home .site-main::after {
    opacity: 0.60;
  }

  .home .sm-hero::after,
  .home .sm-home-hero::after,
  .home .sm-hero-section::after {
    opacity: 0.56;
  }
}

@media (max-width: 767px) {
  .home .site-main::before {
    opacity: 0.42;
  }

  .home .site-main::after {
    opacity: 0.34;
  }

  .home .sm-hero::after,
  .home .sm-home-hero::after,
  .home .sm-hero-section::after {
    opacity: 0.28;
  }
}

/* ==========================================================================
   HOME — LUXURY MYSTIC GOLD CURVES FINAL BALANCE
   Malo bolj prefinjeno: linije ostanejo vidne, ampak manj geometrične
   ========================================================================== */

/* Glavni sloj: ostane shiny, samo malenkost bolj eleganten */
.home .site-main::before {
  opacity: 0.84 !important;
  filter: saturate(1.12) brightness(1.04);
}

.home .site-main::after {
  opacity: 0.82 !important;
  filter: saturate(1.18) brightness(1.08);
}

/* Hero: loki naj bodo malo manj dominantni ob naslovu */
.home .sm-hero::after,
.home .sm-home-hero::after,
.home .sm-hero-section::after {
  opacity: 0.58 !important;
  filter: saturate(1.15) brightness(1.06);
}

/* Da linije ne tekmujejo z velikimi naslovi */
.home .sm-hero__content,
.home .sm-river__heading,
.home .sm-services__heading,
.home .sm-collab__content,
.home .sm-testimonials__heading {
  position: relative;
  z-index: 4;
}

/* Linije v sredinskih sekcijah naj bodo malo bolj v ozadju */
.home .sm-why,
.home .sm-collab,
.home .sm-river,
.home .sm-services,
.home .sm-testimonials {
  position: relative;
  isolation: isolate;
}

/* Fina mistična svetlobna točka — zelo subtilno, da ni samo krog */
.home .sm-hero::before,
.home .sm-river::before,
.home .sm-collab::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  width: 38rem;
  height: 38rem;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 246, 218, 0.18) 0%,
      rgba(255, 246, 218, 0.08) 28%,
      rgba(255, 246, 218, 0) 64%
    );
  opacity: 0.55;
}

/* Hero svetloba bolj desno, ne čez naslov */
.home .sm-hero::before {
  right: 12%;
  top: 18%;
}

/* River svetloba okoli metode, ampak nežno */
.home .sm-river::before {
  left: 8%;
  top: 18%;
  opacity: 0.42;
}

/* Collaborate svetloba bolj diskretno */
.home .sm-collab::before {
  right: 10%;
  top: 20%;
  opacity: 0.38;
}

/* Mobile naj ostane čisto in ne preveč dekorirano */
@media (max-width: 980px) {
  .home .site-main::before {
    opacity: 0.62 !important;
  }

  .home .site-main::after {
    opacity: 0.56 !important;
  }
}

@media (max-width: 767px) {
  .home .site-main::before {
    opacity: 0.36 !important;
  }

  .home .site-main::after {
    opacity: 0.30 !important;
  }

  .home .sm-hero::before,
  .home .sm-river::before,
  .home .sm-collab::before {
    display: none !important;
  }
}

/* ==========================================================================
   HOME — LUXURY MYSTIC METALLIC GOLD LINES
   Dodaj čisto na konec home.css
   Ne briše obstoječega backgrounda — samo prefini obstoječe zlate linije.
   ========================================================================== */

.sm-home {
  --sm-line-gold-base: rgba(214, 177, 100, 0.52);
  --sm-line-gold-mid: rgba(229, 198, 123, 0.74);
  --sm-line-gold-bright: rgba(255, 245, 214, 0.96);
  --sm-line-gold-soft: rgba(246, 220, 162, 0.34);
  --sm-line-gold-glow: rgba(232, 196, 110, 0.18);
}

/* Osnovni sistem za vse obstoječe zlate lok-e */

.sm-home .sm-hero__gold-line,
.sm-home .sm-why__gold-line,
.sm-home .sm-collab__gold-line,
.sm-home .sm-services__gold-line,
.sm-home .sm-river__gold-line,
.sm-home .sm-testimonials__gold-line,
.sm-home .sm-cta__gold-line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
  border-width: 1.15px;
  border-style: solid;
  border-color: var(--sm-line-gold-base) transparent transparent transparent;
  border-radius: 58% 42% 63% 37% / 45% 60% 40% 55%;
  box-shadow:
    0 0 0 1px rgba(255, 248, 225, 0.04),
    0 0 1.2rem rgba(232, 196, 110, 0.08);
  filter: drop-shadow(0 0 0.55rem rgba(232, 196, 110, 0.16));
}

/* drugi, nežni metallic sloj */

.sm-home .sm-hero__gold-line::before,
.sm-home .sm-why__gold-line::before,
.sm-home .sm-collab__gold-line::before,
.sm-home .sm-services__gold-line::before,
.sm-home .sm-river__gold-line::before,
.sm-home .sm-testimonials__gold-line::before,
.sm-home .sm-cta__gold-line::before {
  content: "";
  position: absolute;
  left: 2.8%;
  top: -0.45%;
  width: 94.4%;
  height: 92%;
  border-top: 1px solid rgba(255, 245, 214, 0.44);
  border-radius: 61% 39% 57% 43% / 46% 62% 38% 54%;
  transform: rotate(-2.4deg);
  opacity: 0.72;
}

/* shiny highlight, da pride metallic občutek */

.sm-home .sm-hero__gold-line::after,
.sm-home .sm-why__gold-line::after,
.sm-home .sm-collab__gold-line::after,
.sm-home .sm-services__gold-line::after,
.sm-home .sm-river__gold-line::after,
.sm-home .sm-testimonials__gold-line::after,
.sm-home .sm-cta__gold-line::after {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 11%;
  width: 28%;
  height: 1.3px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 245, 214, 0) 0%,
      rgba(255, 245, 214, 0.22) 18%,
      rgba(255, 250, 236, 0.98) 48%,
      rgba(236, 202, 125, 0.78) 72%,
      rgba(255, 245, 214, 0) 100%
    );
  filter:
    blur(0.15px)
    drop-shadow(0 0 0.45rem rgba(255, 243, 200, 0.52));
  opacity: 0.95;
  transform: rotate(-1.6deg);
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

.sm-home .sm-hero__gold-line--top {
  width: 84rem;
  height: 40rem;
  top: -7rem;
  right: 7%;
  opacity: 0.44;
  transform: rotate(-15deg) skewX(-4deg);
  border-radius: 62% 38% 66% 34% / 44% 59% 41% 56%;
}

.sm-home .sm-hero__gold-line--top::after {
  left: 16%;
  width: 24%;
}

.sm-home .sm-hero__gold-line--bottom {
  width: 99rem;
  height: 39rem;
  left: -22rem;
  bottom: -10rem;
  opacity: 0.30;
  transform: rotate(9deg) skewX(3deg);
  border-radius: 55% 45% 60% 40% / 48% 57% 43% 52%;
}

.sm-home .sm-hero__gold-line--bottom::after {
  left: 20%;
  width: 22%;
}

/* --------------------------------------------------------------------------
   WHY
   -------------------------------------------------------------------------- */

.sm-home .sm-why__gold-line--left {
  width: 84rem;
  height: 37rem;
  left: -24rem;
  top: 15%;
  opacity: 0.28;
  transform: rotate(16deg) skewX(2deg);
  border-radius: 64% 36% 57% 43% / 43% 58% 42% 57%;
}

.sm-home .sm-why__gold-line--right {
  width: 78rem;
  height: 35rem;
  right: -22rem;
  bottom: 7%;
  opacity: 0.25;
  transform: rotate(-13deg) skewX(-3deg);
  border-radius: 57% 43% 61% 39% / 46% 54% 46% 54%;
}

/* --------------------------------------------------------------------------
   COLLAB
   -------------------------------------------------------------------------- */

.sm-home .sm-collab__gold-line--top {
  width: 87rem;
  height: 37rem;
  top: -8rem;
  right: -17rem;
  opacity: 0.31;
  transform: rotate(-13deg) skewX(-3deg);
  border-radius: 60% 40% 65% 35% / 45% 59% 41% 55%;
}

.sm-home .sm-collab__gold-line--bottom {
  width: 83rem;
  height: 35rem;
  left: -25rem;
  bottom: -7rem;
  opacity: 0.24;
  transform: rotate(13deg) skewX(3deg);
  border-radius: 54% 46% 60% 40% / 48% 56% 44% 52%;
}

/* --------------------------------------------------------------------------
   SERVICES
   -------------------------------------------------------------------------- */

.sm-home .sm-services__gold-line--top {
  width: 89rem;
  height: 39rem;
  top: -9rem;
  right: -19rem;
  opacity: 0.30;
  transform: rotate(-15deg) skewX(-3deg);
  border-radius: 61% 39% 64% 36% / 45% 60% 40% 55%;
}

.sm-home .sm-services__gold-line--bottom {
  width: 92rem;
  height: 37rem;
  left: -24rem;
  bottom: -10rem;
  opacity: 0.23;
  transform: rotate(11deg) skewX(3deg);
  border-radius: 56% 44% 60% 40% / 49% 55% 45% 51%;
}

/* --------------------------------------------------------------------------
   RIVER / TESTIMONIALS / CTA
   Če te sekcije že imajo svoje gold-line elemente, jih bo ta block samo polepšal.
   Če jih nimajo, ne bo nič pokvarilo.
   -------------------------------------------------------------------------- */

.sm-home .sm-river__gold-line,
.sm-home .sm-testimonials__gold-line,
.sm-home .sm-cta__gold-line {
  opacity: 0.22;
}

/* --------------------------------------------------------------------------
   Mobile: še bolj subtilno
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
  .sm-home .sm-hero__gold-line,
  .sm-home .sm-why__gold-line,
  .sm-home .sm-collab__gold-line,
  .sm-home .sm-services__gold-line,
  .sm-home .sm-river__gold-line,
  .sm-home .sm-testimonials__gold-line,
  .sm-home .sm-cta__gold-line {
    opacity: 0.18 !important;
    filter: none;
  }

  .sm-home .sm-hero__gold-line::after,
  .sm-home .sm-why__gold-line::after,
  .sm-home .sm-collab__gold-line::after,
  .sm-home .sm-services__gold-line::after,
  .sm-home .sm-river__gold-line::after,
  .sm-home .sm-testimonials__gold-line::after,
  .sm-home .sm-cta__gold-line::after {
    opacity: 0.6;
  }
}

/* ==========================================================================
   HERO — AFFIRMATION CARD ICON FIX
   Doda manjkajoči luxury simbol v kartici "Danes izberem"
   ========================================================================== */

.sm-home .sm-hero__affirmation-symbol::after {
  content: "✧" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.55rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: translateY(-0.02rem) !important;
}

/* ==========================================================================
   HERO — SOCIAL PROOF AVATAR IMAGES
   Prikaže slike iz Customizerja v hero avatar krogih
   ========================================================================== */

.sm-home .sm-hero__avatars {
  display: flex !important;
  align-items: center !important;
}

.sm-home .sm-hero__avatars .sm-hero__avatar,
.sm-home .sm-hero__avatars span {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 4.6rem !important;
  height: 4.6rem !important;
  border: 2px solid rgba(255, 253, 249, 0.98) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.96), rgba(232, 205, 199, 0.58)),
    linear-gradient(135deg, #fffdfa, #e8cdc7) !important;
  box-shadow:
    0 1rem 2.4rem rgba(55, 35, 32, 0.10),
    0 0 0 1px rgba(216, 185, 130, 0.16) !important;
}

.sm-home .sm-hero__avatars .sm-hero__avatar:not(:first-child),
.sm-home .sm-hero__avatars span:not(:first-child) {
  margin-left: -1.3rem !important;
}

.sm-home .sm-hero__avatars img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ==========================================================================
   HOME — SANDRA MARS AKADEMIJA PREVIEW
   Sekcija med R.I.V.E.R. in mnenji strank
   ========================================================================== */

.sm-home-academy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(8rem, 9vw, 13rem) 0;
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 86% 20%, rgba(242, 223, 216, 0.20) 0%, rgba(242, 223, 216, 0) 42%),
    radial-gradient(circle at 50% 92%, rgba(234, 216, 183, 0.13) 0%, rgba(234, 216, 183, 0) 38%),
    linear-gradient(135deg, #fffdfa 0%, #fbf6ef 52%, #f8efe7 100%);
}

.sm-home-academy__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - 5.6rem), 1320px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(42rem, 0.88fr);
  gap: clamp(5.4rem, 6vw, 8.8rem);
  align-items: center;
}

.sm-home-academy__content {
  max-width: 72rem;
}

.sm-home-academy__badge {
  display: inline-flex;
  align-items: center;
  min-height: 3.8rem;
  padding: 1rem 1.8rem;
  border: 1px solid rgba(216, 185, 130, 0.40);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.82);
  color: #8f7f78;
  box-shadow: 0 1.2rem 3rem rgba(55, 35, 32, 0.045);
  font-family: var(--sm-font-body);
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.sm-home-academy__badge::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 1rem;
  border-radius: 999px;
  background: var(--sm-gold);
}

.sm-home-academy__title {
  max-width: 76rem;
  margin: 2.6rem 0 0;
  color: var(--sm-espresso);
  font-family: var(--sm-font-heading);
  font-size: clamp(4.9rem, 5vw, 8rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.058em;
}

.sm-home-academy__title span {
  display: block;
  color: var(--sm-mauve);
}

.sm-home-academy__divider {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: 2.7rem;
}

.sm-home-academy__divider span {
  display: block;
  width: 6.2rem;
  height: 1px;
  background: rgba(216, 185, 130, 0.78);
}

.sm-home-academy__divider i {
  display: block;
  width: 1rem;
  height: 1rem;
  background: var(--sm-gold);
  transform: rotate(45deg);
}

.sm-home-academy__description {
  max-width: 64rem;
  margin-top: 2.5rem;
  color: var(--sm-taupe);
  font-family: var(--sm-font-body);
  font-size: clamp(1.6rem, 1.05vw, 1.78rem);
  line-height: 1.82;
}

.sm-home-academy__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 3.5rem;
}

.sm-home-academy__actions .sm-btn {
  min-width: 19.5rem;
}

/* Visual panel */

.sm-home-academy__visual {
  position: relative;
}

.sm-home-academy__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(2.4rem, 3vw, 3.4rem);
  border: 1px solid rgba(139, 83, 107, 0.11);
  border-radius: 3.8rem;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.76);
  box-shadow:
    0 2.2rem 6rem rgba(55, 35, 32, 0.085),
    inset 0 1px 0 rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(14px) saturate(1.05);
}

.sm-home-academy__panel::before {
  content: "";
  position: absolute;
  inset: 1.2rem;
  border: 1px solid rgba(216, 185, 130, 0.16);
  border-radius: 3rem;
  pointer-events: none;
}

.sm-home-academy__panel-head {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 5.2rem 1fr;
  gap: 1.6rem;
  align-items: center;
  padding: 2.2rem 2.3rem;
  border: 1px solid rgba(216, 185, 130, 0.24);
  border-radius: 2.8rem;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 48%),
    rgba(242, 223, 216, 0.22);
}

.sm-home-academy__panel-head > span {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.2rem;
  height: 4.2rem;
  border: 1px solid rgba(216, 185, 130, 0.72);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.62);
}

.sm-home-academy__panel-head > span::after {
  content: "✧";
  color: rgba(199, 156, 84, 0.94);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  line-height: 1;
}

.sm-home-academy__panel-head p {
  margin: 0 0 0.65rem;
  color: var(--sm-mauve);
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sm-home-academy__panel-head h3 {
  margin: 0;
  color: var(--sm-espresso);
  font-family: var(--sm-font-heading);
  font-size: clamp(2.6rem, 2.5vw, 3.8rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.045em;
}

.sm-home-academy__cards {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 1.2rem;
  margin-top: 1.5rem;
}

.sm-home-academy__mini-card {
  display: grid;
  grid-template-columns: 3.7rem 1fr;
  gap: 1.25rem;
  align-items: start;
  padding: 1.65rem 1.75rem;
  border: 1px solid rgba(139, 83, 107, 0.09);
  border-radius: 2.2rem;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.64);
  box-shadow:
    0 1rem 2.4rem rgba(55, 35, 32, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.sm-home-academy__mini-card > span {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid rgba(216, 185, 130, 0.62);
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.72);
}

.sm-home-academy__mini-card > span::after {
  color: rgba(199, 156, 84, 0.94);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1;
}

.sm-home-academy__mini-card:nth-child(1) > span::after {
  content: "✦";
}

.sm-home-academy__mini-card:nth-child(2) > span::after {
  content: "☾";
  font-size: 1.1rem;
}

.sm-home-academy__mini-card:nth-child(3) > span::after {
  content: "∞";
  font-size: 1.12rem;
}

.sm-home-academy__mini-card h3 {
  margin: 0;
  color: var(--sm-mauve-dark);
  font-size: 1.48rem;
  font-weight: 900;
  line-height: 1.15;
}

.sm-home-academy__mini-card p {
  margin: 0.65rem 0 0;
  color: var(--sm-taupe);
  font-size: 1.32rem;
  line-height: 1.55;
}

.sm-home-academy__featured {
  position: relative;
  z-index: 2;
  margin-top: 1.5rem;
  padding: 2.1rem 2.3rem;
  border: 1px solid rgba(216, 185, 130, 0.24);
  border-radius: 2.6rem;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 46%),
    linear-gradient(135deg, rgba(111, 63, 85, 0.82), rgba(139, 83, 107, 0.74));
  box-shadow:
    0 1.4rem 3.4rem rgba(111, 63, 85, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.sm-home-academy__featured span {
  display: block;
  margin-bottom: 0.8rem;
  color: rgba(234, 216, 183, 0.96);
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.sm-home-academy__featured p {
  margin: 0;
  color: rgba(255, 253, 249, 0.94);
  font-size: 1.38rem;
  font-weight: 650;
  line-height: 1.58;
}

/* Gold lines */

.sm-home-academy__gold-line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(216, 185, 130, 0.38);
  border-color: rgba(216, 185, 130, 0.38) transparent transparent transparent;
  border-radius: 58% 42% 63% 37% / 45% 60% 40% 55%;
  filter: drop-shadow(0 0 0.65rem rgba(232, 196, 110, 0.14));
}

.sm-home-academy__gold-line::after {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 14%;
  width: 26%;
  height: 1.2px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 245, 214, 0),
      rgba(255, 250, 236, 0.92),
      rgba(236, 202, 125, 0.78),
      rgba(255, 245, 214, 0)
    );
  filter: drop-shadow(0 0 0.42rem rgba(255, 243, 200, 0.42));
}

.sm-home-academy__gold-line--top {
  width: 88rem;
  height: 38rem;
  right: -24rem;
  top: -8rem;
  transform: rotate(-14deg) skewX(-3deg);
  opacity: 0.30;
}

.sm-home-academy__gold-line--bottom {
  width: 86rem;
  height: 36rem;
  left: -28rem;
  bottom: -9rem;
  transform: rotate(13deg) skewX(3deg);
  opacity: 0.24;
}

/* Responsive */

@media (max-width: 1100px) {
  .sm-home-academy__container {
    grid-template-columns: 1fr;
  }

  .sm-home-academy__visual {
    max-width: 72rem;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .sm-home-academy {
    padding: 7rem 0;
  }

  .sm-home-academy__container {
    width: min(calc(100% - 3.2rem), 1320px);
  }

  .sm-home-academy__title {
    font-size: clamp(4.1rem, 12vw, 6rem);
  }

  .sm-home-academy__actions .sm-btn {
    width: 100%;
  }

  .sm-home-academy__panel {
    border-radius: 3rem;
    padding: 1.6rem;
  }

  .sm-home-academy__panel-head {
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .sm-home-academy__mini-card {
    grid-template-columns: 3.4rem 1fr;
    padding: 1.5rem;
  }

  .sm-home-academy__gold-line {
    opacity: 0.16;
  }
}

/* ==========================================================================
   HOME — AKADEMIJA MINI CARD FIX
   Popravi desni del akademija sekcije: tekst ne sme padati v ozki stolpec
   ========================================================================== */

.sm-home-academy__mini-card {
  grid-template-columns: 3.7rem minmax(0, 1fr) !important;
  align-items: start !important;
}

.sm-home-academy__mini-card > span {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}

.sm-home-academy__mini-card h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: 0.1rem !important;
}

.sm-home-academy__mini-card p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  max-width: 100% !important;
  margin-top: 0.65rem !important;
}

/* Malo bolj premium in kompaktno, ker je desni panel trenutno previsok */
.sm-home-academy__cards {
  gap: 1.05rem !important;
}

.sm-home-academy__mini-card {
  min-height: auto !important;
  padding: 1.55rem 1.65rem !important;
}

/* Desni panel naj ne deluje kot zelo visok prazen stolp */
.sm-home-academy__panel {
  max-width: 58rem !important;
  margin-left: auto !important;
}

/* Na desktopu rahlo zmanjša razmik, da je sekcija bolj kompaktna */
.sm-home-academy__container {
  gap: clamp(4.4rem, 5vw, 7.2rem) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .sm-home-academy__mini-card {
    grid-template-columns: 3.4rem minmax(0, 1fr) !important;
  }

  .sm-home-academy__mini-card > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  .sm-home-academy__mini-card h3,
  .sm-home-academy__mini-card p {
    grid-column: 2 !important;
  }
}

/* ==========================================================================
   HOME — AKADEMIJA FINAL POLISH
   Sekcija naj bo premium, a ne premočna kot glavni hero
   ========================================================================== */

.sm-home-academy__title {
  font-size: clamp(4.55rem, 4.55vw, 7.25rem) !important;
  max-width: 70rem !important;
}

.sm-home-academy__description {
  max-width: 60rem !important;
}

.sm-home-academy__panel {
  max-width: 55rem !important;
  padding: clamp(2.1rem, 2.5vw, 2.9rem) !important;
  box-shadow:
    0 1.8rem 5rem rgba(55, 35, 32, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

.sm-home-academy__panel-head {
  padding: 1.9rem 2.1rem !important;
}

.sm-home-academy__panel-head h3 {
  font-size: clamp(2.35rem, 2.15vw, 3.25rem) !important;
  line-height: 1.02 !important;
}

.sm-home-academy__mini-card {
  padding: 1.42rem 1.55rem !important;
}

.sm-home-academy__featured {
  padding: 1.85rem 2.05rem !important;
}

.sm-home-academy__featured p {
  font-size: 1.32rem !important;
}

/* CTA gumba malo bolj elegantno poravnana */
.sm-home-academy__actions {
  margin-top: 3.2rem !important;
}

/* ==========================================================================
   HOME — COLLABORATE / KAKO LAHKO SODELUJEVA
   Final premium polish
   ========================================================================== */

.sm-home .sm-collab {
  padding-top: clamp(7.4rem, 8vw, 11.4rem) !important;
  padding-bottom: clamp(7.8rem, 8vw, 11.8rem) !important;
}

.sm-home .sm-collab__container {
  width: min(calc(100% - 5.6rem), 1320px) !important;
  grid-template-columns: minmax(36rem, 0.82fr) minmax(0, 1.18fr) !important;
  gap: clamp(5.2rem, 6vw, 8.2rem) !important;
  align-items: center !important;
}

/* LEFT VISUAL */

.sm-home .sm-collab__visual {
  min-height: 57rem !important;
}

.sm-home .sm-collab__photo-card {
  width: min(41rem, 100%) !important;
  height: 55rem !important;
  padding: 1.25rem !important;
  border-color: rgba(139, 83, 107, 0.11) !important;
  border-radius: 3.8rem !important;
  background:
    radial-gradient(circle at 28% 10%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 44%),
    linear-gradient(145deg, rgba(255, 253, 249, 0.88), rgba(232, 205, 199, 0.44)) !important;
  box-shadow:
    0 2.2rem 5.8rem rgba(55, 35, 32, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

.sm-home .sm-collab__photo-inner {
  border-radius: 2.8rem !important;
}

.sm-home .sm-collab__photo-inner img {
  filter: grayscale(0.08) contrast(0.98) brightness(1.02) !important;
}

.sm-home .sm-collab__photo-line::before {
  border-right-color: rgba(248, 214, 135, 0.44) !important;
  border-top-color: rgba(248, 214, 135, 0.22) !important;
  filter: drop-shadow(0 0 6px rgba(248, 214, 135, 0.30)) !important;
}

/* Quote card čez sliko */

.sm-home .sm-collab__quote-card {
  left: 4.2rem !important;
  right: -2.2rem !important;
  bottom: 1.9rem !important;
  max-width: 38rem !important;
  padding: 2.25rem 2.55rem !important;
  border: 1px solid rgba(216, 185, 130, 0.24) !important;
  border-radius: 2.55rem !important;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.88) !important;
  box-shadow:
    0 1.7rem 4.4rem rgba(55, 35, 32, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
  backdrop-filter: blur(16px) saturate(1.04) !important;
}

.sm-home .sm-collab__quote-card p {
  color: var(--sm-mauve-dark) !important;
  font-size: clamp(2.05rem, 1.75vw, 2.45rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
}

.sm-home .sm-collab__quote-card span {
  margin-top: 1.05rem !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.02rem !important;
  font-weight: 850 !important;
  line-height: 1.38 !important;
  letter-spacing: 0.13em !important;
}

/* RIGHT CONTENT */

.sm-home .sm-collab__content {
  max-width: 73rem !important;
}

.sm-home .sm-collab__title {
  max-width: 72rem !important;
  margin-top: 2.35rem !important;
  font-size: clamp(4.8rem, 4.65vw, 7.35rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.058em !important;
}

.sm-home .sm-collab__description {
  max-width: 66rem !important;
  margin-top: 2.45rem !important;
  color: var(--sm-taupe) !important;
  font-size: 1.62rem !important;
  line-height: 1.82 !important;
}

.sm-home .sm-collab__actions {
  gap: 1.35rem !important;
  margin-top: 3rem !important;
}

.sm-home .sm-collab__actions .sm-btn {
  min-height: 5rem !important;
  padding-inline: 2.55rem !important;
}

/* BENEFIT BAR */

.sm-home .sm-collab__benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 3.2rem !important;
  padding: 1rem !important;
  border: 1px solid rgba(139, 83, 107, 0.075) !important;
  border-radius: 2.8rem !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 46%),
    rgba(255, 253, 249, 0.68) !important;
  box-shadow:
    0 1.3rem 3.2rem rgba(55, 35, 32, 0.038),
    inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
  backdrop-filter: blur(10px) !important;
}

.sm-home .sm-collab__benefit {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 3.9rem minmax(0, 1fr) !important;
  gap: 1.15rem !important;
  align-items: start !important;
  min-height: 11rem !important;
  padding: 1.65rem 1.55rem !important;
  border: 0 !important;
  border-radius: 2.15rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.sm-home .sm-collab__benefit:not(:last-child)::before {
  content: "" !important;
  position: absolute !important;
  top: 18% !important;
  right: 0 !important;
  width: 1px !important;
  height: 64% !important;
  background: linear-gradient(
    180deg,
    rgba(216, 185, 130, 0),
    rgba(216, 185, 130, 0.30),
    rgba(216, 185, 130, 0)
  ) !important;
}

/* Icon */

.sm-home .sm-collab__benefit > span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3.5rem !important;
  height: 3.5rem !important;
  min-width: 3.5rem !important;
  min-height: 3.5rem !important;
  margin-top: 0.08rem !important;
  border: 1px solid rgba(216, 185, 130, 0.74) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0) 62%),
    rgba(255, 253, 249, 0.72) !important;
  box-shadow:
    0 0.65rem 1.5rem rgba(55, 35, 32, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.sm-home .sm-collab__benefit > span::before {
  content: none !important;
}

.sm-home .sm-collab__benefit > span::after {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  color: rgba(199, 156, 84, 0.92) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.sm-home .sm-collab__benefit:nth-child(1) > span::after {
  content: "✧" !important;
  font-size: 1.82rem !important;
}

.sm-home .sm-collab__benefit:nth-child(2) > span::after {
  content: "♡" !important;
  font-size: 1.92rem !important;
  margin-top: -0.06rem !important;
}

.sm-home .sm-collab__benefit:nth-child(3) > span::after {
  content: "↗" !important;
  font-size: 1.85rem !important;
  margin-top: -0.06rem !important;
}

/* Benefit text */

.sm-home .sm-collab__benefit strong {
  display: block !important;
  margin: 0 0 0.55rem !important;
  color: var(--sm-espresso) !important;
  font-family: var(--sm-font-heading) !important;
  font-size: clamp(1.72rem, 1.25vw, 2.05rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

.sm-home .sm-collab__benefit p {
  margin: 0 !important;
  color: var(--sm-taupe-dark) !important;
  font-family: var(--sm-font-body) !important;
  font-size: 1.18rem !important;
  font-weight: 550 !important;
  line-height: 1.48 !important;
}

/* Izklopi star first-line efekt, ker imamo zdaj ločen <strong> naslov */
.sm-home .sm-collab__benefit p::first-line {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.sm-home .sm-collab__benefit:hover {
  transform: translateY(-0.12rem) !important;
  background: rgba(255, 253, 249, 0.28) !important;
}

/* TABLET */

@media (max-width: 1180px) {
  .sm-home .sm-collab__container {
    grid-template-columns: 1fr !important;
    max-width: 86rem !important;
  }

  .sm-home .sm-collab__visual {
    width: min(100%, 58rem) !important;
    min-height: 58rem !important;
    margin: 0 auto !important;
  }

  .sm-home .sm-collab__content {
    max-width: 78rem !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .sm-home .sm-collab__description {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sm-home .sm-collab__actions {
    justify-content: center !important;
  }

  .sm-home .sm-collab__benefits {
    text-align: left !important;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  .sm-home .sm-collab {
    padding-top: 6.4rem !important;
    padding-bottom: 6.8rem !important;
  }

  .sm-home .sm-collab__container {
    width: min(calc(100% - 3.2rem), 100%) !important;
    gap: 4.2rem !important;
  }

  .sm-home .sm-collab__visual {
    min-height: 48rem !important;
  }

  .sm-home .sm-collab__photo-card {
    width: 100% !important;
    height: 45rem !important;
    border-radius: 3rem !important;
  }

  .sm-home .sm-collab__photo-inner {
    border-radius: 2.25rem !important;
  }

  .sm-home .sm-collab__quote-card {
    left: 1.4rem !important;
    right: 1.4rem !important;
    bottom: -1.2rem !important;
    max-width: none !important;
    padding: 2rem 2.15rem !important;
    border-radius: 2.25rem !important;
  }

  .sm-home .sm-collab__quote-card p {
    font-size: 2rem !important;
  }

  .sm-home .sm-collab__title {
    font-size: clamp(4rem, 12vw, 5.8rem) !important;
  }

  .sm-home .sm-collab__description {
    font-size: 1.46rem !important;
  }

  .sm-home .sm-collab__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .sm-home .sm-collab__actions .sm-btn {
    width: 100% !important;
  }

  .sm-home .sm-collab__benefits {
    grid-template-columns: 1fr !important;
    padding: 0.85rem !important;
    border-radius: 2.35rem !important;
  }

  .sm-home .sm-collab__benefit {
    grid-template-columns: 3.8rem minmax(0, 1fr) !important;
    min-height: auto !important;
    padding: 1.55rem 1.35rem !important;
  }

  .sm-home .sm-collab__benefit:not(:last-child)::before {
    top: auto !important;
    right: 1.4rem !important;
    bottom: 0 !important;
    left: 1.4rem !important;
    width: auto !important;
    height: 1px !important;
    background: linear-gradient(
      90deg,
      rgba(216, 185, 130, 0),
      rgba(216, 185, 130, 0.30),
      rgba(216, 185, 130, 0)
    ) !important;
  }

  .sm-home .sm-collab__benefit > span {
    width: 3.25rem !important;
    height: 3.25rem !important;
    min-width: 3.25rem !important;
    min-height: 3.25rem !important;
  }

  .sm-home .sm-collab__benefit strong {
    font-size: 1.65rem !important;
  }

  .sm-home .sm-collab__benefit p {
    font-size: 1.12rem !important;
  }
}

/* ==========================================================================
   HOME — COLLABORATE FINAL REFINEMENT
   Zadnji popravek za popoln premium videz sekcije "Kako lahko sodelujeva"
   ========================================================================== */

.sm-home .sm-collab__container {
  grid-template-columns: minmax(38rem, 0.8fr) minmax(0, 1.2fr) !important;
  gap: clamp(5.8rem, 6.5vw, 9rem) !important;
}

.sm-home .sm-collab__content {
  max-width: 76rem !important;
}

.sm-home .sm-collab__description {
  max-width: 67rem !important;
  font-size: 1.64rem !important;
  line-height: 1.86 !important;
}

/* Benefit bar naj bo bolj zračen in manj stisnjen */

.sm-home .sm-collab__benefits {
  margin-top: 3.4rem !important;
  padding: 1.25rem !important;
  border-radius: 3.1rem !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 48%),
    rgba(255, 253, 249, 0.76) !important;
  box-shadow:
    0 1.7rem 4.2rem rgba(55, 35, 32, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

.sm-home .sm-collab__benefit {
  grid-template-columns: 3.8rem minmax(0, 1fr) !important;
  gap: 1.25rem !important;
  min-height: 12.4rem !important;
  padding: 1.9rem 1.75rem !important;
}

.sm-home .sm-collab__benefit > span {
  width: 3.55rem !important;
  height: 3.55rem !important;
  min-width: 3.55rem !important;
  min-height: 3.55rem !important;
}

/* Naslovi v treh karticah */

.sm-home .sm-collab__benefit strong {
  display: block !important;
  margin: 0 0 0.7rem !important;
  color: var(--sm-espresso) !important;
  font-family: var(--sm-font-heading) !important;
  font-size: clamp(1.82rem, 1.35vw, 2.18rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

/* Opis v treh karticah */

.sm-home .sm-collab__benefit p {
  margin: 0 !important;
  color: var(--sm-taupe-dark) !important;
  font-size: 1.24rem !important;
  font-weight: 520 !important;
  line-height: 1.5 !important;
}

/* Popravek prelomov: kartice naj ne izgledajo kot ozki stolpci */

.sm-home .sm-collab__benefit div {
  max-width: 100% !important;
}

.sm-home .sm-collab__benefit:not(:last-child)::before {
  top: 20% !important;
  height: 60% !important;
  opacity: 0.82 !important;
}

/* Leva quote kartica naj bo še malo bolj elegantna */

.sm-home .sm-collab__quote-card {
  max-width: 40rem !important;
  padding: 2.35rem 2.65rem !important;
}

.sm-home .sm-collab__quote-card p {
  font-size: clamp(2.12rem, 1.8vw, 2.52rem) !important;
  line-height: 1.13 !important;
}

.sm-home .sm-collab__quote-card span {
  font-size: 1.02rem !important;
  line-height: 1.45 !important;
}

/* Gumbi naj imajo malo bolj premium razmerje */

.sm-home .sm-collab__actions .sm-btn {
  min-height: 5.15rem !important;
  padding-inline: 2.7rem !important;
}

/* Tablet */

@media (max-width: 1180px) {
  .sm-home .sm-collab__container {
    grid-template-columns: 1fr !important;
  }

  .sm-home .sm-collab__benefits {
    max-width: 72rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .sm-home .sm-collab__benefits {
    grid-template-columns: 1fr !important;
    padding: 0.9rem !important;
    border-radius: 2.4rem !important;
  }

  .sm-home .sm-collab__benefit {
    grid-template-columns: 3.8rem minmax(0, 1fr) !important;
    min-height: auto !important;
    padding: 1.65rem 1.4rem !important;
  }

  .sm-home .sm-collab__benefit strong {
    font-size: 1.7rem !important;
  }

  .sm-home .sm-collab__benefit p {
    font-size: 1.16rem !important;
  }
}