{"id":48,"date":"2021-02-01T16:01:19","date_gmt":"2021-02-01T16:01:19","guid":{"rendered":"https:\/\/alvion-pvc.com\/?page_id=48"},"modified":"2026-08-14T10:27:34","modified_gmt":"2026-08-14T10:27:34","slug":"home","status":"publish","type":"page","link":"https:\/\/alvion-pvc.com\/it\/","title":{"rendered":"Profili in uPVC estrusi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"48\" class=\"elementor elementor-48\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1997c855 e-flex e-con-boxed e-con e-parent\" data-id=\"1997c855\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/alvion-pvc.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/supremo-cutted-video-1.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14ff2c1 e-con e-atomic-element e-flexbox-base e-14ff2c1-3a24c85 \" data-id=\"14ff2c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14ff2c1\">\n    \t\t<div class=\"elementor-element elementor-element-78dd695 elementor-widget-mobile__width-initial elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"78dd695\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 PRODUCT SYSTEMS \/ CONCRETE WALLS\n     + image lightbox \u00b7 Supremo 3D popup (color variants)\n========================================================== -->\n\n<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/4.0.0\/model-viewer.min.js\"><\/script>\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-systems,\n  .alvion-systems * { box-sizing: border-box; }\n\n  .alvion-systems {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --ink: #0e0c0d;\n    --gray: #7a7576;\n    --rail: min(1440px, calc(100% - 48px));\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(40px, 5vw, 64px) 0 clamp(48px, 6vw, 72px);\n    color: var(--dark);\n    background: #f3f2f2;\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-systems__head {\n    width: var(--rail);\n    margin: 0 auto 22px;\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 20px;\n  }\n\n  .alvion-systems__eyebrow {\n    margin: 0;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems h2 {\n    margin: 0;\n    font-size: clamp(28px, 3.5vw, 42px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    text-transform: uppercase;\n    line-height: 1;\n  }\n\n  .alvion-systems__walls {\n    --a: 3.2fr;\n    --b: 0.45fr;\n    --c: 0.45fr;\n    --d: 0.45fr;\n\n    display: grid;\n    grid-template-columns: var(--a) var(--b) var(--c) var(--d);\n    gap: 4px;\n    width: var(--rail);\n    margin: 0 auto;\n    height: clamp(520px, 72vh, 680px);\n    background: var(--ink);\n    padding: 4px;\n    transition: grid-template-columns 0.55s cubic-bezier(0.77, 0, 0.18, 1);\n  }\n\n  .alvion-systems__walls[data-active=\"supremo\"] { --a: 3.2fr; --b: 0.45fr; --c: 0.45fr; --d: 0.45fr; }\n  .alvion-systems__walls[data-active=\"forest\"]  { --a: 0.45fr; --b: 3.2fr; --c: 0.45fr; --d: 0.45fr; }\n  .alvion-systems__walls[data-active=\"unique\"]  { --a: 0.45fr; --b: 0.45fr; --c: 3.2fr; --d: 0.45fr; }\n  .alvion-systems__walls[data-active=\"nl\"]      { --a: 0.45fr; --b: 0.45fr; --c: 0.45fr; --d: 3.2fr; }\n\n  .alvion-systems__walls[data-active=\"supremo\"]:has([data-system=\"forest\"]:hover) { --a: 2.9fr; --b: 0.85fr; --c: 0.4fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"supremo\"]:has([data-system=\"unique\"]:hover) { --a: 2.9fr; --b: 0.4fr; --c: 0.85fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"supremo\"]:has([data-system=\"nl\"]:hover)     { --a: 2.9fr; --b: 0.4fr; --c: 0.4fr; --d: 0.85fr; }\n\n  .alvion-systems__walls[data-active=\"forest\"]:has([data-system=\"supremo\"]:hover) { --a: 0.85fr; --b: 2.9fr; --c: 0.4fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"forest\"]:has([data-system=\"unique\"]:hover)  { --a: 0.4fr; --b: 2.9fr; --c: 0.85fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"forest\"]:has([data-system=\"nl\"]:hover)      { --a: 0.4fr; --b: 2.9fr; --c: 0.4fr; --d: 0.85fr; }\n\n  .alvion-systems__walls[data-active=\"unique\"]:has([data-system=\"supremo\"]:hover) { --a: 0.85fr; --b: 0.4fr; --c: 2.9fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"unique\"]:has([data-system=\"forest\"]:hover)  { --a: 0.4fr; --b: 0.85fr; --c: 2.9fr; --d: 0.4fr; }\n  .alvion-systems__walls[data-active=\"unique\"]:has([data-system=\"nl\"]:hover)      { --a: 0.4fr; --b: 0.4fr; --c: 2.9fr; --d: 0.85fr; }\n\n  .alvion-systems__walls[data-active=\"nl\"]:has([data-system=\"supremo\"]:hover) { --a: 0.85fr; --b: 0.4fr; --c: 0.4fr; --d: 2.9fr; }\n  .alvion-systems__walls[data-active=\"nl\"]:has([data-system=\"forest\"]:hover)  { --a: 0.4fr; --b: 0.85fr; --c: 0.4fr; --d: 2.9fr; }\n  .alvion-systems__walls[data-active=\"nl\"]:has([data-system=\"unique\"]:hover)  { --a: 0.4fr; --b: 0.4fr; --c: 0.85fr; --d: 2.9fr; }\n\n  .alvion-systems__wall {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    overflow: hidden;\n    cursor: pointer;\n    background: var(--dark);\n    color: var(--white);\n    font-family: inherit;\n    text-align: left;\n    transition: background 0.5s ease;\n  }\n\n  .alvion-systems__wall:focus-visible {\n    outline: 2px solid var(--red);\n    outline-offset: -2px;\n  }\n\n  .alvion-systems__spine {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 18px 12px;\n    pointer-events: none;\n  }\n\n  .alvion-systems__spine-num {\n    color: var(--red);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n  }\n\n  .alvion-systems__spine-code {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    align-self: center;\n    margin: auto 0;\n    font-size: clamp(18px, 1.8vw, 26px);\n    font-weight: 900;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, 0.55);\n    white-space: nowrap;\n    transition: color 0.35s ease;\n  }\n\n  .alvion-systems__spine-mark {\n    width: 8px;\n    height: 8px;\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    transition: background 0.35s ease, border-color 0.35s ease;\n  }\n\n  .alvion-systems__wall.is-active {\n    background: var(--white);\n    color: var(--dark);\n    cursor: default;\n  }\n\n  .alvion-systems__wall.is-active .alvion-systems__spine { display: none; }\n\n  .alvion-systems__wall:not(.is-active):hover {\n    background: #40393a;\n  }\n  .alvion-systems__wall:not(.is-active):hover .alvion-systems__spine-code {\n    color: #ffffff;\n  }\n  .alvion-systems__wall:not(.is-active):hover .alvion-systems__spine-num {\n    color: #ff4a4e;\n  }\n  .alvion-systems__wall:not(.is-active):hover .alvion-systems__spine-mark {\n    background: var(--red);\n    border-color: var(--red);\n  }\n\n  .alvion-systems__body {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    display: none;\n    grid-template-columns: 1.05fr 0.95fr;\n    opacity: 0;\n  }\n\n  .alvion-systems__wall.is-active .alvion-systems__body {\n    display: grid;\n    animation: alvionWallIn 0.55s 0.15s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }\n\n  .alvion-systems__copy {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: clamp(22px, 3vw, 40px);\n    border-right: 1px solid rgba(35, 31, 32, 0.12);\n    overflow: hidden;\n  }\n\n  .alvion-systems__copy::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 6px;\n    background: var(--red);\n  }\n\n  .alvion-systems__kicker {\n    margin: 0 0 14px;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems__code {\n    margin: 0;\n    font-size: clamp(56px, 7vw, 96px);\n    font-weight: 900;\n    line-height: 0.85;\n    letter-spacing: -0.06em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems__name {\n    margin: 8px 0 0;\n    font-size: clamp(16px, 1.6vw, 22px);\n    font-weight: 900;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--red);\n  }\n\n  .alvion-systems__tagline {\n    margin: 22px 0 0;\n    max-width: 360px;\n    font-size: clamp(15px, 1.4vw, 18px);\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: -0.02em;\n  }\n\n  .alvion-systems__description {\n    margin: 12px 0 0;\n    max-width: 380px;\n    color: var(--gray);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .alvion-systems__specs {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n    margin-top: 28px;\n    background: rgba(35, 31, 32, 0.12);\n  }\n\n  .alvion-systems__spec {\n    padding: 12px 12px 14px;\n    background: #f3f2f2;\n  }\n\n  .alvion-systems__spec span {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--red);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems__spec strong {\n    display: block;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.3;\n  }\n\n  .alvion-systems__art {\n    position: relative;\n    display: grid;\n    place-items: center;\n    align-content: center;\n    gap: 14px;\n    padding: 28px 16px 32px;\n    background:\n      linear-gradient(160deg, #2a2627 0%, var(--dark) 55%, #151213 100%);\n    overflow: hidden;\n  }\n\n  .alvion-systems__art::before {\n    content: attr(data-stamp);\n    position: absolute;\n    left: 50%;\n    top: 42%;\n    transform: translate(-50%, -50%);\n    color: rgba(255, 255, 255, 0.04);\n    font-size: clamp(80px, 12vw, 140px);\n    font-weight: 900;\n    letter-spacing: -0.08em;\n    line-height: 1;\n    text-transform: uppercase;\n    pointer-events: none;\n  }\n\n  .alvion-systems__art::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 54px;\n    height: 54px;\n    border-top: 4px solid var(--red);\n    border-right: 4px solid var(--red);\n  }\n\n  .alvion-systems button.alvion-systems__shot,\n  .elementor-widget-html .alvion-systems button.alvion-systems__shot {\n    position: relative;\n    z-index: 1;\n    display: block !important;\n    width: min(100%, 360px);\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    box-shadow: none !important;\n    filter: none !important;\n    outline: none !important;\n    cursor: zoom-in;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .alvion-systems button.alvion-systems__shot:hover,\n  .alvion-systems button.alvion-systems__shot:focus,\n  .alvion-systems button.alvion-systems__shot:focus-visible,\n  .alvion-systems button.alvion-systems__shot:active,\n  .elementor-widget-html .alvion-systems button.alvion-systems__shot:hover,\n  .elementor-widget-html .alvion-systems button.alvion-systems__shot:focus,\n  .elementor-widget-html .alvion-systems button.alvion-systems__shot:active {\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    box-shadow: none !important;\n    filter: none !important;\n    outline: none !important;\n    color: inherit !important;\n  }\n\n  .alvion-systems__shot img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-height: min(360px, 50vh);\n    object-fit: contain;\n    background: transparent !important;\n    mix-blend-mode: lighten;\n    filter: drop-shadow(0 22px 36px rgba(0, 0, 0, 0.5));\n    transform: translateY(-28px) scale(1);\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    will-change: transform;\n  }\n\n  .alvion-systems__wall.is-active .alvion-systems__shot:hover img,\n  .alvion-systems__wall.is-active .alvion-systems__shot:focus-visible img {\n    transform: translateY(-28px) scale(1.07);\n  }\n\n  .alvion-systems a.alvion-systems__3d-link,\n  .alvion-systems .alvion-systems__3d-link,\n  .elementor-widget-html .alvion-systems a.alvion-systems__3d-link,\n  .elementor-widget-html .alvion-systems .alvion-systems__3d-link {\n    position: relative;\n    z-index: 2;\n    display: inline-flex !important;\n    align-items: center;\n    gap: 8px;\n    margin-top: -6px;\n    padding: 10px 14px !important;\n    border: 1px solid rgba(255, 255, 255, 0.18) !important;\n    border-radius: 0 !important;\n    color: #ffffff !important;\n    background: #0e0c0d !important;\n    background-image: none !important;\n    box-shadow: none !important;\n    font-family: \"Gabarito\", sans-serif !important;\n    font-size: 10px !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em !important;\n    text-transform: uppercase !important;\n    text-decoration: none !important;\n    cursor: pointer;\n    transition:\n      color 0.25s ease,\n      background-color 0.25s ease,\n      border-color 0.25s ease !important;\n  }\n\n  .alvion-systems .alvion-systems__3d-link svg {\n    width: 14px;\n    height: 14px;\n    color: #ffffff !important;\n    fill: none !important;\n    stroke: currentColor;\n    transition: transform 0.25s ease, color 0.25s ease;\n  }\n\n  .alvion-systems .alvion-systems__3d-link em {\n    font-style: normal !important;\n    color: #ee2529 !important;\n    transition: color 0.25s ease;\n  }\n\n  .alvion-systems .alvion-systems__3d-link:hover,\n  .alvion-systems .alvion-systems__3d-link:focus,\n  .alvion-systems .alvion-systems__3d-link:focus-visible,\n  .alvion-systems .alvion-systems__3d-link:active,\n  .elementor-widget-html .alvion-systems .alvion-systems__3d-link:hover,\n  .elementor-widget-html .alvion-systems .alvion-systems__3d-link:focus,\n  .elementor-widget-html .alvion-systems .alvion-systems__3d-link:active {\n    color: #ffffff !important;\n    background: #ee2529 !important;\n    background-color: #ee2529 !important;\n    background-image: none !important;\n    border-color: #ee2529 !important;\n    box-shadow: none !important;\n    outline: none !important;\n  }\n\n  .alvion-systems .alvion-systems__3d-link:hover em,\n  .alvion-systems .alvion-systems__3d-link:focus em,\n  .alvion-systems .alvion-systems__3d-link:active em,\n  .alvion-systems .alvion-systems__3d-link:hover svg,\n  .alvion-systems .alvion-systems__3d-link:focus svg,\n  .alvion-systems .alvion-systems__3d-link:active svg {\n    color: #ffffff !important;\n  }\n\n  .alvion-systems .alvion-systems__3d-link:hover svg {\n    transform: translateX(3px);\n  }\n\n  .alvion-systems__hint {\n    width: var(--rail);\n    margin: 14px auto 0;\n    color: var(--gray);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  \/* ===== LIGHTBOX ===== *\/\n  .alvion-systems-lb {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: grid;\n    place-items: center;\n    padding: 24px;\n    background: rgba(14, 12, 13, 0);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.35s ease, visibility 0.35s ease, background 0.35s ease;\n  }\n\n  .alvion-systems-lb.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    background: rgba(14, 12, 13, 0.94);\n  }\n\n  .alvion-systems-lb__img {\n    max-width: min(920px, 92vw);\n    max-height: 86vh;\n    object-fit: contain;\n    mix-blend-mode: lighten;\n    transform: scale(0.84) translateY(24px);\n    opacity: 0;\n    filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.55));\n    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;\n  }\n\n  .alvion-systems-lb.is-open .alvion-systems-lb__img {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n\n  .alvion-systems-lb__close {\n    position: fixed !important;\n    top: max(16px, env(safe-area-inset-top, 0px)) !important;\n    right: max(16px, env(safe-area-inset-right, 0px)) !important;\n    z-index: 1000002 !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 52px !important;\n    height: 52px !important;\n    margin: 0;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    color: #ffffff !important;\n    background: #ee2529 !important;\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);\n    font-family: \"Gabarito\", sans-serif !important;\n    font-size: 28px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    cursor: pointer !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    transition: transform 0.25s ease, background 0.25s ease;\n  }\n\n  .alvion-systems-lb:not(.is-open) .alvion-systems-lb__close {\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  .alvion-systems-lb__close:hover {\n    transform: scale(1.06);\n    background: #d41f23 !important;\n  }\n\n  .alvion-systems-lb__close span {\n    display: block;\n    margin-top: -2px;\n    color: #fff !important;\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1;\n  }\n\n  \/* ===== 3D MODAL ===== *\/\n  .alvion-systems-3d {\n    --red: #ee2529;\n    position: fixed !important;\n    inset: 0 !important;\n    z-index: 2147483646 !important;\n    display: grid;\n    place-items: stretch;\n    padding: 0 !important;\n    margin: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    height: 100dvh !important;\n    color: #ffffff;\n    background: #050505;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.35s ease, visibility 0.35s ease;\n  }\n\n  .alvion-systems-3d.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .alvion-systems-3d__window {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    background: #050505;\n  }\n\n  .alvion-systems-3d__header {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    min-height: 64px;\n    padding: 0 70px 0 22px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    background: rgba(5, 5, 5, 0.78);\n    backdrop-filter: blur(14px);\n    pointer-events: none;\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems-3d__close {\n    position: absolute !important;\n    top: 14px !important;\n    right: 14px !important;\n    z-index: 20 !important;\n    display: grid !important;\n    place-items: center;\n    width: 46px !important;\n    height: 46px !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50% !important;\n    color: #ffffff !important;\n    background: #ee2529 !important;\n    box-shadow: 0 8px 24px rgba(238, 37, 41, 0.35);\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .alvion-systems-3d__close:hover {\n    background: #d91d22 !important;\n    transform: rotate(90deg) scale(1.05);\n    box-shadow: 0 12px 30px rgba(238, 37, 41, 0.45);\n  }\n\n  .alvion-systems-3d__close svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n  }\n\n  .alvion-systems-3d__slot {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    padding-top: 64px;\n    overflow: hidden;\n    background: #050505;\n    touch-action: none;\n  }\n\n  .alvion-systems-3d__viewer {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background: #050505;\n    --poster-color: #050505;\n  }\n\n  .alvion-systems-3d__viewer .Hotspot {\n    display: block;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    background: #ee2529;\n    box-shadow: 0 0 0 6px rgba(238, 37, 41, 0.22), 0 8px 18px rgba(0, 0, 0, 0.35);\n    cursor: pointer;\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n  }\n\n  .alvion-systems-3d__viewer .Hotspot:not([data-visible]) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .alvion-systems-3d__viewer .Hotspot:hover,\n  .alvion-systems-3d__viewer .Hotspot.is-active {\n    background: #fff;\n    border-color: #ee2529;\n    transform: scale(1.15);\n    box-shadow: 0 0 0 8px rgba(238, 37, 41, 0.28), 0 10px 22px rgba(0, 0, 0, 0.4);\n  }\n\n  .alvion-systems-3d__viewer .HotspotAnnotation {\n    display: none !important;\n  }\n\n  \/* Hotspot detail panel \u2014 RIGHT *\/\n  .alvion-systems-3d__hotspot-panel {\n    position: fixed !important;\n    right: 22px !important;\n    left: auto !important;\n    bottom: 22px !important;\n    z-index: 2147483647 !important;\n    width: min(340px, calc(100vw - 44px)) !important;\n    padding: 18px 18px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    background: rgba(5, 5, 5, 0.92);\n    backdrop-filter: blur(14px);\n    font-family: \"Gabarito\", sans-serif;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(8px);\n    pointer-events: none;\n    transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease;\n  }\n\n  .alvion-systems-3d__hotspot-panel.is-open {\n    opacity: 1;\n    visibility: visible;\n    transform: none;\n    pointer-events: auto;\n  }\n\n  .alvion-systems-3d__hotspot-kicker {\n    margin: 0 0 8px;\n    color: #ee2529;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems-3d__hotspot-panel h3 {\n    margin: 0;\n    color: #fff;\n    font-size: 22px;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n    text-transform: uppercase;\n    line-height: 1.05;\n  }\n\n  .alvion-systems-3d__hotspot-panel p {\n    margin: 10px 0 0;\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  \/* Color rail \u2014 left side *\/\n  .alvion-systems-3d__colors {\n    position: absolute;\n    top: 50%;\n    left: 22px;\n    z-index: 8;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 56px;\n    padding: 14px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    background: rgba(5, 5, 5, 0.88);\n    backdrop-filter: blur(14px);\n    transform: translateY(-50%);\n  }\n\n  .alvion-systems-3d__colors-label {\n    margin: 0 0 4px;\n    color: rgba(255, 255, 255, 0.45);\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  .alvion-systems-3d [role=\"button\"].alvion-systems-3d__swatch,\n  .alvion-systems-3d .alvion-systems-3d__swatch {\n    all: unset;\n    box-sizing: border-box;\n    position: relative;\n    display: block !important;\n    width: 34px !important;\n    height: 34px !important;\n    margin: 0 auto !important;\n    border: 2px solid rgba(255, 255, 255, 0.22) !important;\n    border-radius: 50% !important;\n    background-color: var(--swatch) !important;\n    background-image: var(--swatch-image, none) !important;\n    background-size: cover !important;\n    box-shadow: none !important;\n    cursor: pointer !important;\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;\n  }\n\n  .alvion-systems-3d__swatch:hover,\n  .alvion-systems-3d__swatch:focus-visible {\n    transform: scale(1.08);\n    border-color: #ffffff !important;\n    outline: none !important;\n  }\n\n  .alvion-systems-3d__swatch.is-active {\n    border-color: #ee2529 !important;\n    box-shadow: 0 0 0 3px rgba(238, 37, 41, 0.28) !important;\n  }\n\n  .alvion-systems-3d__color-name {\n    position: absolute;\n    left: calc(100% + 14px);\n    top: 50%;\n    min-width: max-content;\n    padding: 7px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    color: #fff;\n    background: rgba(5, 5, 5, 0.94);\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transform: translateY(-50%);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.2s ease, visibility 0.2s ease;\n  }\n\n  .alvion-systems-3d__swatch:hover .alvion-systems-3d__color-name,\n  .alvion-systems-3d__swatch.is-active .alvion-systems-3d__color-name,\n  .alvion-systems-3d__swatch:focus-visible .alvion-systems-3d__color-name {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .alvion-systems-3d__progress {\n    position: absolute;\n    left: 50%;\n    bottom: 42px;\n    z-index: 4;\n    width: min(280px, 70%);\n    height: 3px;\n    overflow: hidden;\n    background: rgba(255, 255, 255, 0.12);\n    transform: translateX(-50%);\n    transition: opacity 0.35s ease;\n  }\n\n  .alvion-systems-3d__progress.hide {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .alvion-systems-3d__progress-bar {\n    width: 0%;\n    height: 100%;\n    background: #ee2529;\n    transition: width 0.15s linear;\n  }\n\n  .alvion-systems-3d__hint {\n    position: absolute;\n    left: 50%;\n    bottom: 58px;\n    z-index: 3;\n    color: rgba(255, 255, 255, 0.4);\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    transform: translateX(-50%);\n    pointer-events: none;\n  }\n\n  body.alvion-systems-3d-open .elementor-location-header,\n  body.alvion-systems-3d-open header,\n  body.alvion-systems-3d-open .elementor-sticky--active {\n    opacity: 0 !important;\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  @keyframes alvionWallIn {\n    from { opacity: 0; transform: translateX(18px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n\n  @media (max-width: 900px) {\n    .alvion-systems {\n      padding: 28px 0 40px;\n      background: var(--ink);\n    }\n\n    .alvion-systems__head {\n      width: calc(100% - 32px);\n      margin: 0 auto 18px;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 8px;\n      color: var(--white);\n    }\n\n    .alvion-systems h2 { color: var(--white); }\n\n    .alvion-systems__walls {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      width: 100%;\n      height: auto;\n      min-height: 0;\n      margin: 0;\n      padding: 0;\n      background: transparent;\n      grid-template-columns: none;\n    }\n\n    .alvion-systems__wall {\n      position: sticky;\n      top: 0;\n      z-index: 1;\n      flex: 0 0 auto;\n      width: 100%;\n      min-height: 100svh;\n      height: 100svh;\n      margin: 0;\n      border: 0;\n      border-bottom: 3px solid var(--red);\n      overflow: hidden;\n      cursor: default;\n      transition: none;\n    }\n\n    .alvion-systems__wall:nth-child(1) { z-index: 1; }\n    .alvion-systems__wall:nth-child(2) { z-index: 2; }\n    .alvion-systems__wall:nth-child(3) { z-index: 3; }\n    .alvion-systems__wall:nth-child(4) { z-index: 4; }\n\n    .alvion-systems__wall.is-active,\n    .alvion-systems__wall {\n      background: var(--dark);\n      color: var(--white);\n    }\n\n    .alvion-systems__wall .alvion-systems__spine,\n    .alvion-systems__wall.is-active .alvion-systems__spine {\n      display: flex !important;\n      flex-direction: row;\n      align-items: center;\n      gap: 14px;\n      inset: auto;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 56px;\n      padding: 0 16px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      background: rgba(14, 12, 13, 0.92);\n      backdrop-filter: blur(10px);\n      pointer-events: none;\n    }\n\n    .alvion-systems__spine-code {\n      writing-mode: horizontal-tb;\n      transform: none;\n      margin: 0;\n      font-size: 18px;\n      letter-spacing: -0.02em;\n      color: #ffffff !important;\n    }\n\n    .alvion-systems__spine-mark {\n      margin-left: auto;\n      background: var(--red);\n      border-color: var(--red);\n    }\n\n    .alvion-systems__wall .alvion-systems__body,\n    .alvion-systems__wall.is-active .alvion-systems__body {\n      display: grid !important;\n      grid-template-columns: 1fr;\n      grid-template-rows: 1fr auto;\n      inset: 56px 0 0;\n      height: auto;\n      opacity: 1 !important;\n      animation: none !important;\n    }\n\n    .alvion-systems__art {\n      order: 1;\n      min-height: 0;\n      padding: 24px 16px 12px;\n      background:\n        radial-gradient(circle at 50% 20%, rgba(238, 37, 41, 0.28), transparent 55%),\n        linear-gradient(180deg, #2a2627 0%, var(--dark) 100%);\n    }\n\n    .alvion-systems__art::before {\n      top: 38%;\n      font-size: 28vw;\n    }\n\n    .alvion-systems__shot {\n      width: min(78%, 280px);\n    }\n\n    .alvion-systems__shot img {\n      transform: translate3d(0, 0, 0) scale(1);\n      max-height: 42vh;\n      transition: transform 0.1s linear;\n    }\n\n    .alvion-systems__wall.is-active .alvion-systems__shot:hover img,\n    .alvion-systems__shot:hover img {\n      transform: translate3d(0, 0, 0) scale(1.06);\n    }\n\n    .alvion-systems__copy {\n      order: 2;\n      justify-content: flex-start;\n      gap: 10px;\n      padding: 18px 16px 28px;\n      border-right: 0;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n      background: #141112;\n      color: var(--white);\n    }\n\n    .alvion-systems__copy::before {\n      top: 0;\n      bottom: auto;\n      left: 0;\n      right: 0;\n      width: 100%;\n      height: 3px;\n    }\n\n    .alvion-systems__code {\n      font-size: clamp(48px, 16vw, 72px);\n      color: var(--white);\n    }\n\n    .alvion-systems__tagline {\n      max-width: none;\n      margin-top: 12px;\n      color: var(--white);\n    }\n\n    .alvion-systems__description {\n      max-width: none;\n      color: rgba(255, 255, 255, 0.55);\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .alvion-systems__specs {\n      grid-template-columns: repeat(3, 1fr);\n      margin-top: 16px;\n      background: rgba(255, 255, 255, 0.12);\n    }\n\n    .alvion-systems__spec {\n      background: #1c191a;\n      color: var(--white);\n    }\n\n    .alvion-systems__spec strong { color: var(--white); }\n\n    .alvion-systems__hint {\n      width: calc(100% - 32px);\n      margin: 18px auto 0;\n      color: rgba(255, 255, 255, 0.4);\n    }\n\n    .alvion-systems__hint::after {\n      content: \" \u00b7 Scroll to stack systems\";\n    }\n\n    .alvion-systems-3d__colors {\n      top: auto;\n      bottom: 88px;\n      left: 50%;\n      width: auto;\n      max-width: calc(100vw - 28px);\n      flex-direction: row;\n      flex-wrap: nowrap;\n      gap: 8px;\n      padding: 10px 12px;\n      transform: translateX(-50%);\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .alvion-systems-3d__colors-label {\n      display: none;\n    }\n\n    .alvion-systems-3d__swatch {\n      flex: 0 0 auto;\n    }\n\n    .alvion-systems-3d__color-name {\n      display: none;\n    }\n\n    .alvion-systems-3d__hint {\n      bottom: 148px;\n    }\n\n    .alvion-systems-3d__progress {\n      bottom: 132px;\n    }\n\n    .alvion-systems-3d__hotspot-panel {\n      right: 14px !important;\n      left: 14px !important;\n      bottom: 156px !important;\n      width: auto !important;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .alvion-systems__wall {\n      min-height: 100svh;\n      height: 100svh;\n    }\n    .alvion-systems__description {\n      -webkit-line-clamp: 2;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-systems *,\n    .alvion-systems *::before,\n    .alvion-systems *::after,\n    .alvion-systems-lb,\n    .alvion-systems-lb *,\n    .alvion-systems-3d {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\n  body.alvion-systems-lock { overflow: hidden; }\n<\/style>\n\n<section class=\"alvion-systems\" aria-labelledby=\"alvion-systems-title\">\n  <div class=\"alvion-systems__head\">\n    <p class=\"alvion-systems__eyebrow\">Engineered Systems<\/p>\n    <h2 id=\"alvion-systems-title\">Alvion uPVC profiles. Premium Alvion uPVC profiles. Beyond The Frame.<\/h2>\n  <\/div>\n\n  <div class=\"alvion-systems__walls\" data-active=\"supremo\" role=\"tablist\" aria-label=\"Alvion profile systems\">\n\n    <!-- 01 SUPREMO -->\n    <div class=\"alvion-systems__wall is-active\" role=\"tab\" tabindex=\"0\" aria-selected=\"true\" data-system=\"supremo\" id=\"alvion-wall-supremo\">\n      <span class=\"alvion-systems__spine\" aria-hidden=\"true\">\n        <span class=\"alvion-systems__spine-num\">01<\/span>\n        <span class=\"alvion-systems__spine-code\">8500 Supremo<\/span>\n        <span class=\"alvion-systems__spine-mark\"><\/span>\n      <\/span>\n\n      <div class=\"alvion-systems__body\">\n        <div class=\"alvion-systems__copy\">\n          <div>\n            <p class=\"alvion-systems__kicker\">01 \u2014 Passive House<\/p>\n            <p class=\"alvion-systems__code\">8500<\/p>\n            <p class=\"alvion-systems__name\">Supremo<\/p>\n            <p class=\"alvion-systems__tagline\">\n              The absolute zenith of thermal engineering and structural dominance.\n            <\/p>\n            <p class=\"alvion-systems__description\">\n              Designed for passive house standards. Maximum depth matched with\n              chamber intelligence to eliminate energy loss permanently.\n            <\/p>\n          <\/div>\n          <div class=\"alvion-systems__specs\">\n            <div class=\"alvion-systems__spec\"><span>Depth<\/span><strong>85 mm<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Chambers<\/span><strong>7-chamber<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Seals<\/span><strong>Triple gasket<\/strong><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"alvion-systems__art\" data-stamp=\"8500\">\n          <button class=\"alvion-systems__shot\" type=\"button\" data-zoom aria-label=\"Enlarge Supremo profile image\">\n            <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Supremo-8500-Alvion-1.png.webp\" alt=\"Supremo 8500 profile\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1197px; --smush-placeholder-aspect-ratio: 1197\/1356;\">\n          <\/button>\n          <a class=\"alvion-systems__3d-link\" href=\"\/8500-supremo\/\">\n            <em>Open<\/em> 8500 Supremo\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"\/>\n            <\/svg>\n          <\/a>\n          <button class=\"alvion-systems__3d-link\" type=\"button\" data-open-3d aria-haspopup=\"dialog\">\n            <em>View<\/em> 3D model\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 02 FOREST -->\n    <div class=\"alvion-systems__wall\" role=\"tab\" tabindex=\"0\" aria-selected=\"false\" data-system=\"forest\" id=\"alvion-wall-forest\">\n      <span class=\"alvion-systems__spine\" aria-hidden=\"true\">\n        <span class=\"alvion-systems__spine-num\">02<\/span>\n        <span class=\"alvion-systems__spine-code\">7600 Forest<\/span>\n        <span class=\"alvion-systems__spine-mark\"><\/span>\n      <\/span>\n      <div class=\"alvion-systems__body\">\n        <div class=\"alvion-systems__copy\">\n          <div>\n            <p class=\"alvion-systems__kicker\">02 \u2014 Architecture<\/p>\n            <p class=\"alvion-systems__code\">7600<\/p>\n            <p class=\"alvion-systems__name\">Forest<\/p>\n            <p class=\"alvion-systems__tagline\">Where sleek profile geometry meets optimal thermal dynamics.<\/p>\n            <p class=\"alvion-systems__description\">\n              Built for modern minimalist facades without sacrificing protection.\n              Aesthetic flexibility for mid-to-large residential developments.\n            <\/p>\n          <\/div>\n          <div class=\"alvion-systems__specs\">\n            <div class=\"alvion-systems__spec\"><span>Depth<\/span><strong>76 mm<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Chambers<\/span><strong>6-chamber<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Seals<\/span><strong>Triple gasket<\/strong><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"alvion-systems__art\" data-stamp=\"7600\">\n          <button class=\"alvion-systems__shot\" type=\"button\" data-zoom aria-label=\"Enlarge Forest profile image\">\n            <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/7600-Forest-Alvion.png.webp\" alt=\"7600 Forest profile\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1350px; --smush-placeholder-aspect-ratio: 1350\/1648;\">\n          <\/button>\n          <a class=\"alvion-systems__3d-link\" href=\"\/7600-forest\/\">\n            <em>Open<\/em> 7600 Forest\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 03 UNIQUE -->\n    <div class=\"alvion-systems__wall\" role=\"tab\" tabindex=\"0\" aria-selected=\"false\" data-system=\"unique\" id=\"alvion-wall-unique\">\n      <span class=\"alvion-systems__spine\" aria-hidden=\"true\">\n        <span class=\"alvion-systems__spine-num\">03<\/span>\n        <span class=\"alvion-systems__spine-code\">Unique Slide<\/span>\n        <span class=\"alvion-systems__spine-mark\"><\/span>\n      <\/span>\n      <div class=\"alvion-systems__body\">\n        <div class=\"alvion-systems__copy\">\n          <div>\n            <p class=\"alvion-systems__kicker\">03 \u2014 Panorama<\/p>\n            <p class=\"alvion-systems__code\">Slide<\/p>\n            <p class=\"alvion-systems__name\">Unique<\/p>\n            <p class=\"alvion-systems__tagline\">Uninterrupted horizons. Engineering scale without boundaries.<\/p>\n            <p class=\"alvion-systems__description\">\n              Engineered for sweeping panoramic views and effortless movement.\n              Massive glass expanses between indoor luxury and outdoor nature.\n            <\/p>\n          <\/div>\n          <div class=\"alvion-systems__specs\">\n            <div class=\"alvion-systems__spec\"><span>Format<\/span><strong>Sliding<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Focus<\/span><strong>Max glass<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Motion<\/span><strong>Effortless<\/strong><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"alvion-systems__art\" data-stamp=\"SLIDE\">\n          <button class=\"alvion-systems__shot\" type=\"button\" data-zoom aria-label=\"Enlarge Unique Slide profile image\">\n            <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Unique-slide-Alvion.png.webp\" alt=\"Unique Slide profile\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1632px; --smush-placeholder-aspect-ratio: 1632\/1775;\">\n          <\/button>\n          <a class=\"alvion-systems__3d-link\" href=\"\/unique-slide\/\">\n            <em>Open<\/em> Unique Slide\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 04 NL -->\n    <div class=\"alvion-systems__wall\" role=\"tab\" tabindex=\"0\" aria-selected=\"false\" data-system=\"nl\" id=\"alvion-wall-nl\">\n      <span class=\"alvion-systems__spine\" aria-hidden=\"true\">\n        <span class=\"alvion-systems__spine-num\">04<\/span>\n        <span class=\"alvion-systems__spine-code\">NL System<\/span>\n        <span class=\"alvion-systems__spine-mark\"><\/span>\n      <\/span>\n      <div class=\"alvion-systems__body\">\n        <div class=\"alvion-systems__copy\">\n          <div>\n            <p class=\"alvion-systems__kicker\">04 \u2014 Specialist<\/p>\n            <p class=\"alvion-systems__code\">NL<\/p>\n            <p class=\"alvion-systems__name\">System<\/p>\n            <p class=\"alvion-systems__tagline\">Traditional aesthetics met with advanced thermal innovation.<\/p>\n            <p class=\"alvion-systems__description\">\n              Tailored for Dutch heritage and demanding standards. Deep-block\n              rebated frames engineered for North Sea conditions.\n            <\/p>\n          <\/div>\n          <div class=\"alvion-systems__specs\">\n            <div class=\"alvion-systems__spec\"><span>Region<\/span><strong>Netherlands<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Frame<\/span><strong>Block rebate<\/strong><\/div>\n            <div class=\"alvion-systems__spec\"><span>Climate<\/span><strong>North Sea<\/strong><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"alvion-systems__art\" data-stamp=\"NL\">\n          <button class=\"alvion-systems__shot\" type=\"button\" data-zoom aria-label=\"Enlarge NL System profile image\">\n            <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/NL-System-Alvion-1.png.webp\" alt=\"NL System profile\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1267px; --smush-placeholder-aspect-ratio: 1267\/1710;\">\n          <\/button>\n          <a class=\"alvion-systems__3d-link\" href=\"\/nl-system\/\">\n            <em>Open<\/em> NL System\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- Image lightbox -->\n<div class=\"alvion-systems-lb\" id=\"alvion-systems-lb\" hidden aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Profile image\">\n  <button class=\"alvion-systems-lb__close\" type=\"button\" aria-label=\"Close image\"><span aria-hidden=\"true\">\u00d7<\/span><\/button>\n  <img class=\"alvion-systems-lb__img\" alt=\"\">\n<\/div>\n\n<!-- Supremo 3D modal + foil color switcher -->\n<div\n  class=\"alvion-systems-3d\"\n  id=\"alvion-systems-3d\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"8500 Supremo Interactive 3D model\"\n  aria-hidden=\"true\"\n>\n  <div class=\"alvion-systems-3d__window\">\n    <header class=\"alvion-systems-3d__header\">\n      8500 Supremo \/ Interactive 3D Model\n    <\/header>\n\n    <button class=\"alvion-systems-3d__close\" type=\"button\" aria-label=\"Close 3D model\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"m5 5 14 14M19 5 5 19\"><\/path>\n      <\/svg>\n    <\/button>\n\n    <div class=\"alvion-systems-3d__slot\">\n      <aside class=\"alvion-systems-3d__colors\" aria-label=\"Choose foil colour\">\n        <p class=\"alvion-systems-3d__colors-label\">Foil<\/p>\n\n        <div\n          class=\"alvion-systems-3d__swatch is-active\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"true\"\n          aria-label=\"White\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-White.glb\"\n          data-label=\"White\"\n          style=\"--swatch:#f4f2ef\"\n        ><span class=\"alvion-systems-3d__color-name\">White<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Anthracite\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Anthracite.glb\"\n          data-label=\"Anthracite\"\n          style=\"--swatch:#4a4849\"\n        ><span class=\"alvion-systems-3d__color-name\">Anthracite<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Jet Black\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Jet-Black.glb\"\n          data-label=\"Jet Black\"\n          style=\"--swatch:#111111\"\n        ><span class=\"alvion-systems-3d__color-name\">Jet Black<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Golden Oak\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Golden-Oak.glb\"\n          data-label=\"Golden Oak\"\n          style=\"--swatch:#b9894a;--swatch-image:linear-gradient(135deg,#d4a76a 0%,#9a6a32 45%,#c89652 100%)\"\n        ><span class=\"alvion-systems-3d__color-name\">Golden Oak<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Dark Oak\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Dark-Oak.glb\"\n          data-label=\"Dark Oak\"\n          style=\"--swatch:#5b3a28;--swatch-image:linear-gradient(135deg,#7a5238 0%,#3f2618 55%,#6a452f 100%)\"\n        ><span class=\"alvion-systems-3d__color-name\">Dark Oak<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Nussbaum\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Nussbaum.glb\"\n          data-label=\"Nussbaum\"\n          style=\"--swatch:#6e4530;--swatch-image:linear-gradient(135deg,#8a5a3c 0%,#4a2d1c 50%,#744833 100%)\"\n        ><span class=\"alvion-systems-3d__color-name\">Nussbaum<\/span><\/div>\n\n        <div\n          class=\"alvion-systems-3d__swatch\"\n          role=\"button\"\n          tabindex=\"0\"\n          aria-pressed=\"false\"\n          aria-label=\"Mahogany\"\n          data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Mahogany.glb\"\n          data-label=\"Mahogany\"\n          style=\"--swatch:#5a281f;--swatch-image:linear-gradient(135deg,#7a3a2c 0%,#3a1610 55%,#602c22 100%)\"\n        ><span class=\"alvion-systems-3d__color-name\">Mahogany<\/span><\/div>\n      <\/aside>\n\n      <model-viewer\n        id=\"alvion-systems-model\"\n        class=\"alvion-systems-3d__viewer\"\n        src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-White.glb\"\n        alt=\"Alvion 8500 Supremo White 3D model\"\n        camera-controls\n        touch-action=\"pan-y\"\n        shadow-intensity=\"0.85\"\n        shadow-softness=\"1\"\n        exposure=\"0.62\"\n        tone-mapping=\"commerce\"\n        environment-image=\"https:\/\/modelviewer.dev\/shared-assets\/environments\/neutral.hdr\"\n        camera-orbit=\"35deg 72deg 110%\"\n        min-camera-orbit=\"auto auto 55%\"\n        max-camera-orbit=\"auto auto 180%\"\n        field-of-view=\"28deg\"\n        interaction-prompt=\"none\"\n        loading=\"eager\"\n      >\n        <button class=\"Hotspot\" slot=\"hotspot-6\" data-surface=\"0 0 316 317 318 44.425 -42.699 -0.726\" data-visibility-attribute=\"visible\" data-hotspot=\"reinforcement\" aria-label=\"Reinforcement\"><div class=\"HotspotAnnotation\">Reinforcement<\/div><\/button>\n        <button class=\"Hotspot\" slot=\"hotspot-8\" data-surface=\"9 0 69 71 70 0.108 0.748 0.144\" data-visibility-attribute=\"visible\" data-hotspot=\"glass\" aria-label=\"Glass\"><div class=\"HotspotAnnotation\">Glass<\/div><\/button>\n        <button class=\"Hotspot\" slot=\"hotspot-11\" data-surface=\"7 0 175 176 177 0.101 0.615 0.284\" data-visibility-attribute=\"visible\" data-hotspot=\"profile\" aria-label=\"Profile 85mm\"><div class=\"HotspotAnnotation\">Profile 85mm<\/div><\/button>\n        <button class=\"Hotspot\" slot=\"hotspot-14\" data-surface=\"6 0 8982 8984 8983 -0.064 1.977 -0.913\" data-visibility-attribute=\"visible\" data-hotspot=\"gasket\" aria-label=\"Middle gasket\"><div class=\"HotspotAnnotation\">Middle gasket<\/div><\/button>\n      <\/model-viewer>\n\n      <aside class=\"alvion-systems-3d__hotspot-panel\" data-hotspot-panel aria-live=\"polite\">\n        <p class=\"alvion-systems-3d__hotspot-kicker\">Detail<\/p>\n        <h3 data-hotspot-title>Select a point<\/h3>\n        <p data-hotspot-copy>Tap a red hotspot on the model to inspect a structural detail.<\/p>\n      <\/aside>\n\n      <div class=\"alvion-systems-3d__progress\" aria-hidden=\"true\">\n        <div class=\"alvion-systems-3d__progress-bar\"><\/div>\n      <\/div>\n\n      <div class=\"alvion-systems-3d__hint\">Pick a colour \u00b7 Drag to rotate \u00b7 Tap red points<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.querySelectorAll(\".alvion-systems\").forEach(function (section) {\n    var wallsWrap = section.querySelector(\".alvion-systems__walls\");\n    var walls = Array.from(section.querySelectorAll(\".alvion-systems__wall\"));\n    var lb = document.getElementById(\"alvion-systems-lb\");\n    var lbImg = lb.querySelector(\".alvion-systems-lb__img\");\n    var modal3d = document.getElementById(\"alvion-systems-3d\");\n    var close3dBtn = modal3d.querySelector(\".alvion-systems-3d__close\");\n    var viewer = document.getElementById(\"alvion-systems-model\");\n    var progress = modal3d.querySelector(\".alvion-systems-3d__progress\");\n    var progressBar = modal3d.querySelector(\".alvion-systems-3d__progress-bar\");\n    var header = modal3d.querySelector(\".alvion-systems-3d__header\");\n    var swatches = Array.from(modal3d.querySelectorAll(\".alvion-systems-3d__swatch\"));\n    var panel = modal3d.querySelector(\"[data-hotspot-panel]\");\n    var panelTitle = modal3d.querySelector(\"[data-hotspot-title]\");\n    var panelCopy = modal3d.querySelector(\"[data-hotspot-copy]\");\n    var hotspots = modal3d.querySelectorAll(\".Hotspot[data-hotspot]\");\n    var previousOverflow = \"\";\n    var details = {\n      reinforcement: {\n        title: \"Steel reinforcement\",\n        copy: \"Internal steel inserts stiffen the frame, keeping sashes square and stable under wind load and everyday use.\"\n      },\n      glass: {\n        title: \"Glazing pocket\",\n        copy: \"Engineered to accept high-performance insulated glass units, supporting stronger thermal and acoustic results.\"\n      },\n      profile: {\n        title: \"85 mm profile depth\",\n        copy: \"The substantial system depth builds thermal mass and structural composure into a clean contemporary section.\"\n      },\n      gasket: {\n        title: \"Middle gasket\",\n        copy: \"The centre sealing plane blocks airflow and weather paths, working with outer and inner gaskets for quiet, tight rooms.\"\n      }\n    };\n\n    if (lb && lb.parentElement !== document.body) document.body.appendChild(lb);\n\n    function stopAutoRotate() {\n      if (!viewer) return;\n      viewer.removeAttribute(\"auto-rotate\");\n      try { viewer.autoRotate = false; } catch (e) {}\n      try { viewer.interactionPrompt = \"none\"; } catch (e2) {}\n    }\n\n    if (viewer) {\n      stopAutoRotate();\n      viewer.addEventListener(\"progress\", function (event) {\n        var value = event.detail.totalProgress || 0;\n        progressBar.style.width = value * 100 + \"%\";\n        progress.classList.toggle(\"hide\", value >= 1);\n      });\n      viewer.addEventListener(\"load\", function () {\n        progress.classList.add(\"hide\");\n        stopAutoRotate();\n      });\n    }\n\n    function setActiveHotspot(id) {\n      hotspots.forEach(function (spot) {\n        spot.classList.toggle(\"is-active\", spot.getAttribute(\"data-hotspot\") === id);\n      });\n      var item = details[id];\n      if (!item || !panel) return;\n      panelTitle.textContent = item.title;\n      panelCopy.textContent = item.copy;\n      panel.classList.add(\"is-open\");\n    }\n\n    function clearHotspot() {\n      hotspots.forEach(function (spot) { spot.classList.remove(\"is-active\"); });\n      if (panel) panel.classList.remove(\"is-open\");\n    }\n\n    hotspots.forEach(function (spot) {\n      spot.addEventListener(\"mousedown\", function (event) { event.preventDefault(); });\n      spot.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopPropagation();\n        setActiveHotspot(spot.getAttribute(\"data-hotspot\"));\n        try { spot.blur(); } catch (e) {}\n      });\n    });\n\n    function fileKey(url) {\n      if (!url) return \"\";\n      try { return String(url).split(\"?\")[0].split(\"#\")[0].split(\"\/\").pop().toLowerCase(); } catch (e) { return String(url); }\n    }\n\n    function setColour(swatch, opts) {\n      if (!viewer || !swatch) return;\n      var src = swatch.getAttribute(\"data-src\");\n      var label = swatch.getAttribute(\"data-label\") || \"Foil\";\n      if (!src) return;\n\n      var keepOrbit = opts && opts.keepOrbit;\n      var currentOrbit = \"\";\n      if (keepOrbit) {\n        try { currentOrbit = viewer.getCameraOrbit ? viewer.getCameraOrbit().toString() : \"\"; } catch (e) {}\n        try { if (!currentOrbit && viewer.getAttribute) currentOrbit = viewer.getAttribute(\"camera-orbit\") || \"\"; } catch (e2) {}\n      }\n\n      swatches.forEach(function (el) {\n        var on = el === swatch;\n        el.classList.toggle(\"is-active\", on);\n        el.setAttribute(\"aria-pressed\", on ? \"true\" : \"false\");\n      });\n\n      if (header) header.textContent = \"8500 Supremo \/ \" + label;\n      viewer.setAttribute(\"alt\", \"Alvion 8500 Supremo \" + label + \" 3D model\");\n      try { viewer.exposure = label === \"White\" ? 0.72 : 0.58; } catch (eExp) {}\n\n      var live = viewer.src || viewer.getAttribute(\"src\") || \"\";\n      if (fileKey(live) === fileKey(src)) return;\n\n      progress.classList.remove(\"hide\");\n      progressBar.style.width = \"0%\";\n      viewer.removeAttribute(\"src\");\n      viewer.setAttribute(\"src\", src);\n      try { viewer.src = src; } catch (eSet) {}\n\n      if (keepOrbit && currentOrbit) {\n        var restore = function () {\n          try { viewer.cameraOrbit = currentOrbit; } catch (e3) {}\n          try { viewer.setAttribute(\"camera-orbit\", currentOrbit); } catch (e4) {}\n          stopAutoRotate();\n          viewer.removeEventListener(\"load\", restore);\n        };\n        viewer.addEventListener(\"load\", restore);\n      }\n    }\n\n    function activate(wall) {\n      wallsWrap.setAttribute(\"data-active\", wall.dataset.system);\n      walls.forEach(function (w) {\n        var on = w === wall;\n        w.classList.toggle(\"is-active\", on);\n        w.setAttribute(\"aria-selected\", String(on));\n      });\n    }\n\n    function lockScroll(on) {\n      document.body.classList.toggle(\"alvion-systems-lock\", on);\n    }\n\n    function openLightbox(src, alt) {\n      lbImg.src = src;\n      lbImg.alt = alt || \"\";\n      lb.hidden = false;\n      lb.setAttribute(\"aria-hidden\", \"false\");\n      requestAnimationFrame(function () { lb.classList.add(\"is-open\"); });\n      lockScroll(true);\n    }\n\n    function closeLightbox() {\n      lb.classList.remove(\"is-open\");\n      lockScroll(modal3d.classList.contains(\"is-open\"));\n      setTimeout(function () {\n        if (!lb.classList.contains(\"is-open\")) {\n          lb.hidden = true;\n          lb.setAttribute(\"aria-hidden\", \"true\");\n          lbImg.removeAttribute(\"src\");\n        }\n      }, 320);\n    }\n\n    function open3d() {\n      previousOverflow = document.body.style.overflow;\n      document.body.style.overflow = \"hidden\";\n      document.body.classList.add(\"alvion-systems-3d-open\");\n      document.body.appendChild(modal3d);\n\n      modal3d.classList.add(\"is-open\");\n      modal3d.setAttribute(\"aria-hidden\", \"false\");\n      close3dBtn.focus();\n      clearHotspot();\n\n      if (viewer) {\n        stopAutoRotate();\n        progress.classList.remove(\"hide\");\n        progressBar.style.width = \"0%\";\n      }\n    }\n\n    function close3d() {\n      modal3d.classList.remove(\"is-open\");\n      modal3d.setAttribute(\"aria-hidden\", \"true\");\n      document.body.style.overflow = previousOverflow;\n      document.body.classList.remove(\"alvion-systems-3d-open\");\n      section.appendChild(modal3d);\n      lockScroll(lb.classList.contains(\"is-open\"));\n      clearHotspot();\n      stopAutoRotate();\n    }\n\n    walls.forEach(function (wall) {\n      wall.addEventListener(\"click\", function (e) {\n        if (e.target.closest(\"[data-zoom], [data-open-3d], a.alvion-systems__3d-link\")) return;\n        if (window.matchMedia(\"(max-width: 900px)\").matches) return;\n        if (!wall.classList.contains(\"is-active\")) activate(wall);\n      });\n\n      wall.addEventListener(\"keydown\", function (e) {\n        var i = walls.indexOf(wall);\n        var n = i;\n        if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") n = (i + 1) % walls.length;\n        else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") n = (i - 1 + walls.length) % walls.length;\n        else if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          activate(wall);\n          return;\n        } else return;\n        e.preventDefault();\n        walls[n].focus();\n        activate(walls[n]);\n      });\n    });\n\n    var mobileMq = window.matchMedia(\"(max-width: 900px)\");\n    var parallaxRaf = 0;\n\n    function updateMobileParallax() {\n      if (!mobileMq.matches) {\n        walls.forEach(function (wall) {\n          var img = wall.querySelector(\".alvion-systems__shot img\");\n          if (img) img.style.transform = \"\";\n        });\n        return;\n      }\n\n      walls.forEach(function (wall) {\n        var rect = wall.getBoundingClientRect();\n        var img = wall.querySelector(\".alvion-systems__shot img\");\n        if (!img) return;\n        var viewH = window.innerHeight || 1;\n        var progressVal = (viewH \/ 2 - (rect.top + rect.height \/ 2)) \/ viewH;\n        var shift = Math.max(-28, Math.min(28, progressVal * 48));\n        img.style.transform = \"translate3d(0, \" + shift.toFixed(1) + \"px, 0) scale(1)\";\n      });\n    }\n\n    function onScrollParallax() {\n      if (parallaxRaf) return;\n      parallaxRaf = requestAnimationFrame(function () {\n        parallaxRaf = 0;\n        updateMobileParallax();\n      });\n    }\n\n    window.addEventListener(\"scroll\", onScrollParallax, { passive: true });\n    window.addEventListener(\"resize\", onScrollParallax);\n    updateMobileParallax();\n\n    if (\"IntersectionObserver\" in window) {\n      var io = new IntersectionObserver(function (entries) {\n        if (!mobileMq.matches) return;\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting && entry.intersectionRatio > 0.55) {\n            activate(entry.target);\n          }\n        });\n      }, { threshold: [0.55, 0.75] });\n      walls.forEach(function (wall) { io.observe(wall); });\n    }\n\n    section.querySelectorAll(\"[data-zoom]\").forEach(function (btn) {\n      btn.addEventListener(\"click\", function (e) {\n        e.stopPropagation();\n        var img = btn.querySelector(\"img\");\n        if (!img) return;\n        openLightbox(img.currentSrc || img.src, img.alt);\n      });\n    });\n\n    section.querySelectorAll(\"[data-open-3d]\").forEach(function (btn) {\n      btn.addEventListener(\"click\", function (e) {\n        e.stopPropagation();\n        open3d();\n      });\n    });\n\n    swatches.forEach(function (swatch) {\n      function pick(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        setColour(swatch, { keepOrbit: true });\n      }\n      swatch.addEventListener(\"click\", pick);\n      swatch.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Enter\" || e.key === \" \") pick(e);\n      });\n    });\n\n    lb.querySelector(\".alvion-systems-lb__close\").addEventListener(\"click\", function (e) {\n      e.stopPropagation();\n      closeLightbox();\n    });\n    lb.addEventListener(\"click\", function (e) {\n      if (e.target === lb) closeLightbox();\n    });\n\n    close3dBtn.addEventListener(\"click\", function (e) {\n      e.stopPropagation();\n      close3d();\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key !== \"Escape\") return;\n      if (modal3d.classList.contains(\"is-open\")) close3d();\n      else if (lb.classList.contains(\"is-open\")) closeLightbox();\n    });\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4a1f247 e-con e-atomic-element e-flexbox-base e-4a1f247-76e9583 \" data-id=\"4a1f247\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a1f247\">\n    \t\t<div class=\"elementor-element elementor-element-2130354 elementor-widget-mobile__width-initial elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2130354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 QUALITY & CERTIFIED\n     Svijetla, kompaktna sekcija ispod proizvoda.\n     CE + IFT Rosenheim (media library SVG).\n     Vidljivi sadrzaj EN \u00b7 komentari BS\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-cert,\n  .alvion-cert * {\n    box-sizing: border-box;\n  }\n\n  .alvion-cert {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --soft: #f7f6f6;\n    --gray: #716d6e;\n    --line: rgba(35, 31, 32, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(48px, 6vw, 78px) 24px;\n    color: var(--dark);\n    background: var(--white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-cert::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 0 45%;\n    z-index: 0;\n    pointer-events: none;\n    opacity: 0.7;\n    background-image:\n      linear-gradient(rgba(35, 31, 32, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(35, 31, 32, 0.03) 1px, transparent 1px);\n    background-size: 48px 48px;\n    mask-image: linear-gradient(90deg, transparent, #000 55%);\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%);\n  }\n\n  .alvion-cert__container {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(260px, 1fr) auto;\n    gap: clamp(28px, 5vw, 72px);\n    align-items: center;\n    width: min(1320px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-cert__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 14px;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-cert__eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-cert h2 {\n    margin: 0;\n    color: var(--dark);\n    font-size: clamp(30px, 3.6vw, 46px);\n    font-weight: 900;\n    line-height: 0.98;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .alvion-cert__accent {\n    color: var(--red);\n  }\n\n  .alvion-cert__text {\n    max-width: 540px;\n    margin: 16px 0 0;\n    color: var(--gray);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .alvion-cert__badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n  }\n\n  .alvion-cert__badge {\n    display: grid;\n    grid-template-columns: 82px 1fr;\n    gap: 14px;\n    align-items: center;\n    min-width: min(100%, 255px);\n    min-height: 104px;\n    padding: 14px 18px 14px 14px;\n    border: 1px solid var(--line);\n    background: var(--soft);\n    transition:\n      border-color 0.3s ease,\n      transform 0.3s ease,\n      box-shadow 0.3s ease,\n      background 0.3s ease;\n  }\n\n  .alvion-cert__badge:hover {\n    border-color: rgba(238, 37, 41, 0.35);\n    background: var(--white);\n    box-shadow: 0 16px 34px rgba(35, 31, 32, 0.08);\n    transform: translateY(-3px);\n  }\n\n  .alvion-cert__logo {\n    display: grid;\n    place-items: center;\n    width: 82px;\n    height: 74px;\n    padding: 10px;\n    border: 1px solid var(--line);\n    background: var(--white);\n    overflow: hidden;\n  }\n\n  .alvion-cert__logo img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    animation: alvionCertPulse 4.5s ease-in-out infinite;\n  }\n\n  .alvion-cert__badge:nth-child(2) .alvion-cert__logo img {\n    animation-delay: 0.7s;\n  }\n\n  @keyframes alvionCertPulse {\n    0%,\n    100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.04); opacity: 0.92; }\n  }\n\n  .alvion-cert__badge-label {\n    display: block;\n    margin: 0 0 4px;\n    color: var(--red);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .alvion-cert__badge-title {\n    display: block;\n    margin: 0 0 4px;\n    color: var(--dark);\n    font-size: 17px;\n    font-weight: 900;\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n    text-transform: uppercase;\n  }\n\n  .alvion-cert__badge-desc {\n    display: block;\n    color: var(--gray);\n    font-size: 13px;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 900px) {\n    .alvion-cert__container {\n      grid-template-columns: 1fr;\n      gap: 28px;\n    }\n\n    .alvion-cert__badge {\n      flex: 1 1 100%;\n      min-width: 0;\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .alvion-cert {\n      padding: 42px 18px;\n    }\n\n    .alvion-cert__badge {\n      grid-template-columns: 70px 1fr;\n      min-height: 0;\n      padding: 12px;\n    }\n\n    .alvion-cert__logo {\n      width: 70px;\n      height: 64px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-cert__logo img {\n      animation: none !important;\n    }\n\n    .alvion-cert__badge,\n    .alvion-cert__badge:hover {\n      transition: none;\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-cert\" aria-labelledby=\"alvion-cert-title\">\n  <div class=\"alvion-cert__container\">\n\n    <div>\n      <p class=\"alvion-cert__eyebrow\">Quality Standard<\/p>\n\n      <h2 id=\"alvion-cert-title\">\n        Built to perform with documentation discipline inspired by <a href=\"https:\/\/www.ift-rosenheim.de\/en\/\" target=\"_blank\" rel=\"noopener\">IFT Rosenheim<\/a>.\n        <span class=\"alvion-cert__accent\">Proven to certify.<\/span>\n      <\/h2>\n\n      <p class=\"alvion-cert__text\">\n        Alvion systems are developed for consistent European performance \u2014\n        carrying the CE marking and independently tested at IFT Rosenheim,\n        one of Europe\u2019s leading institutes for windows, doors and fa\u00e7ades.\n      <\/p>\n    <\/div>\n\n    <div class=\"alvion-cert__badges\">\n\n      <!-- CE znak -->\n      <article class=\"alvion-cert__badge\">\n        <div class=\"alvion-cert__logo\">\n          <img decoding=\"async\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/CE.svg\"\n            alt=\"CE marking\"\n           \n            width=\"62\"\n            height=\"54\"\n           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 62px; --smush-placeholder-aspect-ratio: 62\/54;\">\n        <\/div>\n        <div>\n          <span class=\"alvion-cert__badge-label\">European Conformity<\/span>\n          <span class=\"alvion-cert__badge-title\">CE Marking<\/span>\n          <span class=\"alvion-cert__badge-desc\">\n            Compliant with EU product standards\n          <\/span>\n        <\/div>\n      <\/article>\n\n      <!-- IFT Rosenheim znak -->\n      <article class=\"alvion-cert__badge\">\n        <div class=\"alvion-cert__logo\">\n          <img decoding=\"async\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/ift.svg\"\n            alt=\"IFT Rosenheim\"\n           \n            width=\"62\"\n            height=\"54\"\n           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 62px; --smush-placeholder-aspect-ratio: 62\/54;\">\n        <\/div>\n        <div>\n          <span class=\"alvion-cert__badge-label\">Independent Testing<\/span>\n          <span class=\"alvion-cert__badge-title\">IFT Rosenheim<\/span>\n          <span class=\"alvion-cert__badge-desc\">\n            Tested by Germany\u2019s leading institute\n          <\/span>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d38108f e-con e-atomic-element e-flexbox-base e-d38108f-a3794bc \" data-id=\"d38108f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d38108f\">\n    \t\t<div class=\"elementor-element elementor-element-a130ca1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a130ca1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ALVION \u2014 CALL TO ACTION & SPECIFICATION HUB\r\n     Desni panel: Supremo drawing (JPG), bez SVG animacije\r\n========================================================== -->\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\r\n\r\n  .alvion-spec-hub,\r\n  .alvion-spec-hub * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .alvion-spec-hub {\r\n    --alvion-red: #ee2529;\r\n    --alvion-dark: #231f20;\r\n    --alvion-white: #ffffff;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding: clamp(55px, 7vw, 100px) 24px;\r\n    color: var(--alvion-white);\r\n    background: var(--alvion-dark);\r\n    font-family: \"Gabarito\", sans-serif;\r\n  }\r\n\r\n  .alvion-spec-hub::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    opacity: 0.9;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    mask-image: radial-gradient(ellipse 80% 70% at 70% 50%, #000 10%, transparent 75%);\r\n    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 70% 50%, #000 10%, transparent 75%);\r\n  }\r\n\r\n  .alvion-spec-hub__container {\r\n    width: min(1280px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alvion-spec-hub__meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: clamp(28px, 4vw, 48px);\r\n    color: var(--alvion-red);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-spec-hub__meta::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .alvion-spec-hub__meta-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .alvion-spec-hub__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\r\n    gap: clamp(28px, 4vw, 56px);\r\n    align-items: center;\r\n  }\r\n\r\n  .alvion-spec-hub h2 {\r\n    margin: 0;\r\n    color: var(--alvion-white);\r\n    font-size: clamp(34px, 4.6vw, 64px);\r\n    font-weight: 900;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.045em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-spec-hub__accent {\r\n    color: var(--alvion-red);\r\n  }\r\n\r\n  .alvion-spec-hub__description {\r\n    max-width: 560px;\r\n    margin: 20px 0 0;\r\n    color: rgba(255, 255, 255, 0.62);\r\n    font-size: clamp(15px, 1.3vw, 18px);\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .alvion-spec-hub__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .alvion-spec-hub__button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    min-height: 54px;\r\n    padding: 0 22px;\r\n    border: 2px solid transparent;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition:\r\n      background 0.3s ease,\r\n      border-color 0.3s ease,\r\n      color 0.3s ease,\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .alvion-spec-hub__button--primary {\r\n    color: var(--alvion-white);\r\n    background: var(--alvion-red);\r\n    border-color: var(--alvion-red);\r\n  }\r\n\r\n  .alvion-spec-hub__button--primary:hover {\r\n    background: transparent;\r\n    border-color: var(--alvion-white);\r\n    color: var(--alvion-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .alvion-spec-hub__button--secondary {\r\n    border-color: rgba(255, 255, 255, 0.45);\r\n    color: var(--alvion-white);\r\n    background: transparent;\r\n  }\r\n\r\n  .alvion-spec-hub__button--secondary:hover {\r\n    border-color: var(--alvion-white);\r\n    background: var(--alvion-white);\r\n    color: var(--alvion-dark);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .alvion-spec-hub__button svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Desni panel \u2014 drawing *\/\r\n  .alvion-spec-hub__visual {\r\n    position: relative;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    background: rgba(255, 255, 255, 0.03);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .alvion-spec-hub__visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    right: -1px;\r\n    z-index: 3;\r\n    width: 56px;\r\n    height: 56px;\r\n    border-top: 4px solid var(--alvion-red);\r\n    border-right: 4px solid var(--alvion-red);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alvion-spec-hub__visual-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    padding: 12px 16px;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    color: rgba(255, 255, 255, 0.55);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-spec-hub__visual-header span:last-child {\r\n    color: var(--alvion-red);\r\n  }\r\n\r\n  .alvion-spec-hub__drawing {\r\n    position: relative;\r\n    display: block;\r\n    padding: clamp(18px, 2.5vw, 28px);\r\n    background:\r\n      radial-gradient(circle at 50% 40%, rgba(238, 37, 41, 0.08), transparent 55%);\r\n  }\r\n\r\n  .alvion-spec-hub__drawing img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: min(420px, 52vh);\r\n    margin: 0 auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.45));\r\n    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .alvion-spec-hub__visual:hover .alvion-spec-hub__drawing img {\r\n    transform: translateY(-4px) scale(1.015);\r\n  }\r\n\r\n  .alvion-spec-hub__drawing-caption {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-top: 14px;\r\n    padding-top: 12px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    color: rgba(255, 255, 255, 0.4);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .alvion-spec-hub__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .alvion-spec-hub__drawing img {\r\n      max-height: 360px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .alvion-spec-hub {\r\n      padding: 48px 18px;\r\n    }\r\n\r\n    .alvion-spec-hub__actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .alvion-spec-hub__button {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .alvion-spec-hub *,\r\n    .alvion-spec-hub *::before,\r\n    .alvion-spec-hub *::after {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alvion-spec-hub\" aria-labelledby=\"alvion-spec-hub-title\">\r\n  <div class=\"alvion-spec-hub__container\">\r\n\r\n    <div class=\"alvion-spec-hub__meta\">\r\n      <span>Specification Hub \/ Supremo 8500<\/span>\r\n      <span class=\"alvion-spec-hub__meta-line\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"alvion-spec-hub__grid\">\r\n\r\n      <div class=\"alvion-spec-hub__content\">\r\n        <h2 id=\"alvion-spec-hub-title\">\r\n          Ready to specify Alvion in your next\r\n          <span class=\"alvion-spec-hub__accent\">masterpiece?<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"alvion-spec-hub__description\">\r\n          Access our complete engineering blueprint vault, CAD structural\r\n          files, and specialized consultation channels designed for architects\r\n          and premier fabricators worldwide.\r\n        <\/p>\r\n\r\n        <div class=\"alvion-spec-hub__actions\">\r\n          <a class=\"alvion-spec-hub__button alvion-spec-hub__button--primary\" href=\"#\">\r\n            <span>Download CAD &amp; Technical Vault<\/span>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v12\"\/><path d=\"m7 10 5 5 5-5\"\/><path d=\"M4 20h16\"\/><\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"alvion-spec-hub__button alvion-spec-hub__button--secondary\" href=\"#\">\r\n            <span>Talk to a Consultant<\/span>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"alvion-spec-hub__visual\" aria-label=\"Supremo 8500 technical drawing\">\r\n        <div class=\"alvion-spec-hub__visual-header\">\r\n          <span>Supremo 8500 Drawing<\/span>\r\n          <span>85 mm System<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"alvion-spec-hub__drawing\">\r\n          <img\r\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/supremo-drwaing.jpg.webp\"\r\n            alt=\"Alvion 8500 Supremo technical profile drawing\"\r\n           \r\n            decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2480px; --smush-placeholder-aspect-ratio: 2480\/2234;\" \/>\r\n          <div class=\"alvion-spec-hub__drawing-caption\">\r\n            <span>Technical Section<\/span>\r\n            <span>Reference Drawing<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0bba117 e-con e-atomic-element e-flexbox-base e-0bba117-8052003 \" data-id=\"0bba117\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0bba117\">\n    \t\t<div class=\"elementor-element elementor-element-aad31fc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aad31fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 QUALITY FIRST\n     Desni visual: tamni \/ brutal split da glass ikona izadje\n     Vidljivi sadrzaj EN \u00b7 komentari BS\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-quality,\n  .alvion-quality * { box-sizing: border-box; }\n\n  .alvion-quality {\n    --alvion-red: #ee2529;\n    --alvion-dark: #231f20;\n    --alvion-white: #ffffff;\n    --alvion-gray: #716d6e;\n    --alvion-border: rgba(35, 31, 32, 0.14);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(72px, 8vw, 120px) 24px;\n    color: var(--alvion-dark);\n    background: var(--alvion-white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-quality::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: -1;\n    width: 42%;\n    height: 100%;\n    opacity: 0.55;\n    background-image:\n      linear-gradient(rgba(35, 31, 32, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(35, 31, 32, 0.035) 1px, transparent 1px);\n    background-size: 56px 56px;\n    mask-image: linear-gradient(90deg, transparent, #000);\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000);\n  }\n\n  .alvion-quality__container {\n    width: min(1320px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-quality__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0 0 clamp(40px, 5vw, 72px);\n    color: var(--alvion-red);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.19em;\n    text-transform: uppercase;\n  }\n\n  .alvion-quality__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-quality__grid {\n    display: grid;\n    grid-template-columns: minmax(420px, 1.1fr) minmax(360px, 0.9fr);\n    gap: clamp(48px, 7vw, 110px);\n    align-items: center;\n  }\n\n  .alvion-quality__content {\n    opacity: 0;\n    transform: translateY(28px);\n    animation: alvionQualityReveal 0.8s 0.15s ease forwards;\n  }\n\n  .alvion-quality h2 {\n    max-width: 760px;\n    margin: 0;\n    color: var(--alvion-dark);\n    font-size: clamp(48px, 6.2vw, 92px);\n    font-weight: 900;\n    line-height: 0.9;\n    letter-spacing: -0.06em;\n    text-transform: uppercase;\n  }\n\n  .alvion-quality__accent { color: var(--alvion-red); }\n\n  .alvion-quality__lead {\n    max-width: 680px;\n    margin: clamp(28px, 4vw, 48px) 0 0;\n    color: var(--alvion-gray);\n    font-size: clamp(16px, 1.5vw, 20px);\n    line-height: 1.6;\n  }\n\n  .alvion-quality__statement {\n    position: relative;\n    display: inline-block;\n    margin: 28px 0 0;\n    padding-bottom: 10px;\n    color: var(--alvion-dark);\n    font-size: clamp(17px, 1.5vw, 22px);\n    font-weight: 700;\n    line-height: 1.35;\n  }\n\n  .alvion-quality__statement::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 3px;\n    background: var(--alvion-red);\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: alvionQualityLine 0.8s 1s ease forwards;\n  }\n\n  .alvion-quality__framework {\n    position: relative;\n    border: 1px solid var(--alvion-dark);\n    background: var(--alvion-white);\n    box-shadow: 20px 20px 0 rgba(35, 31, 32, 0.06);\n    opacity: 0;\n    transform: translateX(28px);\n    animation: alvionQualityRevealSide 0.9s 0.35s ease forwards;\n  }\n\n  .alvion-quality__framework::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    right: -1px;\n    z-index: 3;\n    width: 90px;\n    height: 90px;\n    border-top: 5px solid var(--alvion-red);\n    border-right: 5px solid var(--alvion-red);\n    pointer-events: none;\n  }\n\n  \/* BRUTAL VISUAL: tamna baza + dijagonalni bijeli klin + crvena traka *\/\n  .alvion-quality__visual {\n    position: relative;\n    display: grid;\n    place-items: center;\n    min-height: 300px;\n    padding: 36px 28px;\n    border-bottom: 1px solid var(--alvion-dark);\n    overflow: hidden;\n    background: var(--alvion-dark);\n  }\n\n  .alvion-quality__visual::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n    background-size: 28px 28px;\n    opacity: 0.7;\n    pointer-events: none;\n  }\n\n  \/* Dijagonalni svijetli klin \u2014 pola\/pola brutal split *\/\n  .alvion-quality__visual::after {\n    content: \"\";\n    position: absolute;\n    top: -20%;\n    right: -18%;\n    z-index: 0;\n    width: 70%;\n    height: 140%;\n    background: linear-gradient(\n      155deg,\n      rgba(255, 255, 255, 0.1) 0%,\n      rgba(255, 255, 255, 0.03) 45%,\n      transparent 70%\n    );\n    transform: skewX(-12deg);\n    pointer-events: none;\n  }\n\n  .alvion-quality__visual-bar {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    z-index: 1;\n    width: 5px;\n    background: var(--alvion-red);\n  }\n\n  .alvion-quality__visual-mark {\n    position: absolute;\n    left: 18px;\n    bottom: 14px;\n    z-index: 1;\n    color: rgba(255, 255, 255, 0.28);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-quality__visual .quality-icon {\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* Liquid glass ikona *\/\n  .quality-icon {\n    width: 240px;\n    height: 240px;\n    overflow: visible;\n    animation: floating 4s ease-in-out infinite;\n    filter:\n      drop-shadow(0 22px 28px rgba(0, 0, 0, 0.45))\n      drop-shadow(0 0 28px rgba(238, 37, 41, 0.35));\n  }\n\n  .glass-badge {\n    fill: url(#alvionQGlass);\n    stroke: url(#alvionQBorder);\n    stroke-width: 2.5;\n  }\n\n  .glass-inner {\n    fill: url(#alvionQInner);\n    stroke: rgba(255, 255, 255, 0.28);\n    stroke-width: 1.5;\n  }\n\n  .red-ring {\n    fill: none;\n    stroke: url(#alvionQRed);\n    stroke-width: 7;\n    stroke-linecap: round;\n    stroke-dasharray: 340;\n    stroke-dashoffset: 340;\n    filter: url(#alvionQGlow);\n    animation:\n      drawRing 1.4s cubic-bezier(.65, 0, .35, 1) forwards,\n      ringPulse 3s ease-in-out 1.6s infinite;\n    transform-origin: 120px 120px;\n  }\n\n  .check {\n    fill: none;\n    stroke: url(#alvionQCheck);\n    stroke-width: 12;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 150;\n    stroke-dashoffset: 150;\n    filter: url(#alvionQGlow);\n    animation:\n      drawCheck 0.9s cubic-bezier(.65, 0, .35, 1) 0.8s forwards,\n      checkPulse 3s ease-in-out 2s infinite;\n    transform-origin: 120px 120px;\n  }\n\n  .glass-shine {\n    fill: none;\n    stroke: rgba(255, 255, 255, 0.85);\n    stroke-width: 7;\n    stroke-linecap: round;\n    opacity: 0.75;\n  }\n\n  .moving-shine {\n    fill: none;\n    stroke: rgba(255, 255, 255, 0.9);\n    stroke-width: 5;\n    stroke-linecap: round;\n    stroke-dasharray: 60;\n    stroke-dashoffset: 60;\n    animation: shine 3.4s ease-in-out 1.4s infinite;\n  }\n\n  .liquid-blob {\n    fill: url(#alvionQLiquid);\n    opacity: 0.42;\n    filter: url(#alvionQHeavy);\n    transform-origin: center;\n    animation: liquidMove 6s ease-in-out infinite alternate;\n  }\n\n  .dark-blob {\n    fill: rgba(0, 0, 0, 0.55);\n    filter: url(#alvionQHeavy);\n    transform-origin: center;\n    animation: darkLiquidMove 7s ease-in-out infinite alternate;\n  }\n\n  .bubble {\n    fill: rgba(255, 255, 255, 0.45);\n    animation: bubbleMove 4s ease-in-out infinite;\n  }\n\n  .bubble-small { animation-delay: 1.2s; }\n\n  @keyframes drawRing { to { stroke-dashoffset: 0; } }\n  @keyframes drawCheck { to { stroke-dashoffset: 0; } }\n\n  @keyframes floating {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-9px) rotate(1deg); }\n  }\n\n  @keyframes ringPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.04); opacity: 0.85; }\n  }\n\n  @keyframes checkPulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.06); }\n  }\n\n  @keyframes shine {\n    0% { stroke-dashoffset: 70; opacity: 0; }\n    35% { opacity: 1; }\n    70% { stroke-dashoffset: -70; opacity: 0.9; }\n    100% { stroke-dashoffset: -70; opacity: 0; }\n  }\n\n  @keyframes liquidMove {\n    0% { transform: translate(-8px, 6px) scale(0.95); }\n    100% { transform: translate(12px, -10px) scale(1.12); }\n  }\n\n  @keyframes darkLiquidMove {\n    0% { transform: translate(10px, -6px) scale(1.1); }\n    100% { transform: translate(-12px, 9px) scale(0.9); }\n  }\n\n  @keyframes bubbleMove {\n    0%, 100% { transform: translateY(0); opacity: 0.3; }\n    50% { transform: translateY(-12px); opacity: 0.75; }\n  }\n\n  .alvion-quality__item {\n    position: relative;\n    display: grid;\n    grid-template-columns: 54px 1fr;\n    gap: 20px;\n    align-items: center;\n    min-height: 100px;\n    padding: 22px 26px;\n    border-bottom: 1px solid var(--alvion-border);\n    overflow: hidden;\n    transition: color 0.35s ease, background 0.35s ease, padding-left 0.35s ease;\n  }\n\n  .alvion-quality__item:last-child { border-bottom: 0; }\n\n  .alvion-quality__item:hover {\n    padding-left: 34px;\n    color: var(--alvion-white);\n    background: var(--alvion-dark);\n  }\n\n  .alvion-quality__number {\n    color: var(--alvion-red);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n  }\n\n  .alvion-quality__item h3 {\n    margin: 0 0 5px;\n    color: inherit;\n    font-size: 18px;\n    font-weight: 700;\n  }\n\n  .alvion-quality__item p {\n    margin: 0;\n    color: var(--alvion-gray);\n    font-size: 14px;\n    line-height: 1.5;\n    transition: color 0.35s ease;\n  }\n\n  .alvion-quality__item:hover p { color: rgba(255, 255, 255, 0.65); }\n\n  @keyframes alvionQualityReveal {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes alvionQualityRevealSide {\n    to { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes alvionQualityLine {\n    to { transform: scaleX(1); }\n  }\n\n  @media (max-width: 1024px) {\n    .alvion-quality__grid { grid-template-columns: 1fr; }\n    .alvion-quality__framework { box-shadow: 14px 14px 0 rgba(35, 31, 32, 0.06); }\n  }\n\n  @media (max-width: 620px) {\n    .alvion-quality { padding: 60px 18px 72px; }\n    .alvion-quality h2 { font-size: clamp(42px, 13vw, 64px); }\n    .alvion-quality__visual { min-height: 240px; padding: 28px 20px; }\n    .quality-icon { width: 190px; height: 190px; }\n    .alvion-quality__item {\n      grid-template-columns: 38px 1fr;\n      gap: 12px;\n      padding: 20px 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-quality *,\n    .alvion-quality *::before,\n    .alvion-quality *::after,\n    .quality-icon,\n    .red-ring,\n    .check,\n    .moving-shine,\n    .liquid-blob,\n    .dark-blob,\n    .bubble {\n      animation: none !important;\n      transition: none !important;\n    }\n    .red-ring, .check { stroke-dashoffset: 0; }\n    .alvion-quality__content,\n    .alvion-quality__framework { opacity: 1; transform: none; }\n    .alvion-quality__statement::after { transform: scaleX(1); }\n  }\n<\/style>\n\n<section class=\"alvion-quality\" aria-labelledby=\"alvion-quality-title\">\n  <div class=\"alvion-quality__container\">\n    <p class=\"alvion-quality__eyebrow\">Quality Without Compromise<\/p>\n\n    <div class=\"alvion-quality__grid\">\n      <div class=\"alvion-quality__content\">\n        <h2 id=\"alvion-quality-title\">\n          Quality Is Our First\n          <span class=\"alvion-quality__accent\">Priority.<\/span>\n        <\/h2>\n\n        <p class=\"alvion-quality__lead\">\n          Every Alvion profile begins with carefully selected materials and\n          ends with rigorous verification. Each stage of production is\n          controlled to deliver dimensional accuracy, structural consistency\n          and dependable long-term performance.\n          <br><br>\n          Because premium architecture demands more than visual refinement.\n          It demands components engineered to perform precisely as intended,\n          year after year.\n        <\/p>\n\n        <p class=\"alvion-quality__statement\">\n          Inspected at every stage. Trusted in every detail.\n        <\/p>\n      <\/div>\n\n      <div class=\"alvion-quality__framework\">\n        <div class=\"alvion-quality__visual\" aria-hidden=\"true\">\n          <span class=\"alvion-quality__visual-bar\"><\/span>\n          <span class=\"alvion-quality__visual-mark\">QC \u00b7 Verified<\/span>\n\n          <svg class=\"quality-icon\" viewBox=\"0 0 240 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Liquid glass quality icon\">\n            <defs>\n              <linearGradient id=\"alvionQGlass\" x1=\"35\" y1=\"25\" x2=\"205\" y2=\"220\">\n                <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.42\" \/>\n                <stop offset=\"35%\" stop-color=\"#ffffff\" stop-opacity=\"0.1\" \/>\n                <stop offset=\"70%\" stop-color=\"#111111\" stop-opacity=\"0.2\" \/>\n                <stop offset=\"100%\" stop-color=\"#000000\" stop-opacity=\"0.35\" \/>\n              <\/linearGradient>\n              <linearGradient id=\"alvionQBorder\" x1=\"40\" y1=\"30\" x2=\"200\" y2=\"210\">\n                <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.95\" \/>\n                <stop offset=\"35%\" stop-color=\"#ffffff\" stop-opacity=\"0.25\" \/>\n                <stop offset=\"70%\" stop-color=\"#ee2529\" stop-opacity=\"0.45\" \/>\n                <stop offset=\"100%\" stop-color=\"#000000\" stop-opacity=\"0.85\" \/>\n              <\/linearGradient>\n              <radialGradient id=\"alvionQInner\" cx=\"35%\" cy=\"25%\">\n                <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0.38\" \/>\n                <stop offset=\"45%\" stop-color=\"#ffffff\" stop-opacity=\"0.1\" \/>\n                <stop offset=\"100%\" stop-color=\"#000000\" stop-opacity=\"0.22\" \/>\n              <\/radialGradient>\n              <linearGradient id=\"alvionQRed\" x1=\"75\" y1=\"60\" x2=\"170\" y2=\"180\">\n                <stop offset=\"0%\" stop-color=\"#ff5361\" \/>\n                <stop offset=\"45%\" stop-color=\"#ee2529\" \/>\n                <stop offset=\"100%\" stop-color=\"#8c000b\" \/>\n              <\/linearGradient>\n              <linearGradient id=\"alvionQCheck\" x1=\"85\" y1=\"95\" x2=\"165\" y2=\"145\">\n                <stop offset=\"0%\" stop-color=\"#ff7782\" \/>\n                <stop offset=\"40%\" stop-color=\"#ee2529\" \/>\n                <stop offset=\"100%\" stop-color=\"#a5000e\" \/>\n              <\/linearGradient>\n              <radialGradient id=\"alvionQLiquid\">\n                <stop offset=\"0%\" stop-color=\"#ff2638\" stop-opacity=\"0.9\" \/>\n                <stop offset=\"100%\" stop-color=\"#ee2529\" stop-opacity=\"0\" \/>\n              <\/radialGradient>\n              <filter id=\"alvionQHeavy\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\">\n                <feGaussianBlur stdDeviation=\"18\" \/>\n              <\/filter>\n              <filter id=\"alvionQGlow\" x=\"-70%\" y=\"-70%\" width=\"240%\" height=\"240%\">\n                <feGaussianBlur stdDeviation=\"4\" result=\"blur\" \/>\n                <feMerge>\n                  <feMergeNode in=\"blur\" \/>\n                  <feMergeNode in=\"SourceGraphic\" \/>\n                <\/feMerge>\n              <\/filter>\n              <clipPath id=\"alvionQClip\">\n                <path d=\"M120 17 C139 17 145 30 159 34 C175 39 190 34 199 47 C208 60 201 74 207 88 C213 102 225 110 222 126 C219 142 204 148 197 161 C189 175 191 191 178 200 C165 210 151 202 136 208 C122 214 113 226 97 222 C81 218 76 203 63 196 C49 189 33 192 25 178 C17 164 26 151 21 136 C16 121 4 111 9 95 C14 79 29 76 38 64 C47 51 47 35 62 29 C77 23 89 33 104 29 C110 27 114 17 120 17 Z\"\/>\n              <\/clipPath>\n            <\/defs>\n\n            <path class=\"glass-badge\" d=\"M120 17 C139 17 145 30 159 34 C175 39 190 34 199 47 C208 60 201 74 207 88 C213 102 225 110 222 126 C219 142 204 148 197 161 C189 175 191 191 178 200 C165 210 151 202 136 208 C122 214 113 226 97 222 C81 218 76 203 63 196 C49 189 33 192 25 178 C17 164 26 151 21 136 C16 121 4 111 9 95 C14 79 29 76 38 64 C47 51 47 35 62 29 C77 23 89 33 104 29 C110 27 114 17 120 17 Z\"\/>\n            <g clip-path=\"url(#alvionQClip)\">\n              <ellipse class=\"liquid-blob\" cx=\"82\" cy=\"165\" rx=\"78\" ry=\"55\"\/>\n              <ellipse class=\"dark-blob\" cx=\"180\" cy=\"85\" rx=\"75\" ry=\"65\"\/>\n            <\/g>\n            <circle class=\"glass-inner\" cx=\"120\" cy=\"120\" r=\"72\"\/>\n            <path class=\"glass-shine\" d=\"M67 94 C77 67 98 53 127 52\"\/>\n            <path class=\"moving-shine\" d=\"M75 75 C95 55 125 48 151 61\"\/>\n            <circle class=\"red-ring\" cx=\"120\" cy=\"120\" r=\"55\"\/>\n            <path class=\"check\" d=\"M87 120 L109 142 L158 91\"\/>\n            <circle class=\"bubble\" cx=\"79\" cy=\"158\" r=\"5\"\/>\n            <circle class=\"bubble bubble-small\" cx=\"164\" cy=\"79\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n\n        <div class=\"alvion-quality__item\">\n          <span class=\"alvion-quality__number\">01<\/span>\n          <div>\n            <h3>Material Integrity<\/h3>\n            <p>Carefully selected compounds engineered for durability.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"alvion-quality__item\">\n          <span class=\"alvion-quality__number\">02<\/span>\n          <div>\n            <h3>Production Precision<\/h3>\n            <p>Controlled geometry and consistent profile dimensions.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"alvion-quality__item\">\n          <span class=\"alvion-quality__number\">03<\/span>\n          <div>\n            <h3>Final Verification<\/h3>\n            <p>Detailed inspection before every profile leaves production.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0c57027 e-con e-atomic-element e-flexbox-base e-0c57027-31f3951 \" data-id=\"0c57027\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0c57027\">\n    \t\t<div class=\"elementor-element elementor-element-c164440 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c164440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 GLOBAL PERFORMANCE\n     Lijevo: copy + 1 CTA \u00b7 Desno: animirana zemaljska kugla\n     Vidljivi tekst EN \u00b7 komentari BS\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-global,\n  .alvion-global * { box-sizing: border-box; }\n\n  .alvion-global {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --mute: rgba(255, 255, 255, 0.5);\n    --line: rgba(255, 255, 255, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(56px, 6vw, 88px) 24px;\n    color: var(--white);\n    background: var(--dark);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-global::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    opacity: 0.28;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n    background-size: 56px 56px;\n  }\n\n  .alvion-global__container {\n    position: relative;\n    z-index: 1;\n    width: min(1280px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-global__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 28px;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-global__eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-global__grid {\n    display: grid;\n    grid-template-columns: minmax(280px, 0.95fr) minmax(300px, 1.05fr);\n    gap: clamp(32px, 5vw, 64px);\n    align-items: center;\n  }\n\n  \/* LEFT *\/\n  .alvion-global__content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 22px;\n  }\n\n  .alvion-global h2 {\n    margin: 0;\n    color: var(--white);\n    font-size: clamp(36px, 5vw, 64px);\n    font-weight: 900;\n    line-height: 0.92;\n    letter-spacing: -0.05em;\n    text-transform: uppercase;\n  }\n\n  .alvion-global__accent { color: var(--red); }\n\n  .alvion-global__statement {\n    position: relative;\n    max-width: 460px;\n    margin: 0;\n    padding-left: 18px;\n    color: rgba(255, 255, 255, 0.68);\n    font-size: clamp(15px, 1.35vw, 17px);\n    line-height: 1.55;\n  }\n\n  .alvion-global__statement::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 3px;\n    background: var(--red);\n  }\n\n  .alvion-global__stats {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 2px;\n    margin-top: 6px;\n    max-width: 360px;\n    background: var(--line);\n    border: 1px solid var(--line);\n  }\n\n  .alvion-global__stat {\n    padding: 18px 16px;\n    background: #2a2627;\n  }\n\n  .alvion-global__stat strong {\n    display: block;\n    color: var(--red);\n    font-size: clamp(28px, 3.2vw, 40px);\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.04em;\n  }\n\n  .alvion-global__stat span {\n    display: block;\n    margin-top: 8px;\n    color: var(--mute);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .alvion-global__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    align-self: flex-start;\n    margin-top: 4px;\n    padding: 14px 22px;\n    border: 0;\n    color: var(--white);\n    background: var(--red);\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.12em;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: background 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .alvion-global__btn svg {\n    width: 14px;\n    height: 14px;\n    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .alvion-global__btn:hover {\n    background: #d41f23;\n    transform: translateY(-2px);\n  }\n\n  .alvion-global__btn:hover svg { transform: translateX(3px); }\n\n  \/* RIGHT \u2014 globe stage *\/\n  .alvion-global__visual {\n    position: relative;\n    display: grid;\n    place-items: center;\n    min-height: 420px;\n    padding: 28px 24px 32px;\n    border: 1px solid var(--line);\n    background: #1a1718;\n    overflow: hidden;\n  }\n\n  .alvion-global__visual::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    right: -1px;\n    width: 72px;\n    height: 72px;\n    border-top: 4px solid var(--red);\n    border-right: 4px solid var(--red);\n    pointer-events: none;\n  }\n\n  .alvion-global__globe-wrap {\n    position: relative;\n    width: min(100%, 320px);\n    aspect-ratio: 1;\n    margin-top: 0;\n  }\n\n  .alvion-global__globe-wrap svg {\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n  }\n\n  .alvion-global__sphere {\n    fill: none;\n    stroke: rgba(255, 255, 255, 0.22);\n    stroke-width: 1.2;\n  }\n\n  .alvion-global__meridian,\n  .alvion-global__parallel {\n    fill: none;\n    stroke: rgba(255, 255, 255, 0.18);\n    stroke-width: 1;\n  }\n\n  .alvion-global__orbit {\n    fill: none;\n    stroke: var(--red);\n    stroke-width: 1.6;\n    stroke-dasharray: 6 10;\n    animation: alvionOrbitDash 14s linear infinite;\n  }\n\n  .alvion-global__orbit--slow {\n    stroke: rgba(238, 37, 41, 0.45);\n    stroke-dasharray: 4 14;\n    animation-duration: 22s;\n    animation-direction: reverse;\n  }\n\n  .alvion-global__spin {\n    transform-origin: 160px 160px;\n    animation: alvionGlobeSpin 48s linear infinite;\n  }\n\n  .alvion-global__dot {\n    fill: var(--red);\n  }\n\n  .alvion-global__dot--pulse {\n    animation: alvionDotPulse 2.4s ease-in-out infinite;\n  }\n\n  .alvion-global__sat {\n    offset-path: path(\"M40,160 A120,54 0 1,1 280,160 A120,54 0 1,1 40,160\");\n    offset-rotate: 0deg;\n    animation: alvionSat 10s linear infinite;\n  }\n\n  .alvion-global__halo {\n    position: absolute;\n    inset: 8%;\n    border-radius: 50%;\n    border: 1px solid rgba(238, 37, 41, 0.2);\n    animation: alvionHalo 4s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .alvion-global__visual-copy {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  .alvion-global__visual-copy p {\n    margin: 0 auto;\n    max-width: 280px;\n    color: var(--mute);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    line-height: 1.45;\n  }\n\n  .alvion-global__visual-copy strong {\n    color: var(--white);\n  }\n\n  .alvion-global__pills {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 16px;\n  }\n\n  .alvion-global__pill {\n    padding: 8px 12px;\n    border: 1px solid var(--line);\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  @keyframes alvionGlobeSpin {\n    to { transform: rotateY(360deg); }\n  }\n\n  @keyframes alvionOrbitDash {\n    to { stroke-dashoffset: -220; }\n  }\n\n  @keyframes alvionDotPulse {\n    0%, 100% { opacity: 0.45; r: 3.5; }\n    50% { opacity: 1; r: 5.5; }\n  }\n\n  @keyframes alvionHalo {\n    0%, 100% { transform: scale(1); opacity: 0.35; }\n    50% { transform: scale(1.06); opacity: 0.7; }\n  }\n\n  @keyframes alvionSat {\n    to { offset-distance: 100%; }\n  }\n\n  \/* SVG rotateY ne radi svuda jednako \u2014 koristimo 2D rotaciju grupe *\/\n  .alvion-global__spin {\n    animation: alvionGlobeSpin2d 60s linear infinite;\n  }\n\n  @keyframes alvionGlobeSpin2d {\n    to { transform: rotate(360deg); }\n  }\n\n  @media (max-width: 980px) {\n    .alvion-global__grid { grid-template-columns: 1fr; gap: 28px; }\n    .alvion-global__stats { max-width: none; }\n    .alvion-global__visual { min-height: 380px; }\n  }\n\n  @media (max-width: 620px) {\n    .alvion-global { padding: 48px 18px; }\n    .alvion-global__btn { width: 100%; justify-content: center; }\n    .alvion-global__globe-wrap { width: min(100%, 280px); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-global *,\n    .alvion-global *::before,\n    .alvion-global *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-global\" id=\"alvion-global\" aria-labelledby=\"alvion-global-title\">\n  <div class=\"alvion-global__container\">\n    <p class=\"alvion-global__eyebrow\">Global Footprint &amp; Export<\/p>\n\n    <div class=\"alvion-global__grid\">\n\n      <div class=\"alvion-global__content\">\n        <h2 id=\"alvion-global-title\">\n          Exported to<br>\n          <span class=\"alvion-global__accent\">28+<\/span> markets<span class=\"alvion-global__accent\">.<\/span>\n        <\/h2>\n\n        <p class=\"alvion-global__statement\">\n          From Br\u010dko to four continents \u2014 Alvion uPVC systems are engineered for\n          international climates, standards, and architectural demands.\n        <\/p>\n\n        <div class=\"alvion-global__stats\" aria-label=\"Key figures\">\n          <div class=\"alvion-global__stat\">\n            <strong data-count=\"28\">0<\/strong>\n            <span>Active Markets<\/span>\n          <\/div>\n          <div class=\"alvion-global__stat\">\n            <strong data-count=\"4\">0<\/strong>\n            <span>Continents<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Zamijeni href sa URL-om Export Map stranice -->\n        <a class=\"alvion-global__btn\" href=\"#alvion-reach\">\n          Open Export Map\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"square\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <div class=\"alvion-global__visual\" aria-hidden=\"true\">\n        <div class=\"alvion-global__globe-wrap\">\n          <span class=\"alvion-global__halo\"><\/span>\n          <svg viewBox=\"0 0 320 320\" role=\"img\" aria-label=\"Animated globe\">\n            <!-- Outer sphere -->\n            <circle class=\"alvion-global__sphere\" cx=\"160\" cy=\"160\" r=\"118\"><\/circle>\n\n            <!-- Spinning grid -->\n            <g class=\"alvion-global__spin\">\n              <ellipse class=\"alvion-global__meridian\" cx=\"160\" cy=\"160\" rx=\"42\" ry=\"118\"><\/ellipse>\n              <ellipse class=\"alvion-global__meridian\" cx=\"160\" cy=\"160\" rx=\"78\" ry=\"118\"><\/ellipse>\n              <ellipse class=\"alvion-global__meridian\" cx=\"160\" cy=\"160\" rx=\"108\" ry=\"118\"><\/ellipse>\n              <path class=\"alvion-global__parallel\" d=\"M48 160H272\"><\/path>\n              <path class=\"alvion-global__parallel\" d=\"M62 105H258\"><\/path>\n              <path class=\"alvion-global__parallel\" d=\"M62 215H258\"><\/path>\n              <path class=\"alvion-global__parallel\" d=\"M88 68H232\"><\/path>\n              <path class=\"alvion-global__parallel\" d=\"M88 252H232\"><\/path>\n\n              <circle class=\"alvion-global__dot alvion-global__dot--pulse\" cx=\"92\" cy=\"118\" r=\"4\"><\/circle>\n              <circle class=\"alvion-global__dot alvion-global__dot--pulse\" cx=\"210\" cy=\"96\" r=\"4\" style=\"animation-delay:.6s\"><\/circle>\n              <circle class=\"alvion-global__dot alvion-global__dot--pulse\" cx=\"236\" cy=\"198\" r=\"4\" style=\"animation-delay:1.2s\"><\/circle>\n              <circle class=\"alvion-global__dot alvion-global__dot--pulse\" cx=\"128\" cy=\"228\" r=\"4\" style=\"animation-delay:1.8s\"><\/circle>\n            <\/g>\n\n            <!-- Orbits -->\n            <ellipse class=\"alvion-global__orbit\" cx=\"160\" cy=\"160\" rx=\"148\" ry=\"58\" transform=\"rotate(-26 160 160)\"><\/ellipse>\n            <ellipse class=\"alvion-global__orbit alvion-global__orbit--slow\" cx=\"160\" cy=\"160\" rx=\"138\" ry=\"48\" transform=\"rotate(18 160 160)\"><\/ellipse>\n\n            <!-- Satellite node -->\n            <g class=\"alvion-global__sat\">\n              <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#ee2529\"><\/circle>\n              <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"none\" stroke=\"#ee2529\" stroke-opacity=\"0.35\" stroke-width=\"1.2\"><\/circle>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div class=\"alvion-global__visual-copy\">\n          <p>\n            Precision-engineered profiles, delivered through a\n            <strong>robust export network<\/strong> built for every climate.\n          <\/p>\n          <div class=\"alvion-global__pills\">\n            <span class=\"alvion-global__pill\">All-Climate<\/span>\n            <span class=\"alvion-global__pill\">Certified<\/span>\n            <span class=\"alvion-global__pill\">Export Ready<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var root = document.getElementById(\"alvion-global\");\n  if (!root || root.dataset.bound === \"1\") return;\n  root.dataset.bound = \"1\";\n\n  var counted = false;\n  function runCounts() {\n    if (counted) return;\n    counted = true;\n    root.querySelectorAll(\"[data-count]\").forEach(function (el) {\n      var target = parseInt(el.getAttribute(\"data-count\"), 10) || 0;\n      var start = performance.now();\n      var dur = 900;\n      function tick(now) {\n        var t = Math.min(1, (now - start) \/ dur);\n        var eased = 1 - Math.pow(1 - t, 3);\n        el.textContent = String(Math.round(target * eased));\n        if (t < 1) requestAnimationFrame(tick);\n      }\n      requestAnimationFrame(tick);\n    });\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          runCounts();\n          io.disconnect();\n        }\n      });\n    }, { threshold: 0.25 });\n    io.observe(root);\n  } else {\n    runCounts();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a48a97e e-con e-atomic-element e-flexbox-base e-a48a97e-366593f \" data-id=\"a48a97e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a48a97e\">\n    \t\t<div class=\"elementor-element elementor-element-c01b0d0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c01b0d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 KEY FIGURES\n     Svijetla stats sekcija: experience \/ team \/ annual output.\n     Vidljivi sadrzaj EN \u00b7 komentari BS\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-figures,\n  .alvion-figures * {\n    box-sizing: border-box;\n  }\n\n  .alvion-figures {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --soft: #f5f4f4;\n    --gray: #716d6e;\n    --line: rgba(35, 31, 32, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(52px, 6.5vw, 88px) 24px;\n    color: var(--dark);\n    background: var(--soft);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-figures::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    opacity: 0.55;\n    background-image:\n      linear-gradient(rgba(35, 31, 32, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(35, 31, 32, 0.03) 1px, transparent 1px);\n    background-size: 56px 56px;\n    mask-image: linear-gradient(180deg, #000 0%, transparent 92%);\n    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 92%);\n  }\n\n  .alvion-figures__container {\n    position: relative;\n    z-index: 1;\n    width: min(1320px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-figures__head {\n    margin: 0 0 clamp(28px, 4vw, 42px);\n  }\n\n  .alvion-figures__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 14px;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-figures__eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-figures h2 {\n    margin: 0;\n    max-width: 12ch;\n    color: var(--dark);\n    font-size: clamp(34px, 4.2vw, 52px);\n    font-weight: 900;\n    line-height: 0.96;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .alvion-figures__accent {\n    color: var(--red);\n  }\n\n  .alvion-figures__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n  }\n\n  .alvion-figures__item {\n    position: relative;\n    padding: clamp(28px, 3.5vw, 42px) clamp(18px, 2.5vw, 36px);\n    text-align: left;\n  }\n\n  .alvion-figures__item + .alvion-figures__item {\n    border-left: 1px solid var(--line);\n  }\n\n  .alvion-figures__value {\n    display: flex;\n    align-items: baseline;\n    gap: 2px;\n    margin: 0;\n    color: var(--dark);\n    font-size: clamp(42px, 5.4vw, 68px);\n    font-weight: 900;\n    line-height: 0.95;\n    letter-spacing: -0.05em;\n    text-transform: uppercase;\n  }\n\n  .alvion-figures__plus {\n    color: var(--red);\n    font-size: 0.72em;\n    letter-spacing: -0.04em;\n  }\n\n  .alvion-figures__label {\n    display: block;\n    max-width: 220px;\n    margin: 14px 0 0;\n    color: var(--gray);\n    font-size: clamp(14px, 1.4vw, 16px);\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: 0.01em;\n  }\n\n  .alvion-figures__item::after {\n    content: \"\";\n    position: absolute;\n    left: clamp(18px, 2.5vw, 36px);\n    bottom: 0;\n    width: 0;\n    height: 3px;\n    background: var(--red);\n    transition: width 0.45s ease;\n  }\n\n  .alvion-figures__item:hover::after {\n    width: 52px;\n  }\n\n  @media (max-width: 800px) {\n    .alvion-figures__grid {\n      grid-template-columns: 1fr;\n      border: none;\n    }\n\n    .alvion-figures__item {\n      border: 1px solid var(--line);\n      background: var(--white);\n      margin-bottom: 10px;\n    }\n\n    .alvion-figures__item + .alvion-figures__item {\n      border-left: 1px solid var(--line);\n    }\n\n    .alvion-figures__item:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-figures__item::after {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-figures\" aria-labelledby=\"alvion-figures-title\">\n  <div class=\"alvion-figures__container\">\n\n    <header class=\"alvion-figures__head\">\n      <p class=\"alvion-figures__eyebrow\">Capacity<\/p>\n      <h2 id=\"alvion-figures-title\">\n        By the\n        <span class=\"alvion-figures__accent\">numbers.<\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"alvion-figures__grid\">\n\n      <article class=\"alvion-figures__item\">\n        <p class=\"alvion-figures__value\">\n          25<span class=\"alvion-figures__plus\">+<\/span>\n        <\/p>\n        <span class=\"alvion-figures__label\">Years of Experience<\/span>\n      <\/article>\n\n      <article class=\"alvion-figures__item\">\n        <p class=\"alvion-figures__value\">\n          700<span class=\"alvion-figures__plus\">+<\/span>\n        <\/p>\n        <span class=\"alvion-figures__label\">Professionals<\/span>\n      <\/article>\n\n      <article class=\"alvion-figures__item\">\n        <p class=\"alvion-figures__value\">\n          300,000<span class=\"alvion-figures__plus\">+<\/span>\n        <\/p>\n        <span class=\"alvion-figures__label\">Window Units Annually<\/span>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d6cd977 e-con e-atomic-element e-flexbox-base e-8687d59 \" data-id=\"d6cd977\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d6cd977\">\n    \t\t<div class=\"elementor-element elementor-element-495f8e4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"495f8e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .alvion-benefits,\n  .alvion-benefits * {\n    box-sizing: border-box;\n  }\n\n  .alvion-benefits {\n    --alvion-red: #e52b38;\n    --alvion-dark-red: #971723;\n    --alvion-white: #ffffff;\n    --alvion-muted: #aeb2b8;\n    --alvion-black: #07090c;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: 90px 24px;\n    color: var(--alvion-white);\n    background:\n      radial-gradient(circle at 50% -15%, rgba(229, 43, 56, 0.18), transparent 38%),\n      linear-gradient(145deg, #0d1116 0%, var(--alvion-black) 55%, #0b0d11 100%);\n    font-family: inherit;\n  }\n\n  .alvion-benefits::before,\n  .alvion-benefits::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    filter: blur(3px);\n    pointer-events: none;\n  }\n\n  .alvion-benefits::before {\n    top: -160px;\n    right: -120px;\n    width: 360px;\n    height: 360px;\n    background: rgba(229, 43, 56, 0.08);\n  }\n\n  .alvion-benefits::after {\n    bottom: -180px;\n    left: -130px;\n    width: 330px;\n    height: 330px;\n    border: 1px solid rgba(229, 43, 56, 0.12);\n  }\n\n  .alvion-benefits__inner {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-benefits__heading {\n    max-width: 720px;\n    margin: 0 auto 46px;\n    text-align: center;\n  }\n\n  .alvion-benefits__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 14px;\n    color: var(--alvion-red);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-benefits__eyebrow::before,\n  .alvion-benefits__eyebrow::after {\n    content: \"\";\n    width: 22px;\n    height: 1px;\n    background: currentColor;\n  }\n\n  .alvion-benefits h2 {\n    margin: 0;\n    color: var(--alvion-white);\n    font-size: clamp(32px, 4vw, 52px);\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.035em;\n  }\n\n  .alvion-benefits__intro {\n    max-width: 590px;\n    margin: 16px auto 0;\n    color: var(--alvion-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .alvion-benefits__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .alvion-benefits__card {\n    position: relative;\n    overflow: hidden;\n    min-height: 285px;\n    padding: 32px 25px;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 22px;\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.09),\n        rgba(255, 255, 255, 0.025)\n      );\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.09),\n      0 18px 45px rgba(0, 0, 0, 0.22);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    transform: translateY(24px);\n    opacity: 0;\n    animation: alvionCardReveal 0.7s cubic-bezier(.2, .8, .2, 1) forwards;\n    transition:\n      transform 0.4s cubic-bezier(.2, .8, .2, 1),\n      border-color 0.4s ease,\n      box-shadow 0.4s ease,\n      background 0.4s ease;\n  }\n\n  .alvion-benefits__card:nth-child(2) { animation-delay: 0.12s; }\n  .alvion-benefits__card:nth-child(3) { animation-delay: 0.24s; }\n  .alvion-benefits__card:nth-child(4) { animation-delay: 0.36s; }\n\n  .alvion-benefits__card::before {\n    content: \"\";\n    position: absolute;\n    top: -80px;\n    left: -80px;\n    width: 170px;\n    height: 170px;\n    border-radius: 50%;\n    background: rgba(229, 43, 56, 0.22);\n    filter: blur(40px);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n\n  .alvion-benefits__card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background: linear-gradient(\n      120deg,\n      transparent 25%,\n      rgba(255, 255, 255, 0.08) 45%,\n      transparent 65%\n    );\n    transform: translateX(-110%);\n    transition: transform 0.7s ease;\n    pointer-events: none;\n  }\n\n  .alvion-benefits__card:hover {\n    transform: translateY(-10px);\n    border-color: rgba(229, 43, 56, 0.58);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(229, 43, 56, 0.12),\n        rgba(255, 255, 255, 0.04)\n      );\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.12),\n      0 25px 60px rgba(0, 0, 0, 0.35),\n      0 0 30px rgba(229, 43, 56, 0.1);\n  }\n\n  .alvion-benefits__card:hover::before {\n    opacity: 1;\n  }\n\n  .alvion-benefits__card:hover::after {\n    transform: translateX(110%);\n  }\n\n  .alvion-benefits__icon {\n    position: relative;\n    display: grid;\n    place-items: center;\n    width: 62px;\n    height: 62px;\n    margin-bottom: 25px;\n    border: 1px solid rgba(229, 43, 56, 0.4);\n    border-radius: 18px;\n    color: var(--alvion-red);\n    background: rgba(229, 43, 56, 0.08);\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.08),\n      0 10px 25px rgba(0, 0, 0, 0.25);\n    transition:\n      transform 0.4s ease,\n      color 0.4s ease,\n      background 0.4s ease;\n  }\n\n  .alvion-benefits__card:hover .alvion-benefits__icon {\n    color: #fff;\n    background: var(--alvion-red);\n    transform: translateY(-3px) rotate(-3deg);\n  }\n\n  .alvion-benefits__icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .alvion-benefits__card h3 {\n    position: relative;\n    margin: 0 0 11px;\n    color: var(--alvion-white);\n    font-size: 20px;\n    font-weight: 650;\n    line-height: 1.25;\n  }\n\n  .alvion-benefits__card p {\n    position: relative;\n    margin: 0;\n    color: var(--alvion-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .alvion-benefits__line {\n    position: absolute;\n    right: 25px;\n    bottom: 22px;\n    left: 25px;\n    height: 2px;\n    overflow: hidden;\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.07);\n  }\n\n  .alvion-benefits__line::after {\n    content: \"\";\n    display: block;\n    width: 0;\n    height: 100%;\n    background: linear-gradient(90deg, var(--alvion-red), transparent);\n    transition: width 0.5s ease;\n  }\n\n  .alvion-benefits__card:hover .alvion-benefits__line::after {\n    width: 100%;\n  }\n\n  @keyframes alvionCardReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .alvion-benefits__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 600px) {\n    .alvion-benefits {\n      padding: 65px 18px;\n    }\n\n    .alvion-benefits__heading {\n      margin-bottom: 32px;\n    }\n\n    .alvion-benefits__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .alvion-benefits__card {\n      min-height: 250px;\n      padding: 27px 23px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-benefits__card {\n      opacity: 1;\n      transform: none;\n      animation: none;\n      transition: none;\n    }\n\n    .alvion-benefits__card::after {\n      display: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-benefits\" aria-labelledby=\"alvion-benefits-title\">\n  <div class=\"alvion-benefits__inner\">\n    <header class=\"alvion-benefits__heading\">\n      <div class=\"alvion-benefits__eyebrow\">Built for better living<\/div>\n      <h2 id=\"alvion-benefits-title\">Why Choose Alvion uPVC Profiles?<\/h2>\n      <p class=\"alvion-benefits__intro\">\n        Engineered for lasting comfort, reliable performance and a modern\n        appearance in every home.\n      <\/p>\n    <\/header>\n\n    <div class=\"alvion-benefits__grid\">\n      <!-- Energy Efficiency -->\n      <article class=\"alvion-benefits__card\">\n        <div class=\"alvion-benefits__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\">\n            <path d=\"M16 3v3M16 26v3M3 16h3M26 16h3\"\/>\n            <path d=\"M6.8 6.8 9 9M23 23l2.2 2.2M25.2 6.8 23 9M9 23l-2.2 2.2\"\/>\n            <circle cx=\"16\" cy=\"16\" r=\"6\"\/>\n            <path d=\"M12.5 17.5c1.8-5.3 5.4-6.2 8-6.1-.2 3.5-1.9 7.1-7.4 7.4\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Energy Efficiency<\/h3>\n        <p>\n          Advanced multi-chamber profiles help retain indoor temperature and\n          reduce energy consumption throughout the year.\n        <\/p>\n        <span class=\"alvion-benefits__line\" aria-hidden=\"true\"><\/span>\n      <\/article>\n\n      <!-- Sound Insulation -->\n      <article class=\"alvion-benefits__card\">\n        <div class=\"alvion-benefits__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\">\n            <path d=\"M5 18h5l7 6V8l-7 6H5z\"\/>\n            <path d=\"M22 12c1.2 1 2 2.4 2 4s-.8 3-2 4\"\/>\n            <path d=\"M25.5 8.5c2.1 2 3.5 4.5 3.5 7.5s-1.4 5.7-3.5 7.5\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Superior Sound Insulation<\/h3>\n        <p>\n          Precision engineering and secure sealing reduce outside noise,\n          creating a quieter and more comfortable living space.\n        <\/p>\n        <span class=\"alvion-benefits__line\" aria-hidden=\"true\"><\/span>\n      <\/article>\n\n      <!-- Durability -->\n      <article class=\"alvion-benefits__card\">\n        <div class=\"alvion-benefits__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\">\n            <path d=\"M16 3 27 7v8c0 7-4.5 11.5-11 14-6.5-2.5-11-7-11-14V7z\"\/>\n            <path d=\"m11 16 3.2 3.2L21.5 12\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Built to Last<\/h3>\n        <p>\n          Weather-resistant uPVC provides reliable strength and performance\n          without warping, rotting or corroding.\n        <\/p>\n        <span class=\"alvion-benefits__line\" aria-hidden=\"true\"><\/span>\n      <\/article>\n\n      <!-- Low Maintenance -->\n      <article class=\"alvion-benefits__card\">\n        <div class=\"alvion-benefits__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\">\n            <path d=\"M8 25 22.5 10.5\"\/>\n            <path d=\"m19 7 6 6\"\/>\n            <path d=\"M21.5 4.5 27.5 10.5 25 13 19 7z\"\/>\n            <path d=\"M5 27h8\"\/>\n            <path d=\"M8 21c-2.2 0-4 1.8-4 4v2h9v-2c0-2.2-1.8-4-4-4z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Easy Maintenance<\/h3>\n        <p>\n          Alvion profiles require no painting or complex upkeep\u2014simple\n          cleaning keeps them looking refined for years.\n        <\/p>\n        <span class=\"alvion-benefits__line\" aria-hidden=\"true\"><\/span>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53e7ea1 e-con e-atomic-element e-flexbox-base e-53e7ea1-c9035d0 \" data-id=\"53e7ea1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53e7ea1\">\n    \t\t<div class=\"elementor-element elementor-element-9cb46c9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9cb46c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 7600 FOREST \/ ECO\n     Svijetla sekcija: recycled \/ eco-friendly profil.\n     Vizual: Alvion-7600-Forest-Reciclated.png.webp\n     Vidljivi sadrzaj EN \u00b7 komentari BS\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-eco,\n  .alvion-eco * {\n    box-sizing: border-box;\n  }\n\n  .alvion-eco {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --soft: #f4f3f3;\n    --gray: #716d6e;\n    --line: rgba(35, 31, 32, 0.12);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(64px, 8vw, 110px) 24px;\n    color: var(--dark);\n    background: var(--white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-eco::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 0 40%;\n    z-index: 0;\n    pointer-events: none;\n    opacity: 0.65;\n    background-image:\n      linear-gradient(rgba(35, 31, 32, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(35, 31, 32, 0.03) 1px, transparent 1px);\n    background-size: 52px 52px;\n    mask-image: linear-gradient(90deg, transparent, #000 50%);\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000 50%);\n  }\n\n  .alvion-eco__container {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);\n    gap: clamp(36px, 6vw, 90px);\n    align-items: center;\n    width: min(1320px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-eco__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 16px;\n    color: var(--red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-eco__eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-eco__code {\n    margin: 0 0 8px;\n    color: var(--gray);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-eco h2 {\n    margin: 0;\n    color: var(--dark);\n    font-size: clamp(36px, 4.6vw, 58px);\n    font-weight: 900;\n    line-height: 0.94;\n    letter-spacing: -0.045em;\n    text-transform: uppercase;\n  }\n\n  .alvion-eco__accent {\n    color: var(--red);\n  }\n\n  .alvion-eco__text {\n    max-width: 480px;\n    margin: 18px 0 0;\n    color: var(--gray);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .alvion-eco__list {\n    list-style: none;\n    margin: 28px 0 0;\n    padding: 0;\n    border-top: 1px solid var(--line);\n  }\n\n  .alvion-eco__list li {\n    display: grid;\n    grid-template-columns: 18px 1fr;\n    gap: 14px;\n    align-items: start;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--line);\n    color: var(--dark);\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.4;\n  }\n\n  .alvion-eco__list li span {\n    display: block;\n    margin-top: 3px;\n    color: var(--gray);\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.45;\n  }\n\n  .alvion-eco__mark {\n    width: 10px;\n    height: 10px;\n    margin-top: 4px;\n    background: var(--red);\n  }\n\n  .alvion-eco__visual {\n    position: relative;\n    min-height: clamp(320px, 42vw, 520px);\n    background:\n      linear-gradient(160deg, #eceaea 0%, var(--soft) 48%, #e7e5e5 100%);\n  }\n\n  .alvion-eco__visual::before {\n    content: \"7600\";\n    position: absolute;\n    top: 18px;\n    left: 20px;\n    z-index: 2;\n    color: rgba(35, 31, 32, 0.08);\n    font-size: clamp(64px, 9vw, 110px);\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.06em;\n    pointer-events: none;\n  }\n\n  .alvion-eco__badge {\n    position: absolute;\n    top: 22px;\n    right: 22px;\n    z-index: 3;\n    padding: 10px 14px;\n    color: var(--white);\n    background: var(--dark);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-eco__badge em {\n    font-style: normal;\n    color: var(--red);\n  }\n\n  .alvion-eco__visual img {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center 58%;\n    padding: clamp(28px, 4vw, 48px) clamp(18px, 3vw, 36px);\n  }\n\n  .alvion-eco__rail {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 3;\n    width: 4px;\n    height: 42%;\n    background: var(--red);\n  }\n\n  @media (max-width: 900px) {\n    .alvion-eco__container {\n      grid-template-columns: 1fr;\n      gap: 28px;\n    }\n\n    .alvion-eco__visual {\n      min-height: 340px;\n      order: -1;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .alvion-eco {\n      padding: 52px 18px;\n    }\n\n    .alvion-eco__badge {\n      top: 14px;\n      right: 14px;\n      padding: 8px 11px;\n    }\n  }\n\n  .alvion-eco__actions {\n    margin-top: 28px;\n  }\n\n  .alvion-eco__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 22px;\n    color: var(--white);\n    background: var(--red);\n    border: 1px solid var(--red);\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition:\n      background 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  .alvion-eco__btn svg {\n    width: 16px;\n    height: 16px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2.2;\n    transition: transform 0.25s ease;\n  }\n\n  .alvion-eco__btn:hover {\n    background: var(--dark);\n    border-color: var(--dark);\n    color: var(--white);\n    transform: translateY(-2px);\n  }\n\n  .alvion-eco__btn:hover svg {\n    transform: translateX(3px);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-eco__btn,\n    .alvion-eco__btn svg {\n      transition: none;\n    }\n\n    .alvion-eco__btn:hover {\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-eco\" aria-labelledby=\"alvion-eco-title\">\n  <div class=\"alvion-eco__container\">\n\n    <div class=\"alvion-eco__copy\">\n      <p class=\"alvion-eco__eyebrow\">Responsible Performance<\/p>\n      <p class=\"alvion-eco__code\">7600 Forest<\/p>\n\n      <h2 id=\"alvion-eco-title\">\n        Eco-ready\n        <span class=\"alvion-eco__accent\">by design.<\/span>\n      <\/h2>\n\n      <p class=\"alvion-eco__text\">\n        The 7600 Forest series is engineered with recycled material content \u2014\n        delivering the same architectural precision and thermal balance,\n        with a lighter footprint on the environment.\n      <\/p>\n\n      <ul class=\"alvion-eco__list\">\n        <li>\n          <i class=\"alvion-eco__mark\" aria-hidden=\"true\"><\/i>\n          <div>\n            Recycled material content\n            <span>Formulated for lower virgin-resource demand without weakening profile integrity.<\/span>\n          <\/div>\n        <\/li>\n        <li>\n          <i class=\"alvion-eco__mark\" aria-hidden=\"true\"><\/i>\n          <div>\n            Performance held intact\n            <span>76 mm depth, 6-chamber geometry and triple-gasket sealing stay at full specification.<\/span>\n          <\/div>\n        <\/li>\n        <li>\n          <i class=\"alvion-eco__mark\" aria-hidden=\"true\"><\/i>\n          <div>\n            Built for modern facades\n            <span>Sleek Forest geometry for residential and development projects that value both form and responsibility.<\/span>\n          <\/div>\n        <\/li>\n      <\/ul>\n\n      <!-- Zamijeni href=\"#\" kad bude spremna 7600 Forest stranica (npr. \/7600-forest\/) -->\n      <div class=\"alvion-eco__actions\">\n        <a class=\"alvion-eco__btn\" href=\"#\">\n          Explore 7600 Forest\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Hero vizual recycled profila -->\n    <div class=\"alvion-eco__visual\">\n      <span class=\"alvion-eco__badge\">Recycled <em>Series<\/em><\/span>\n      <span class=\"alvion-eco__rail\" aria-hidden=\"true\"><\/span>\n      <img decoding=\"async\"\n        data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/08\/Alvion-7600-Forest-Reciclated.png.webp\"\n        alt=\"Alvion 7600 Forest recycled profile cross-section\"\n       \n        width=\"900\"\n        height=\"700\"\n       src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/700;\">\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-366b760 e-con e-atomic-element e-flexbox-base e-366b760-383da56 \" data-id=\"366b760\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"366b760\">\n    \t\t<div class=\"elementor-element elementor-element-bb38ef4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bb38ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 BECOME A PARTNER\n     Kompletna partnerska sekcija sa funkcionalnom formom.\n     Forma koristi FormSubmit i \u0161alje na navedenu e-mail adresu.\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  \/* Osnovne postavke i slu\u017ebene Alvion boje *\/\n  .alvion-partner,\n  .alvion-partner * {\n    box-sizing: border-box;\n  }\n\n  .alvion-partner {\n    --alvion-red: #ee2529;\n    --alvion-dark: #231f20;\n    --alvion-white: #ffffff;\n    --alvion-light: #f6f5f5;\n    --alvion-gray: #736f70;\n    --alvion-border: rgba(35, 31, 32, 0.14);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    padding: clamp(80px, 10vw, 145px) 24px;\n    color: var(--alvion-dark);\n    background: var(--alvion-white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  \/* Suptilna tehni\u010dka mre\u017ea u pozadini *\/\n  .alvion-partner::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    opacity: 0.5;\n    background-image:\n      linear-gradient(rgba(35, 31, 32, 0.027) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(35, 31, 32, 0.027) 1px, transparent 1px);\n    background-size: 58px 58px;\n  }\n\n  \/* Ambijentalni crveni sjaj *\/\n  .alvion-partner::after {\n    content: \"\";\n    position: absolute;\n    bottom: -350px;\n    left: -250px;\n    z-index: -1;\n    width: 650px;\n    height: 650px;\n    border-radius: 50%;\n    background: rgba(238, 37, 41, 0.09);\n    filter: blur(100px);\n    pointer-events: none;\n  }\n\n  .alvion-partner__container {\n    width: min(1280px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* Glavni dvokolonski raspored *\/\n  .alvion-partner__grid {\n    display: grid;\n    grid-template-columns: minmax(360px, 0.82fr) minmax(520px, 1.18fr);\n    gap: clamp(55px, 8vw, 115px);\n    align-items: center;\n  }\n\n  \/* Lijeva strana sekcije *\/\n  .alvion-partner__content {\n    opacity: 0;\n    transform: translateY(28px);\n    animation: alvionPartnerReveal 0.8s 0.1s ease forwards;\n  }\n\n  .alvion-partner__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 22px;\n    color: var(--alvion-red);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-partner__eyebrow::before {\n    content: \"\";\n    width: 32px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-partner h2 {\n    max-width: 590px;\n    margin: 0;\n    color: var(--alvion-dark);\n    font-size: clamp(55px, 6.5vw, 94px);\n    font-weight: 900;\n    line-height: 0.89;\n    letter-spacing: -0.06em;\n    text-transform: uppercase;\n  }\n\n  .alvion-partner__accent {\n    color: var(--alvion-red);\n  }\n\n  .alvion-partner__intro {\n    max-width: 580px;\n    margin: 32px 0 0;\n    color: var(--alvion-gray);\n    font-size: clamp(17px, 1.5vw, 21px);\n    line-height: 1.65;\n  }\n\n  \/* Informativne kartice *\/\n  .alvion-partner__cards {\n    display: grid;\n    gap: 13px;\n    margin-top: 42px;\n  }\n\n  .alvion-partner__card {\n    display: grid;\n    grid-template-columns: 50px 1fr;\n    gap: 18px;\n    align-items: center;\n    padding: 21px 22px;\n    border: 1px solid var(--alvion-border);\n    background: rgba(255, 255, 255, 0.82);\n    transition:\n      color 0.35s ease,\n      background 0.35s ease,\n      border-color 0.35s ease,\n      transform 0.35s ease;\n  }\n\n  .alvion-partner__card:hover {\n    color: var(--alvion-white);\n    background: var(--alvion-dark);\n    border-color: var(--alvion-dark);\n    transform: translateX(7px);\n  }\n\n  .alvion-partner__icon {\n    display: grid;\n    place-items: center;\n    width: 48px;\n    height: 48px;\n    color: var(--alvion-red);\n    background: rgba(238, 37, 41, 0.09);\n    transition: background 0.35s ease;\n  }\n\n  .alvion-partner__card:hover .alvion-partner__icon {\n    background: rgba(238, 37, 41, 0.18);\n  }\n\n  .alvion-partner__icon svg {\n    width: 23px;\n    height: 23px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .alvion-partner__card-label {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--alvion-red);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .alvion-partner__card-value {\n    display: block;\n    color: inherit;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.45;\n  }\n\n  \/* Desna strana sa formom *\/\n  .alvion-partner__form-card {\n    position: relative;\n    padding: clamp(30px, 4vw, 54px);\n    border: 1px solid var(--alvion-dark);\n    background: rgba(255, 255, 255, 0.94);\n    box-shadow:\n      25px 25px 0 rgba(35, 31, 32, 0.055),\n      0 35px 75px rgba(35, 31, 32, 0.08);\n    opacity: 0;\n    transform: translateX(30px);\n    animation: alvionPartnerRevealSide 0.9s 0.3s ease forwards;\n  }\n\n  \/* Crveni konstrukcijski ugao *\/\n  .alvion-partner__form-card::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    right: -1px;\n    width: 105px;\n    height: 105px;\n    border-top: 6px solid var(--alvion-red);\n    border-right: 6px solid var(--alvion-red);\n    pointer-events: none;\n  }\n\n  .alvion-partner__form-heading {\n    margin-bottom: 32px;\n    padding-right: 70px;\n  }\n\n  .alvion-partner__form-heading span {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--alvion-red);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-partner__form-heading h3 {\n    margin: 0;\n    color: var(--alvion-dark);\n    font-size: clamp(27px, 3vw, 39px);\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  \/* Raspored polja forme *\/\n  .alvion-partner__fields {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .alvion-partner__field {\n    position: relative;\n  }\n\n  .alvion-partner__field--full {\n    grid-column: 1 \/ -1;\n  }\n\n  .alvion-partner__field label {\n    display: block;\n    margin: 0 0 8px;\n    color: var(--alvion-dark);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .alvion-partner__required {\n    color: var(--alvion-red);\n  }\n\n  \/* Zajedni\u010dki izgled svih polja *\/\n  .alvion-partner__field input,\n  .alvion-partner__field select,\n  .alvion-partner__field textarea {\n    display: block;\n    width: 100%;\n    min-height: 56px;\n    padding: 15px 16px;\n    border: 1px solid var(--alvion-border);\n    border-radius: 0;\n    outline: none;\n    color: var(--alvion-dark);\n    background: var(--alvion-light);\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 14px;\n    transition:\n      border-color 0.3s ease,\n      background 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .alvion-partner__field textarea {\n    min-height: 145px;\n    line-height: 1.6;\n    resize: vertical;\n  }\n\n  .alvion-partner__field input::placeholder,\n  .alvion-partner__field textarea::placeholder {\n    color: rgba(35, 31, 32, 0.43);\n    opacity: 1;\n  }\n\n  .alvion-partner__field input:focus,\n  .alvion-partner__field select:focus,\n  .alvion-partner__field textarea:focus {\n    border-color: var(--alvion-red);\n    background: var(--alvion-white);\n    box-shadow: 0 0 0 3px rgba(238, 37, 41, 0.08);\n  }\n\n  \/* Dugme za slanje *\/\n  .alvion-partner__submit {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    grid-column: 1 \/ -1;\n    width: 100%;\n    min-height: 62px;\n    margin-top: 4px;\n    padding: 16px 20px;\n    border: 2px solid var(--alvion-red);\n    border-radius: 0;\n    color: var(--alvion-white);\n    background: var(--alvion-red);\n    font-family: \"Gabarito\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    overflow: hidden;\n    transition:\n      color 0.35s ease,\n      background 0.35s ease,\n      border-color 0.35s ease,\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  .alvion-partner__submit:hover {\n    border-color: var(--alvion-dark);\n    background: var(--alvion-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(35, 31, 32, 0.18);\n  }\n\n  .alvion-partner__submit svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.35s ease;\n  }\n\n  .alvion-partner__submit:hover svg {\n    transform: translateX(5px);\n  }\n\n  \/* Izgled dugmeta tokom slanja *\/\n  .alvion-partner__submit.is-loading {\n    pointer-events: none;\n    opacity: 0.72;\n  }\n\n  .alvion-partner__submit.is-loading svg {\n    animation: alvionPartnerSpin 0.8s linear infinite;\n  }\n\n  \/* Poruka nakon uspje\u0161nog ili neuspje\u0161nog slanja *\/\n  .alvion-partner__status {\n    display: none;\n    grid-column: 1 \/ -1;\n    margin: 4px 0 0;\n    padding: 15px 17px;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .alvion-partner__status.is-visible {\n    display: block;\n  }\n\n  .alvion-partner__status.is-success {\n    color: var(--alvion-dark);\n    background: rgba(35, 31, 32, 0.06);\n    border-left: 4px solid var(--alvion-red);\n  }\n\n  .alvion-partner__status.is-error {\n    color: var(--alvion-red);\n    background: rgba(238, 37, 41, 0.08);\n    border-left: 4px solid var(--alvion-red);\n  }\n\n  \/* Skriveno honeypot polje za za\u0161titu od botova *\/\n  .alvion-partner__honeypot {\n    position: absolute !important;\n    left: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n  }\n\n  \/* Ulazne animacije *\/\n  @keyframes alvionPartnerReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes alvionPartnerRevealSide {\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes alvionPartnerSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  \/* Tablet prilagodba *\/\n  @media (max-width: 1024px) {\n    .alvion-partner__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .alvion-partner__form-card {\n      box-shadow: 17px 17px 0 rgba(35, 31, 32, 0.055);\n    }\n  }\n\n  \/* Mobilna prilagodba *\/\n  @media (max-width: 620px) {\n    .alvion-partner {\n      padding: 70px 18px 85px;\n    }\n\n    .alvion-partner h2 {\n      font-size: clamp(48px, 15vw, 68px);\n    }\n\n    .alvion-partner__fields {\n      grid-template-columns: 1fr;\n    }\n\n    .alvion-partner__field--full,\n    .alvion-partner__submit,\n    .alvion-partner__status {\n      grid-column: auto;\n    }\n\n    .alvion-partner__form-card {\n      padding: 31px 20px;\n      box-shadow: 9px 9px 0 rgba(35, 31, 32, 0.055);\n    }\n\n    .alvion-partner__card {\n      grid-template-columns: 45px 1fr;\n      padding: 18px;\n    }\n  }\n\n  \/* Isklju\u010divanje animacija prema postavkama korisnika *\/\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-partner *,\n    .alvion-partner *::before,\n    .alvion-partner *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n\n    .alvion-partner__content,\n    .alvion-partner__form-card {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-partner\" aria-labelledby=\"alvion-partner-title\">\n  <div class=\"alvion-partner__container\">\n    <div class=\"alvion-partner__grid\">\n\n      <!-- Lijeva strana sa glavnom partnerskom porukom -->\n      <div class=\"alvion-partner__content\">\n        <p class=\"alvion-partner__eyebrow\">Alvion Partnership Network<\/p>\n\n        <h2 id=\"alvion-partner-title\">\n          Become an Alvion\n          <span class=\"alvion-partner__accent\">Partner.<\/span>\n        <\/h2>\n\n        <p class=\"alvion-partner__intro\">\n          Join a partnership built around premium engineering, architectural\n          ambition and long-term market growth. Tell us about your business and\n          let us explore what we can build together.\n        <\/p>\n\n        <div class=\"alvion-partner__cards\">\n\n          <!-- Informacija o ciljanim partnerima -->\n          <div class=\"alvion-partner__card\">\n            <span class=\"alvion-partner__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 12 11 15 16 9\"><\/path>\n                <path d=\"M12 3 20 6v6c0 5-3 8-8 10-5-2-8-5-8-10V6Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <span class=\"alvion-partner__card-label\">\n                Partnership Focus\n              <\/span>\n              <span class=\"alvion-partner__card-value\">\n                Architects, developers and premium fabricators\n              <\/span>\n            <\/span>\n          <\/div>\n\n          <!-- Informacija o me\u0111unarodnoj saradnji -->\n          <div class=\"alvion-partner__card\">\n            <span class=\"alvion-partner__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                <path d=\"M3 12h18\"><\/path>\n                <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"><\/path>\n                <path d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <span class=\"alvion-partner__card-label\">\n                Global Collaboration\n              <\/span>\n              <span class=\"alvion-partner__card-value\">\n                Project support and long-term market partnerships\n              <\/span>\n            <\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Desna strana sa funkcionalnom formom -->\n      <div class=\"alvion-partner__form-card\">\n        <header class=\"alvion-partner__form-heading\">\n          <span>Partner Application<\/span>\n          <h3>Start a partnership conversation.<\/h3>\n        <\/header>\n\n        <!-- Forma \u0161alje podatke putem FormSubmit servisa -->\n        <form\n          class=\"alvion-partner__form\"\n          action=\"https:\/\/formsubmit.co\/ajax\/sead.delic@yavuz.ba\"\n          method=\"POST\"\n        >\n          <!-- Postavke e-mail poruke -->\n          <input\n            type=\"hidden\"\n            name=\"_subject\"\n            value=\"New Alvion Partnership Inquiry\"\n          >\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n          <!-- Honeypot za\u0161tita od automatiziranog spama -->\n          <div class=\"alvion-partner__honeypot\" aria-hidden=\"true\">\n            <label for=\"alvion-website\">Leave this field empty<\/label>\n            <input\n              id=\"alvion-website\"\n              type=\"text\"\n              name=\"_honey\"\n              tabindex=\"-1\"\n              autocomplete=\"off\"\n            >\n          <\/div>\n\n          <div class=\"alvion-partner__fields\">\n\n            <!-- Naziv kompanije -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-company\">\n                Company Name <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <input\n                id=\"alvion-company\"\n                type=\"text\"\n                name=\"Company Name\"\n                placeholder=\"Your company\"\n                autocomplete=\"organization\"\n                required\n              >\n            <\/div>\n\n            <!-- Ime kontakt osobe -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-name\">\n                Full Name <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <input\n                id=\"alvion-name\"\n                type=\"text\"\n                name=\"Full Name\"\n                placeholder=\"Your full name\"\n                autocomplete=\"name\"\n                required\n              >\n            <\/div>\n\n            <!-- E-mail adresa -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-email\">\n                Email Address <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <input\n                id=\"alvion-email\"\n                type=\"email\"\n                name=\"Email\"\n                placeholder=\"name@company.com\"\n                autocomplete=\"email\"\n                required\n              >\n            <\/div>\n\n            <!-- Broj telefona -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-phone\">Phone Number<\/label>\n              <input\n                id=\"alvion-phone\"\n                type=\"tel\"\n                name=\"Phone\"\n                placeholder=\"+387\"\n                autocomplete=\"tel\"\n              >\n            <\/div>\n\n            <!-- Dr\u017eava partnera -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-country\">\n                Country <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <input\n                id=\"alvion-country\"\n                type=\"text\"\n                name=\"Country\"\n                placeholder=\"Your country\"\n                autocomplete=\"country-name\"\n                required\n              >\n            <\/div>\n\n            <!-- Vrsta partnerstva -->\n            <div class=\"alvion-partner__field\">\n              <label for=\"alvion-type\">\n                Partnership Type <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <select id=\"alvion-type\" name=\"Partnership Type\" required>\n                <option value=\"\" selected disabled>Select an option<\/option>\n                <option value=\"Window Fabricator\">Window Fabricator<\/option>\n                <option value=\"Architectural Practice\">Architectural Practice<\/option>\n                <option value=\"Property Developer\">Property Developer<\/option>\n                <option value=\"Distribution Partner\">Distribution Partner<\/option>\n                <option value=\"Construction Company\">Construction Company<\/option>\n                <option value=\"Other\">Other<\/option>\n              <\/select>\n            <\/div>\n\n            <!-- Poruka potencijalnog partnera -->\n            <div class=\"alvion-partner__field alvion-partner__field--full\">\n              <label for=\"alvion-message\">\n                Tell Us About Your Business\n                <span class=\"alvion-partner__required\">*<\/span>\n              <\/label>\n              <textarea\n                id=\"alvion-message\"\n                name=\"Message\"\n                placeholder=\"Tell us about your business, market and partnership goals...\"\n                required\n              ><\/textarea>\n            <\/div>\n\n            <!-- Dugme za slanje -->\n            <button class=\"alvion-partner__submit\" type=\"submit\">\n              <span class=\"alvion-partner__submit-text\">\n                Start a Conversation\n              <\/span>\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h14\"><\/path>\n                <path d=\"m14 7 5 5-5 5\"><\/path>\n              <\/svg>\n            <\/button>\n\n            <!-- Statusna poruka forme -->\n            <div\n              class=\"alvion-partner__status\"\n              role=\"status\"\n              aria-live=\"polite\"\n            ><\/div>\n\n          <\/div>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/* =========================================================\n     AJAX SLANJE PARTNERSKE FORME\n     Forma se \u0161alje bez ponovnog u\u010ditavanja stranice.\n  ========================================================== *\/\n\n  document.querySelectorAll(\".alvion-partner__form\").forEach(function (form) {\n    const submitButton = form.querySelector(\".alvion-partner__submit\");\n    const submitText = form.querySelector(\".alvion-partner__submit-text\");\n    const status = form.querySelector(\".alvion-partner__status\");\n    const originalButtonText = submitText.textContent.trim();\n\n    form.addEventListener(\"submit\", async function (event) {\n      event.preventDefault();\n\n      \/* Aktiviranje stanja u\u010ditavanja *\/\n      submitButton.classList.add(\"is-loading\");\n      submitButton.disabled = true;\n      submitText.textContent = \"Sending...\";\n      status.className = \"alvion-partner__status\";\n      status.textContent = \"\";\n\n      try {\n        const formData = new FormData(form);\n\n        const response = await fetch(form.action, {\n          method: \"POST\",\n          body: formData,\n          headers: {\n            Accept: \"application\/json\"\n          }\n        });\n\n        if (!response.ok) {\n          throw new Error(\"Form submission failed.\");\n        }\n\n        \/* Prikaz potvrde i \u010di\u0161\u0107enje forme *\/\n        form.reset();\n        status.textContent =\n          \"Thank you for your interest in Alvion. Your partnership inquiry has been received, and our team will contact you shortly.\";\n        status.classList.add(\"is-visible\", \"is-success\");\n      } catch (error) {\n        \/* Prikaz poruke ako slanje nije uspjelo *\/\n        status.textContent =\n          \"Your message could not be sent. Please check your connection and try again.\";\n        status.classList.add(\"is-visible\", \"is-error\");\n      } finally {\n        \/* Vra\u0107anje dugmeta u po\u010detno stanje *\/\n        submitButton.classList.remove(\"is-loading\");\n        submitButton.disabled = false;\n        submitText.textContent = originalButtonText;\n      }\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f608ed7 e-con e-atomic-element e-flexbox-base e-f608ed7-11d9a28 \" data-id=\"f608ed7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f608ed7\">\n    \t\t<div class=\"elementor-element elementor-element-c7e99a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c7e99a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 CATALOGUE CTA\n     Kompaktna sekcija za preuzimanje kataloga i kontakt.\n     Vidljivi tekst je na engleskom, komentari su na bosanskom.\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  \/* Osnovne postavke i boje brenda *\/\n  .alvion-catalogue,\n  .alvion-catalogue * {\n    box-sizing: border-box;\n  }\n\n  .alvion-catalogue {\n    --alvion-red: #ee2529;\n    --alvion-dark: #231f20;\n    --alvion-white: #ffffff;\n\n    width: 100%;\n    padding: clamp(60px, 8vw, 110px) 24px;\n    background: var(--alvion-dark);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  \/* Glavni CTA okvir *\/\n  .alvion-catalogue__card {\n    position: relative;\n    isolation: isolate;\n    display: grid;\n    grid-template-columns: minmax(350px, 1fr) auto;\n    gap: 50px;\n    align-items: center;\n    overflow: hidden;\n    width: min(1180px, 100%);\n    min-height: 230px;\n    margin: 0 auto;\n    padding: clamp(38px, 5vw, 65px);\n    border: 1px solid rgba(238, 37, 41, 0.24);\n    border-radius: 26px;\n    color: var(--alvion-white);\n    background:\n      linear-gradient(\n        115deg,\n        rgba(238, 37, 41, 0.22),\n        rgba(238, 37, 41, 0.06) 50%,\n        rgba(255, 255, 255, 0.025)\n      ),\n      #281f20;\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.08),\n      0 30px 70px rgba(0, 0, 0, 0.25);\n    transform: translateY(22px);\n    opacity: 0;\n    animation: alvionCatalogueReveal 0.8s ease forwards;\n  }\n\n  \/* Crveni ambijentalni sjaj *\/\n  .alvion-catalogue__card::before {\n    content: \"\";\n    position: absolute;\n    top: -170px;\n    left: 12%;\n    z-index: -1;\n    width: 400px;\n    height: 400px;\n    border-radius: 50%;\n    background: rgba(238, 37, 41, 0.2);\n    filter: blur(90px);\n    pointer-events: none;\n  }\n\n  \/* Suptilna tehni\u010dka mre\u017ea *\/\n  .alvion-catalogue__card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    opacity: 0.22;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\n    background-size: 42px 42px;\n    mask-image: linear-gradient(90deg, transparent 25%, #000);\n    -webkit-mask-image: linear-gradient(90deg, transparent 25%, #000);\n    pointer-events: none;\n  }\n\n  \/* Oznaka kataloga *\/\n  .alvion-catalogue__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    margin: 0 0 15px;\n    color: var(--alvion-red);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .alvion-catalogue__eyebrow::before {\n    content: \"\";\n    width: 27px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-catalogue h2 {\n    margin: 0;\n    color: var(--alvion-white);\n    font-size: clamp(29px, 3.5vw, 48px);\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  .alvion-catalogue__accent {\n    color: var(--alvion-red);\n  }\n\n  .alvion-catalogue__description {\n    max-width: 650px;\n    margin: 14px 0 0;\n    color: rgba(255, 255, 255, 0.64);\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* Kontejner za CTA dugmad *\/\n  .alvion-catalogue__actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    gap: 12px;\n  }\n\n  .alvion-catalogue__button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    min-height: 56px;\n    padding: 15px 22px;\n    border: 2px solid transparent;\n    border-radius: 100px;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1;\n    text-decoration: none;\n    overflow: hidden;\n    transition:\n      color 0.35s ease,\n      background 0.35s ease,\n      border-color 0.35s ease,\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  \/* Svjetlosni odsjaj unutar dugmeta *\/\n  .alvion-catalogue__button::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -65%;\n    width: 35%;\n    background: rgba(255, 255, 255, 0.22);\n    transform: skewX(-22deg);\n    transition: left 0.55s ease;\n  }\n\n  .alvion-catalogue__button:hover::before {\n    left: 130%;\n  }\n\n  .alvion-catalogue__button:hover {\n    transform: translateY(-3px);\n  }\n\n  \/* Primarno dugme za katalog *\/\n  .alvion-catalogue__button--primary {\n    color: var(--alvion-white);\n    background: var(--alvion-red);\n    box-shadow: 0 12px 30px rgba(238, 37, 41, 0.24);\n  }\n\n  .alvion-catalogue__button--primary:hover {\n    color: var(--alvion-white);\n    background: #d91d22;\n    box-shadow: 0 17px 38px rgba(238, 37, 41, 0.35);\n  }\n\n  \/* Sekundarno dugme za kontakt *\/\n  .alvion-catalogue__button--secondary {\n    border-color: rgba(255, 255, 255, 0.5);\n    color: var(--alvion-white);\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  .alvion-catalogue__button--secondary:hover {\n    border-color: var(--alvion-white);\n    color: var(--alvion-dark);\n    background: var(--alvion-white);\n  }\n\n  .alvion-catalogue__button svg {\n    position: relative;\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.35s ease;\n  }\n\n  .alvion-catalogue__button:hover svg {\n    transform: translateX(3px);\n  }\n\n  \/* Po\u010detna animacija *\/\n  @keyframes alvionCatalogueReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Tablet i manji ekrani *\/\n  @media (max-width: 900px) {\n    .alvion-catalogue__card {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n\n    .alvion-catalogue__actions {\n      justify-content: flex-start;\n    }\n  }\n\n  \/* Mobilni prikaz *\/\n  @media (max-width: 600px) {\n    .alvion-catalogue {\n      padding: 55px 18px;\n    }\n\n    .alvion-catalogue__card {\n      padding: 34px 24px;\n      border-radius: 20px;\n    }\n\n    .alvion-catalogue__actions {\n      flex-direction: column;\n    }\n\n    .alvion-catalogue__button {\n      width: 100%;\n    }\n  }\n\n  \/* Isklju\u010divanje animacija prema postavkama korisnika *\/\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-catalogue *,\n    .alvion-catalogue *::before,\n    .alvion-catalogue *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n\n    .alvion-catalogue__card {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-catalogue\" aria-labelledby=\"alvion-catalogue-title\">\n  <div class=\"alvion-catalogue__card\">\n\n    <!-- Tekstualni sadr\u017eaj CTA sekcije -->\n    <div class=\"alvion-catalogue__content\">\n      <p class=\"alvion-catalogue__eyebrow\">Alvion Product Catalogue<\/p>\n\n      <h2 id=\"alvion-catalogue-title\">\n        Planning your next\n        <span class=\"alvion-catalogue__accent\">architectural project?<\/span>\n      <\/h2>\n\n      <p class=\"alvion-catalogue__description\">\n        Explore the complete Alvion profile system catalogue or connect with\n        our team for a solution tailored to your project requirements.\n      <\/p>\n    <\/div>\n\n    <!-- CTA dugmad -->\n    <div class=\"alvion-catalogue__actions\">\n\n      <!-- Zamijeniti href direktnom adresom PDF kataloga -->\n      <a\n        class=\"alvion-catalogue__button alvion-catalogue__button--primary\"\n        href=\"\/alvion-product-catalogue.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n      >\n        <span>Download Catalogue<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 3v12\"><\/path>\n          <path d=\"m7 10 5 5 5-5\"><\/path>\n          <path d=\"M4 20h16\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <!-- Zamijeniti href stvarnom adresom kontakt stranice -->\n      <a\n        class=\"alvion-catalogue__button alvion-catalogue__button--secondary\"\n        href=\"\/contact\/\"\n      >\n        <span>Contact Us<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"m14 7 5 5-5 5\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a77339e e-con e-atomic-element e-flexbox-base e-a77339e-3481917 \" data-id=\"a77339e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a77339e\">\n    \t\t<div class=\"elementor-element elementor-element-f78f329 elementor-widget elementor-widget-shortcode\" data-id=\"f78f329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<section class=\"alvion-news\" aria-label=\"Latest News\">\n\t\t<div class=\"alvion-news__container\">\n\t\t\t\t\t\t\t<header class=\"alvion-news__head\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p class=\"alvion-news__eyebrow\">Journal<\/p>\n\t\t\t\t\t\t<h2 class=\"alvion-news__title\">\n\t\t\t\t\t\t\tLatest <span>News<\/span>\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"alvion-news__all\" href=\"\/news\/\">\n\t\t\t\t\t\t\tAll news\n\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/header>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"alvion-news__grid\">\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"alvion-news__card post-1664 post type-post status-publish format-standard has-post-thumbnail hentry category-alvion-news\">\n\t\t\t\t\t\t\t<a class=\"alvion-news__media\" href=\"https:\/\/alvion-pvc.com\/it\/partnership-is-a-standard-not-access\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1350\" height=\"1000\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion.webp\" class=\"alvion-news__image wp-post-image lazyload\" alt=\"Alvion partnership discussion \u2014 engineers reviewing uPVC system standards\" data-srcset=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion.webp 1350w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion-500x370.webp 500w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion-1200x889.webp 1200w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion-300x222.webp 300w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion-768x569.webp 768w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Partnership-Alvion-16x12.webp 16w\" data-sizes=\"auto, (max-width: 1350px) 100vw, 1350px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1350px; --smush-placeholder-aspect-ratio: 1350\/1000;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t<div class=\"alvion-news__body\">\n\t\t\t\t\t\t\t\t<div class=\"alvion-news__meta\">\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__index\">01<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__cat\">Alvion News<\/span>\n\t\t\t\t\t\t\t\t\t<time class=\"alvion-news__date\" datetime=\"2026-08-03T08:26:10+00:00\">\n\t\t\t\t\t\t\t\t\t\tAgosto 3, 2026\t\t\t\t\t\t\t\t\t<\/time>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<h3 class=\"alvion-news__card-title\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/alvion-pvc.com\/it\/partnership-is-a-standard-not-access\/\">Partnership Is a Standard, Not Access<\/a>\n\t\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t\t<p class=\"alvion-news__excerpt\">\n\t\t\t\t\t\t\t\t\tPartnership is not access to a catalogue. It is a standard \u2014 technical, commercial and reputational \u2014 built with selected partners who\u2026\t\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t\t<a class=\"alvion-news__more\" href=\"https:\/\/alvion-pvc.com\/it\/partnership-is-a-standard-not-access\/\">\n\t\t\t\t\t\t\t\t\tRead article\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"alvion-news__card post-1657 post type-post status-publish format-standard has-post-thumbnail hentry category-alvion-news\">\n\t\t\t\t\t\t\t<a class=\"alvion-news__media\" href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters-2\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1350\" height=\"1000\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion.webp\" class=\"alvion-news__image wp-post-image lazyload\" alt=\"Architectural facade with Continental Cool Color+ finish for Alvion systems\" data-srcset=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion.webp 1350w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion-500x370.webp 500w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion-1200x889.webp 1200w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion-300x222.webp 300w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion-768x569.webp 768w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Continental-Color-Plus-Alvion-16x12.webp 16w\" data-sizes=\"auto, (max-width: 1350px) 100vw, 1350px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1350px; --smush-placeholder-aspect-ratio: 1350\/1000;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t<div class=\"alvion-news__body\">\n\t\t\t\t\t\t\t\t<div class=\"alvion-news__meta\">\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__index\">02<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__cat\">Alvion News<\/span>\n\t\t\t\t\t\t\t\t\t<time class=\"alvion-news__date\" datetime=\"2026-08-03T08:24:26+00:00\">\n\t\t\t\t\t\t\t\t\t\tAgosto 3, 2026\t\t\t\t\t\t\t\t\t<\/time>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<h3 class=\"alvion-news__card-title\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters-2\/\">Cool Color+ Is Not Decoration<\/a>\n\t\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t\t<p class=\"alvion-news__excerpt\">\n\t\t\t\t\t\t\t\t\tCool Color+ is not a colour filter. It is surface engineering \u2014 built to keep fa\u00e7ades sharp under sun, time and weather.\t\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t\t<a class=\"alvion-news__more\" href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters-2\/\">\n\t\t\t\t\t\t\t\t\tRead article\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"alvion-news__card post-1639 post type-post status-publish format-standard has-post-thumbnail hentry category-alvion-news\">\n\t\t\t\t\t\t\t<a class=\"alvion-news__media\" href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1350\" height=\"1000\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion.webp\" class=\"alvion-news__image wp-post-image lazyload\" alt=\"Precision detailing on premium architecture \u2014 Alvion beyond the frame\" data-srcset=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion.webp 1350w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion-500x370.webp 500w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion-1200x889.webp 1200w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion-300x222.webp 300w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion-768x569.webp 768w, https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Precision-Alvion-16x12.webp 16w\" data-sizes=\"auto, (max-width: 1350px) 100vw, 1350px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1350px; --smush-placeholder-aspect-ratio: 1350\/1000;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t<div class=\"alvion-news__body\">\n\t\t\t\t\t\t\t\t<div class=\"alvion-news__meta\">\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__index\">03<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"alvion-news__cat\">Alvion News<\/span>\n\t\t\t\t\t\t\t\t\t<time class=\"alvion-news__date\" datetime=\"2026-08-03T08:10:06+00:00\">\n\t\t\t\t\t\t\t\t\t\tAgosto 3, 2026\t\t\t\t\t\t\t\t\t<\/time>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<h3 class=\"alvion-news__card-title\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters\/\">Beyond the Frame \u2014 Why Precision Matters<\/a>\n\t\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t\t<p class=\"alvion-news__excerpt\">\n\t\t\t\t\t\t\t\t\tPrecision is not a slogan at Alvion. It is the working rule across systems, finishes and field execution \u2014 so architecture stays\u2026\t\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t\t<a class=\"alvion-news__more\" href=\"https:\/\/alvion-pvc.com\/it\/beyond-the-frame-why-precision-matters\/\">\n\t\t\t\t\t\t\t\t\tRead article\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"alvion-news__footer\">\n\t\t\t\t\t<a class=\"alvion-news__cta\" href=\"\/news\/\">\n\t\t\t\t\t\tView all news\n\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/section>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Engineered Systems Alvion uPVC profiles. Premium Alvion uPVC profiles. Beyond The Frame. 01 8500 Supremo 01 \u2014 Passive House 8500 Supremo The absolute zenith of thermal engineering and structural dominance. Designed for passive house standards. Maximum depth matched with chamber intelligence to eliminate energy loss permanently. Depth85 mm Chambers7-chamber SealsTriple gasket View 3D model 02 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1156,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-48","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":319,"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":1945,"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/pages\/48\/revisions\/1945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/media\/1156"}],"wp:attachment":[{"href":"https:\/\/alvion-pvc.com\/it\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}