/* Technology pages: editorial media block (plain paragraphs left, photo right). Scoped to .ulm-tech-detail #technologia. */
@layer ulm-site-standard {
  html body.page #Content #technologia.ulm-tech-detail .ulm-tech-editorial-section .elementor-widget-text-editor {
    width: 100% !important; max-width: none !important;
  }
  html body.page #Content #technologia .ulm-tech-detail .ulm-ted--media,
  html body.page #Content #technologia.ulm-tech-detail .ulm-ted--media,
  html body.page.ulm-tech-detail #Content #technologia .ulm-ted--media {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(24px, 3.2vw, 48px) !important;
    align-items: center !important;
    width: 100% !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-text {
    display: block !important; grid-template-columns: none !important;
    width: 100% !important; max-width: none !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; gap: 0 !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p,
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p:first-child {
    margin: 0 0 14px !important; padding: 0 !important;
    font-family: inherit !important;
    font-size: 15px !important; line-height: 1.6 !important;
    font-weight: 400 !important; font-style: normal !important;
    letter-spacing: normal !important; text-transform: none !important;
    color: #4b5266 !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p:last-child { margin-bottom: 0 !important; }
  html[data-ulm-theme=dark] body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p,
  html[data-ulm-theme=dark] body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p:first-child {
    color: #c0c2cf !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-text > p * {
    font: inherit !important; color: inherit !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-visual {
    display: block !important; width: 100% !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important;
    border-radius: var(--ulm-card-radius, 24px) !important; overflow: hidden !important;
  }
  html body.page #Content #technologia .ulm-ted--media .ulm-ted-visual img {
    display: block !important; width: 100% !important; height: auto !important;
    max-width: 100% !important; max-height: none !important;
    aspect-ratio: 4 / 3; object-fit: cover !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    border-radius: var(--ulm-card-radius, 24px) !important; box-shadow: none !important;
  }
  @media (max-width: 767px) {
    html body.page #Content #technologia.ulm-tech-detail .ulm-ted--media,
    html body.page #Content #technologia .ulm-tech-detail .ulm-ted--media,
    html body.page.ulm-tech-detail #Content #technologia .ulm-ted--media {
      grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important;
    }
    html body.page #Content #technologia .ulm-ted--media .ulm-ted-visual,
    html body.page #Content #technologia .ulm-ted--media .ulm-ted-visual img {
      border-radius: 20px !important;
    }
  }

  /* Only the capabilities and limitations block; its heading stays outside. */
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits {
    padding: clamp(24px, 3.2vw, 44px) !important;
    gap: clamp(24px, 3.2vw, 48px) !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: var(--ulm-card-radius, 24px) !important;
    background: #f7f9fc !important;
  }
  html[data-ulm-theme=dark] body.page #Content #technologia .ulm-ted--media.ulm-ted--limits {
    background: #1a2133 !important;
    border-color: #30394e !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-text > p {
    margin: 0 !important;
    padding: 0 !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-text > p + p {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #dfe5ee !important;
  }
  html[data-ulm-theme=dark] body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-text > p + p {
    border-color: #394358 !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-visual {
    border: 1px solid #dce3ee !important;
    box-shadow: 0 8px 24px rgba(25, 45, 78, .08) !important;
  }
  html[data-ulm-theme=dark] body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-visual {
    border-color: #46516a !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2) !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits .ulm-ted-visual img {
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
  @media (max-width: 767px) {
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--limits {
      padding: 20px !important;
      gap: 24px !important;
      border-radius: 20px !important;
    }
  }
}
/* Fallback grid for the base selector (unlayered old rules use low specificity). */
html body.page #Content #technologia .ulm-ted--media { display: grid; }


/* Technology editorial mosaic layout. */
/* Two alternating text-and-illustration blocks on technology pages only. */
html body.page #Content #technologia.ulm-tech-detail .ulm-ted--mosaic,
html body.page #Content #technologia .ulm-tech-detail .ulm-ted--mosaic,
html body.page.ulm-tech-detail #Content #technologia .ulm-ted--mosaic {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "copy-first visual-first"
    "visual-second copy-second" !important;
  gap: clamp(24px, 3.2vw, 48px) !important;
  align-items: stretch !important;
}
html body.page #Content #technologia .ulm-ted--mosaic > .ulm-ted-text--first {
  grid-area: copy-first !important;
  align-self: center !important;
}
html body.page #Content #technologia .ulm-ted--mosaic > .ulm-ted-visual--first {
  grid-area: visual-first !important;
  align-self: center !important;
}
html body.page #Content #technologia .ulm-ted--mosaic > .ulm-ted-visual--second {
  grid-area: visual-second !important;
  align-self: center !important;
}
html body.page #Content #technologia .ulm-ted--mosaic > .ulm-ted-text--second {
  grid-area: copy-second !important;
  align-self: center !important;
}
html body.page #Content #technologia .ulm-ted--mosaic .ulm-ted-visual {
  min-width: 0 !important;
}
@media (max-width: 767px) {
  html body.page #Content #technologia.ulm-tech-detail .ulm-ted--mosaic,
  html body.page #Content #technologia .ulm-tech-detail .ulm-ted--mosaic,
  html body.page.ulm-tech-detail #Content #technologia .ulm-ted--mosaic {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "copy-first"
      "visual-first"
      "copy-second"
      "visual-second" !important;
    gap: 20px !important;
  }
}

/* Scope these cards to the related-technologies section, not the home offer. */
html body.page #Content #seo-powiazania .ulm-related-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:25.6px !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}
html body.page #Content #seo-powiazania .ulm-related-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:25.6px !important;
  border-radius:25.6px !important;
  background:#f4f4f4 !important;
  box-sizing:border-box !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-image {
  width:192px !important;
  max-width:100% !important;
  height:44.8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:99px !important;
  background:#eaeaef !important;
  margin:0 !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-image .elementor-widget-container {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-image img {
  width:auto !important;
  max-width:80% !important;
  height:32px !important;
  object-fit:contain !important;
}
html body.page #Content #seo-powiazania .ulm-related-card h3.elementor-heading-title {
  font-size:clamp(22px,2vw,28px) !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  letter-spacing:-.6px !important;
  color:#07012d !important;
  margin:0 !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-text-editor,
html body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-text-editor p {
  font-size:15.2px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#07012d !important;
  margin:0 !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .offer-tech-actions {
  margin-top:auto !important;
  padding-top:4px !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button {
  min-height:36px !important;
  padding:8px 16px !important;
  font-size:15.2px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  border:2px solid transparent !important;
  border-radius:99px !important;
  background:#fff !important;
  color:#0068ff !important;
  text-decoration:none !important;
  transition:background-color .2s,color .2s,border-color .2s !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button:hover,
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button:focus-visible {
  background:#0068ff !important;
  color:#fff !important;
  border-color:#0068ff !important;
}
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card {
  background:#1e202c !important;
}
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card h3.elementor-heading-title,
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-text-editor,
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-widget-text-editor p {
  color:#f2f3f8 !important;
}
@media(max-width:1024px) {
  html body.page #Content #seo-powiazania .ulm-related-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:767px) {
  html body.page #Content #seo-powiazania .ulm-related-grid {
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
  }
  html body.page #Content #seo-powiazania .ulm-related-card {
    padding:24px !important;
  }
}

/* Related card padded brand SVG scale. */
html body.page #Content #seo-powiazania .ulm-related-card img[src*="/atomstore-logo-"] { transform:scale(2.15) !important; }
html body.page #Content #seo-powiazania .ulm-related-card img[src*="/shopify-logo-"] { transform:scale(1.67) !important; }
html body.page #Content #seo-powiazania .ulm-related-card img[src*="/medusa-js-logo-"] { transform:scale(1.98) !important; }

/* Keep CTA labels and arrows visible inside the site's dark-theme overrides. */
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button {
  background:#fff !important;
  color:#0068ff !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button * {
  color:inherit !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button svg {
  fill:currentColor !important;
}
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button:hover,
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button:focus-visible {
  background:#0068ff !important;
  color:#fff !important;
}
@media(max-width:767px) {
  html body.page #Content #seo-powiazania .ulm-related-grid {
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
  }
  html body.page #Content #seo-powiazania .ulm-related-card {
    padding:24px !important;
  }
}

/* BEGIN ULM LINKED EDITORIAL */
/* Images fit the adjacent copy, without stretching/cropping or changing typography. */
@layer ulm-site-standard {
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--mosaic.ulm-ted--linked {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "copy-first visual-first"
      "connector connector"
      "visual-second copy-second" !important;
    gap: 0 clamp(24px, 3.2vw, 48px) !important;
    align-items: stretch !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-text {
    align-self: stretch !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual {
    /* Size containment makes the text determine the row height, not the source image. */
    contain: size !important;
    width: min(70%, 320px) !important;
    max-width: 320px !important;
    height: 100% !important;
    align-self: stretch !important;
    justify-self: center !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual--first img {
    object-position: center bottom !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual--second img {
    object-position: center top !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-connector {
    display: block !important;
    grid-area: connector !important;
    height: clamp(56px, 5vw, 72px) !important;
    width: 100% !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 80' preserveAspectRatio='none'%3E%3Cpath d='M750 0 C750 40 250 40 250 80' fill='none' stroke='%230068ff' stroke-opacity='.45' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important;
    pointer-events: none !important;
  }
  @media (max-width: 767px) {
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--mosaic.ulm-ted--linked {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas:
        "copy-first"
        "visual-first"
        "copy-second"
        "visual-second" !important;
      gap: 24px !important;
    }
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual {
      contain: none !important;
      width: min(88%, 320px) !important;
      height: auto !important;
    }
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-visual img {
      height: auto !important;
      aspect-ratio: 4 / 3 !important;
      object-position: center !important;
    }
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked > .ulm-ted-connector {
      display: none !important;
    }
  }
}
/* END ULM LINKED EDITORIAL */

/* BEGIN ULM RELATED CARD CONSISTENCY */
/* Use the home offer's heading spacing and dark-theme CTA states. */
html body.page #Content #seo-powiazania > .elementor-widget-heading,
html body.page #Content #seo-powiazania > .e-con-inner > .elementor-widget-heading {
  margin-bottom: 48px !important;
}
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button {
  background: #0068ff !important;
  border-color: #0068ff !important;
  color: #fff !important;
}
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button:hover,
html[data-ulm-theme="dark"] body.page #Content #seo-powiazania .ulm-related-card .elementor-button:focus-visible {
  background: #fbfcff !important;
  border-color: #0068ff !important;
  color: #0068ff !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button-icon {
  transition: transform .2s !important;
}
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button:hover .elementor-button-icon,
html body.page #Content #seo-powiazania .ulm-related-card .elementor-button:focus-visible .elementor-button-icon {
  transform: translateX(3.2px) !important;
}
@media(max-width:1024px) {
  html body.page #Content #seo-powiazania > .elementor-widget-heading,
  html body.page #Content #seo-powiazania > .e-con-inner > .elementor-widget-heading {
    margin-bottom: 25.6px !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body.page #Content #seo-powiazania .ulm-related-card .elementor-button-icon {
    transition: none !important;
    transform: none !important;
  }
}
/* END ULM RELATED CARD CONSISTENCY */

/* BEGIN ULM BRANDED EDITORIAL ARTWORK */
@layer ulm-site-standard {
  /* Wide compositions occupy the complete column rather than a narrow centered thumbnail. */
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-visual {
    contain: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    aspect-ratio: 11 / 5 !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-visual--first {
    align-self: end !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-visual--second {
    align-self: start !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-visual img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 11 / 5 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-connector {
    height: clamp(64px, 6.5vw, 96px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 100' preserveAspectRatio='none'%3E%3Cpath d='M825 0 V18 Q825 50 793 50 H307 Q275 50 275 82 V100' fill='none' stroke='%238ba6bf' stroke-opacity='.8' stroke-width='1.6' stroke-dasharray='2 10' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") !important;
  }
  @media(max-width:767px) {
    html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand > .ulm-ted-visual {
      align-self: start !important;
    }
  }
}
/* END ULM BRANDED EDITORIAL ARTWORK */

/* BEGIN ULM UNBOXED EDITORIAL LIMITS */
@layer ulm-site-standard {
  /* Remove the outside panel only; retain the two illustrations and their connector. */
  html body.page #Content #technologia .ulm-ted--media.ulm-ted--linked.ulm-ted--brand.ulm-ted--limits {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}
/* END ULM UNBOXED EDITORIAL LIMITS */