/* VISUAL-FINISHING-046
   Approved homepage reconciliation only. The locked hero and wearing guide are
   deliberately absent from every selector in this file. */

/* Quiet hairlines make the light and dark chapters meet as one editorial
   sequence without flattening their different compositions. */
.elementor-945 :is(
  #alpha-pod-oblacili-pogledi,
  #kako-alpha-deluje,
  #razvoj-in-preizkus,
  #narocilo,
  #vsak-dan
) {
  box-shadow: inset 0 1px rgba(36, 34, 31, 0.13);
}

.elementor-945 #o-nas {
  box-shadow: inset 0 1px rgba(244, 240, 233, 0.13);
}

.elementor-945 :is(
  .el-under-clothing h2,
  .el-how-alpha__intro h2,
  .el-development-teaser h2,
  .el-lifestyle-title h2,
  .el-ending-brand__heading h2
) {
  text-wrap: balance;
}

/* The real development sketch reads as a handled archive sheet instead of a
   bright document pasted into the page. The source artwork stays unchanged. */
.elementor-945 .el-development-teaser__figure {
  isolation: isolate;
  aspect-ratio: 1.34 / 1;
  padding: clamp(12px, 1.5vw, 22px);
  background: #ddd3c6;
  box-shadow: inset 0 0 0 1px rgba(29, 26, 23, 0.16);
}

.elementor-945 .el-development-teaser__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
  filter: saturate(0.8) contrast(1.04);
  transform: scale(1.025);
}

.elementor-945 .el-development-teaser figcaption {
  right: auto;
  bottom: clamp(22px, 2.4vw, 34px);
  left: clamp(22px, 2.4vw, 34px);
}

/* Keep the product visible beside the complete decision path and make the
   smallest commerce labels legible rather than ornamental. */
@media (min-width: 1025px) {
  .elementor-945 #custom-product-1085 .cp1085__gallery {
    top: calc(var(--el-header-offset, 94px) + 18px);
  }
}

.elementor-945 #custom-product-1085 :is(
  .cp1085__eyebrow,
  .cp1085__heading,
  .cp1085__size-guide,
  .cp1085__detail > summary
) {
  font-size: 12px !important;
}

.elementor-945 #custom-product-1085 :is(
  .cp1085__current,
  .cp1085__availability,
  .cp1085__vat
) {
  font-size: 12px;
}

/* Tablet: retain the editorial image-and-copy relationship instead of turning
   three mechanisms into a four-screen vertical image stack. */
@media (min-width: 720px) and (max-width: 860px) {
  .elementor-945 .el-how-alpha {
    padding: 72px 36px 78px;
  }

  .elementor-945 .el-how-alpha__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(260px, 0.78fr);
    grid-template-areas:
      "eyebrow eyebrow"
      "title lead";
    align-items: end;
    gap: 26px 40px;
    margin-bottom: 58px;
  }

  .elementor-945 .el-how-alpha__eyebrow {
    margin-bottom: 0;
  }

  .elementor-945 .el-how-alpha__intro h2 {
    font-size: clamp(57px, 8.4vw, 68px);
  }

  .elementor-945 .el-how-alpha__lead {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.62;
  }

  .elementor-945 .el-how-alpha__step {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(250px, 0.76fr);
    gap: 34px;
    align-items: center;
    padding: 0 0 50px;
  }

  .elementor-945 .el-how-alpha__step + .el-how-alpha__step {
    margin-top: 50px;
  }

  .elementor-945 .el-how-alpha__mobile-figure {
    width: 100%;
    aspect-ratio: 4 / 5;
    margin: 0;
  }

  .elementor-945 .el-how-alpha__step-label {
    margin-bottom: 17px;
  }

  .elementor-945 .el-how-alpha__step h3 {
    margin-bottom: 18px;
    font-size: clamp(40px, 5.7vw, 48px);
  }

  .elementor-945 .el-how-alpha__step-body {
    font-size: 15px;
    line-height: 1.62;
  }

  .elementor-945 .el-how-alpha__principle {
    display: grid;
    grid-template-columns: minmax(190px, 0.65fr) minmax(0, 1fr);
    gap: 34px;
    margin-top: 48px;
    padding-top: 26px;
  }

  .elementor-945 .el-how-alpha__principle p {
    margin-top: 0;
  }

  .elementor-945 .el-how-alpha__continuation {
    margin-top: 48px;
  }
}

/* The final lifestyle action now belongs to the evening image and hands the
   page to the brand story without an empty dark holding area. */
@media (min-width: 768px) {
  .elementor-945 .el-lifestyle-moment--evening {
    padding-top: clamp(64px, 6vw, 96px);
  }

  .elementor-945 .el-lifestyle-end {
    padding-top: clamp(36px, 4vw, 56px);
    padding-bottom: clamp(58px, 5.5vw, 86px);
  }
}

@media (max-width: 767px) {
  .elementor-945 .el-development-teaser__figure {
    padding: 10px;
  }

  .elementor-945 .el-development-teaser figcaption {
    right: auto;
    bottom: 18px;
    left: 18px;
  }

  .elementor-945 #custom-product-1085 :is(
    .cp1085__size-prompt,
    .cp1085__delivery,
    .cp1085__message,
    .cp1085__reassurance-item span
  ) {
    font-size: 13px;
  }

  .elementor-945 #custom-product-1085 .cp1085__choice-block {
    padding-block: 19px;
  }

  .elementor-945 #custom-product-1085 .cp1085__reassurance {
    margin-top: 18px;
    margin-bottom: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-945 .el-development-teaser__figure img {
    transform: none;
  }
}