{"id":1077,"date":"2026-07-20T13:02:55","date_gmt":"2026-07-20T13:02:55","guid":{"rendered":"https:\/\/alvion-pvc.com\/?page_id=1077"},"modified":"2026-08-13T09:40:24","modified_gmt":"2026-08-13T09:40:24","slug":"8500-supremo","status":"publish","type":"page","link":"https:\/\/alvion-pvc.com\/bs\/8500-supremo\/","title":{"rendered":"8500 Supremo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1077\" class=\"elementor elementor-1077\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1561533 e-con-full e-flex e-con e-parent\" data-id=\"1561533\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2483631 elementor-widget elementor-widget-html\" data-id=\"2483631\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- =========================================================\n     ALVION \u2014 HERO \/ 8500 SUPREMO\n     Full-screen hero sa muted videom u pozadini.\n     Lijeva strana ima blur + gradijent, tekst i CTA.\n     \"Watch Video\" uklanja overlay; \"Show Text\" ga vra\u0107a.\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-hero-supremo,\n  .alvion-hero-supremo * {\n    box-sizing: border-box;\n  }\n\n  .alvion-hero-supremo {\n    --alvion-red: #ee2529;\n    --alvion-dark: #231f20;\n    --alvion-white: #ffffff;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    width: 100%;\n    min-height: 100vh;\n    min-height: 100dvh;\n    color: var(--alvion-white);\n    background: var(--alvion-dark);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  \/* Video prekriva cijeli hero *\/\n  .alvion-hero-supremo__video {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* Lijevi blur sloj koji se prema desnoj strani raspada *\/\n  .alvion-hero-supremo__blur {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    -webkit-backdrop-filter: blur(18px) saturate(1.05);\n    backdrop-filter: blur(18px) saturate(1.05);\n\n    \/* Gradijent maske: jak blur lijevo, potpuno nestaje desno *\/\n    -webkit-mask-image: linear-gradient(\n      90deg,\n      #000 0%,\n      #000 42%,\n      rgba(0, 0, 0, 0.55) 58%,\n      transparent 78%\n    );\n    mask-image: linear-gradient(\n      90deg,\n      #000 0%,\n      #000 42%,\n      rgba(0, 0, 0, 0.55) 58%,\n      transparent 78%\n    );\n\n    \/* Lagani tamni ton radi \u010ditljivosti teksta *\/\n    background: linear-gradient(\n      90deg,\n      rgba(35, 31, 32, 0.55) 0%,\n      rgba(35, 31, 32, 0.28) 48%,\n      transparent 76%\n    );\n\n    opacity: 1;\n    transition: opacity 0.7s ease;\n  }\n\n  \/* Dodatni meki ton za tipografiju *\/\n  .alvion-hero-supremo__shade {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    background: linear-gradient(\n      105deg,\n      rgba(35, 31, 32, 0.42) 0%,\n      rgba(35, 31, 32, 0.12) 46%,\n      transparent 68%\n    );\n    opacity: 1;\n    transition: opacity 0.7s ease;\n  }\n\n  \/* Glavni sadr\u017eaj lijevo *\/\n  .alvion-hero-supremo__content {\n    position: relative;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    width: min(1320px, calc(100% - 48px));\n    min-height: 100vh;\n    min-height: 100dvh;\n    margin: 0 auto;\n    padding: clamp(90px, 12vh, 140px) 0;\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 0.55s ease,\n      transform 0.55s ease,\n      visibility 0.55s ease;\n  }\n\n  .alvion-hero-supremo__copy {\n    max-width: 620px;\n  }\n\n  .alvion-hero-supremo__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-hero-supremo__eyebrow::before {\n    content: \"\";\n    width: 32px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-hero-supremo h1 {\n    margin: 0;\n    color: var(--alvion-white);\n    font-size: clamp(52px, 7vw, 96px);\n    font-weight: 900;\n    line-height: 0.92;\n    letter-spacing: -0.055em;\n    text-transform: uppercase;\n  }\n\n  .alvion-hero-supremo__accent {\n    color: var(--alvion-red);\n  }\n\n  .alvion-hero-supremo__text {\n    max-width: 540px;\n    margin: 28px 0 0;\n    color: rgba(255, 255, 255, 0.82);\n    font-size: clamp(16px, 1.5vw, 19px);\n    font-weight: 400;\n    line-height: 1.7;\n  }\n\n  \/* CTA dugme Watch Video *\/\n  .alvion-hero-supremo__watch {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    margin-top: 38px;\n    min-height: 58px;\n    padding: 0 26px 0 10px;\n    border: 0;\n    border-radius: 999px;\n    color: var(--alvion-white);\n    background: var(--alvion-red);\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    cursor: pointer;\n    box-shadow: 0 16px 40px rgba(238, 37, 41, 0.28);\n    transition:\n      background 0.35s ease,\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  .alvion-hero-supremo__watch:hover {\n    background: #d91d22;\n    transform: translateY(-3px);\n    box-shadow: 0 20px 48px rgba(238, 37, 41, 0.38);\n  }\n\n  .alvion-hero-supremo__watch-icon {\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.16);\n  }\n\n  .alvion-hero-supremo__watch-icon svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    margin-left: 2px;\n  }\n\n  \/* Dugme Show Text u uglu \u2014 sakriveno dok je overlay aktivan *\/\n  .alvion-hero-supremo__show {\n    position: absolute;\n    right: 28px;\n    bottom: 28px;\n    z-index: 4;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 48px;\n    padding: 0 18px;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    border-radius: 999px;\n    color: var(--alvion-white);\n    background: rgba(35, 31, 32, 0.45);\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    cursor: pointer;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    pointer-events: none;\n    transition:\n      opacity 0.45s ease,\n      visibility 0.45s ease,\n      transform 0.45s ease,\n      background 0.35s ease,\n      border-color 0.35s ease;\n  }\n\n  .alvion-hero-supremo__show:hover {\n    border-color: var(--alvion-red);\n    background: var(--alvion-red);\n  }\n\n  .alvion-hero-supremo__show svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* Stanje: video fokus \u2014 blur i tekst nestaju *\/\n  .alvion-hero-supremo.is-video-focus .alvion-hero-supremo__blur,\n  .alvion-hero-supremo.is-video-focus .alvion-hero-supremo__shade {\n    opacity: 0;\n  }\n\n  .alvion-hero-supremo.is-video-focus .alvion-hero-supremo__content {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(18px);\n    pointer-events: none;\n  }\n\n  .alvion-hero-supremo.is-video-focus .alvion-hero-supremo__show {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n    pointer-events: auto;\n  }\n\n  \/* Tablet \/ mobilni *\/\n  @media (max-width: 900px) {\n    .alvion-hero-supremo__blur {\n      -webkit-mask-image: linear-gradient(\n        180deg,\n        #000 0%,\n        #000 48%,\n        rgba(0, 0, 0, 0.45) 68%,\n        transparent 92%\n      );\n      mask-image: linear-gradient(\n        180deg,\n        #000 0%,\n        #000 48%,\n        rgba(0, 0, 0, 0.45) 68%,\n        transparent 92%\n      );\n      background: linear-gradient(\n        180deg,\n        rgba(35, 31, 32, 0.62) 0%,\n        rgba(35, 31, 32, 0.28) 55%,\n        transparent 88%\n      );\n    }\n\n    .alvion-hero-supremo__shade {\n      background: linear-gradient(\n        180deg,\n        rgba(35, 31, 32, 0.45) 0%,\n        rgba(35, 31, 32, 0.15) 60%,\n        transparent 100%\n      );\n    }\n\n    .alvion-hero-supremo__content {\n      align-items: flex-end;\n      width: min(100% - 36px, 1320px);\n      padding: 90px 0 110px;\n    }\n\n    .alvion-hero-supremo__show {\n      right: 18px;\n      bottom: 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-hero-supremo *,\n    .alvion-hero-supremo *::before,\n    .alvion-hero-supremo *::after {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<section\n  class=\"alvion-hero-supremo\"\n  aria-labelledby=\"alvion-hero-supremo-title\"\n>\n  <!-- Pozadinski video bez zvuka -->\n  <video\n    class=\"alvion-hero-supremo__video\"\n    autoplay\n    muted\n    loop\n    playsinline\n    preload=\"auto\"\n    poster=\"\"\n  >\n    <source\n      src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/06\/supremo-cutted-video-1.mp4\"\n      type=\"video\/mp4\"\n    >\n  <\/video>\n\n  <!-- Blur overlay \u2014 jak lijevo, nestaje desno -->\n  <div class=\"alvion-hero-supremo__blur\" aria-hidden=\"true\"><\/div>\n  <div class=\"alvion-hero-supremo__shade\" aria-hidden=\"true\"><\/div>\n\n  <!-- Tekstualni sadr\u017eaj hero sekcije -->\n  <div class=\"alvion-hero-supremo__content\">\n    <div class=\"alvion-hero-supremo__copy\">\n      <p class=\"alvion-hero-supremo__eyebrow\">Flagship System<\/p>\n\n      <h1 id=\"alvion-hero-supremo-title\">\n        8500 Supremo<span class=\"alvion-hero-supremo__accent\">.<\/span>\n      <\/h1>\n\n      <p class=\"alvion-hero-supremo__text\">\n        This flagship 8500 Supremo system is crafted for those who seek modern elegance without sacrificing\\n        practicality, the A-Class 8500 system delivers premium comfort and\n        meaningfully elevates everyday living.\n      <\/p>\n\n      <button\n        class=\"alvion-hero-supremo__watch\"\n        type=\"button\"\n        aria-label=\"Watch video without overlay\"\n      >\n        <span class=\"alvion-hero-supremo__watch-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M8 5v14l12-7z\"><\/path>\n          <\/svg>\n        <\/span>\n        <span>Watch Video<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Vra\u0107a blur i tekst na po\u010detno stanje -->\n  <button\n    class=\"alvion-hero-supremo__show\"\n    type=\"button\"\n    aria-label=\"Show text overlay again\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M4 7h16\"><\/path>\n      <path d=\"M4 12h10\"><\/path>\n      <path d=\"M4 17h14\"><\/path>\n    <\/svg>\n    <span>Show Text<\/span>\n  <\/button>\n<\/section>\n\n<script>\n  \/* =========================================================\n     Upravljanje overlay stanjem hero sekcije\n  ========================================================== *\/\n  (function () {\n    const hero = document.querySelector(\".alvion-hero-supremo\");\n    if (!hero) return;\n\n    const video = hero.querySelector(\".alvion-hero-supremo__video\");\n    const watchBtn = hero.querySelector(\".alvion-hero-supremo__watch\");\n    const showBtn = hero.querySelector(\".alvion-hero-supremo__show\");\n\n    \/* Osigurava da video ostane muted i da se pokrene *\/\n    if (video) {\n      video.muted = true;\n      video.playsInline = true;\n\n      const playPromise = video.play();\n      if (playPromise && typeof playPromise.catch === \"function\") {\n        playPromise.catch(function () {\n          \/* Autoplay mo\u017ee biti blokiran \u2014 korisnik mo\u017ee kliknuti Watch Video *\/\n        });\n      }\n    }\n\n    watchBtn.addEventListener(\"click\", function () {\n      hero.classList.add(\"is-video-focus\");\n\n      if (video) {\n        video.muted = true;\n        video.play().catch(function () {});\n      }\n    });\n\n    showBtn.addEventListener(\"click\", function () {\n      hero.classList.remove(\"is-video-focus\");\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a34ad59 e-con e-atomic-element e-flexbox-base e-0cb0928 \" data-id=\"a34ad59\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a34ad59\">\n    \t\t<div class=\"elementor-element elementor-element-2d23cd0 elementor-widget elementor-widget-html\" data-id=\"2d23cd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ALVION 8500 SUPERMO | editorial 2x2 specs #ax8500ed | original icons -->\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n#ax8500ed,#ax8500ed *{box-sizing:border-box !important;max-width:none}\n#ax8500ed{\n  --ax-red:#ee2529;--ax-dark:#231f20;--ax-white:#fff;--ax-gray:#716d6e;--ax-soft:#f6f5f5;--ax-line:rgba(35,31,32,.1);\n  position:relative !important;isolation:isolate !important;overflow:hidden !important;width:100% !important;\n  margin:0 !important;padding:clamp(56px,7vw,96px) 24px !important;\n  color:var(--ax-dark) !important;background:var(--ax-soft) !important;\n  font-family:\"Gabarito\",sans-serif !important;line-height:1.4 !important;text-align:left !important;\n  border:0 !important;box-shadow:none !important;\n}\n#ax8500ed::before{\n  content:\"\" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;\n  background:\n    radial-gradient(820px 360px at 92% -8%,rgba(238,37,41,.06),transparent 58%),\n    linear-gradient(180deg,#fff 0%,var(--ax-soft) 100%) !important;\n}\n#ax8500ed h2,#ax8500ed h3,#ax8500ed p,#ax8500ed span,#ax8500ed strong,#ax8500ed em,#ax8500ed a,#ax8500ed div,#ax8500ed article{\n  margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;\n  box-shadow:none !important;text-shadow:none !important;float:none !important;\n  font-family:inherit !important;letter-spacing:normal !important;text-transform:none !important;\n  color:inherit !important;line-height:inherit !important;\n}\n#ax8500ed a{\n  all:unset !important;box-sizing:border-box !important;cursor:pointer !important;\n  -webkit-appearance:none !important;appearance:none !important;\n}\n#ax8500ed svg{display:block !important;max-width:100% !important;height:auto !important}\n\n#ax8500ed .ax8500ed-shell{width:min(1200px,100%) !important;margin:0 auto !important}\n#ax8500ed .ax8500ed-head{\n  display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr) !important;\n  gap:clamp(16px,3vw,48px) !important;align-items:end !important;margin:0 0 clamp(20px,3vw,28px) !important;\n}\n#ax8500ed .ax8500ed-kicker{\n  display:flex !important;align-items:center !important;gap:12px !important;margin:0 0 10px !important;\n  color:var(--ax-red) !important;font-size:11px !important;font-weight:700 !important;\n  letter-spacing:.18em !important;text-transform:uppercase !important;\n}\n#ax8500ed .ax8500ed-kicker::before{content:\"\" !important;width:26px !important;height:2px !important;background:currentColor !important}\n#ax8500ed .ax8500ed-title{\n  margin:0 !important;color:var(--ax-dark) !important;\n  font-size:clamp(32px,4.4vw,52px) !important;font-weight:900 !important;line-height:.92 !important;\n  letter-spacing:-.045em !important;text-transform:uppercase !important;max-width:14ch !important;\n}\n#ax8500ed .ax8500ed-title em{color:var(--ax-red) !important;font-style:normal !important}\n#ax8500ed .ax8500ed-meta{\n  margin:0 0 8px !important;color:var(--ax-dark) !important;font-size:11px !important;font-weight:700 !important;\n  letter-spacing:.14em !important;text-transform:uppercase !important;\n}\n#ax8500ed .ax8500ed-meta strong{color:var(--ax-red) !important;font-weight:900 !important}\n#ax8500ed .ax8500ed-lead{\n  margin:0 !important;max-width:36ch !important;color:var(--ax-gray) !important;\n  font-size:clamp(14px,1.15vw,16px) !important;line-height:1.5 !important;\n}\n\n#ax8500ed .ax8500ed-frame{\n  position:relative !important;display:grid !important;\n  grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto !important;\n  gap:0 !important;background:#fff !important;\n  border:1px solid var(--ax-line) !important;\n}\n#ax8500ed .ax8500ed-frame::after{\n  content:\"\" !important;position:absolute !important;top:-1px !important;left:0 !important;\n  width:72px !important;height:2px !important;background:var(--ax-red) !important;\n}\n\n#ax8500ed .ax8500ed-card{\n  position:relative !important;display:grid !important;\n  grid-template-rows:auto auto auto !important;gap:0 !important;\n  min-height:0 !important;padding:clamp(18px,2vw,24px) clamp(18px,2.2vw,26px) !important;\n  background:#fff !important;overflow:hidden !important;\n  border-right:1px solid var(--ax-line) !important;border-bottom:1px solid var(--ax-line) !important;\n  transition:background .35s ease !important;\n}\n#ax8500ed .ax8500ed-card:nth-child(2n){border-right:0 !important}\n#ax8500ed .ax8500ed-card:nth-child(n+3){border-bottom:0 !important}\n#ax8500ed .ax8500ed-card::before{\n  content:\"\" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;\n  width:0 !important;background:var(--ax-red) !important;\n  transition:width .35s cubic-bezier(.22,.61,.36,1) !important;\n}\n#ax8500ed .ax8500ed-card:hover{\n  background:linear-gradient(160deg,#fff 0%,#fff 70%,rgba(238,37,41,.035) 100%) !important;\n  z-index:1 !important;\n}\n#ax8500ed .ax8500ed-card:hover::before{width:3px !important}\n\n#ax8500ed .ax8500ed-top{\n  position:relative !important;z-index:1 !important;\n  display:flex !important;align-items:center !important;justify-content:space-between !important;\n  gap:12px !important;margin:0 0 14px !important;\n}\n#ax8500ed .ax8500ed-num{\n  color:var(--ax-red) !important;font-size:clamp(22px,2vw,28px) !important;font-weight:900 !important;\n  letter-spacing:-.06em !important;line-height:1 !important;\n}\n#ax8500ed .ax8500ed-tag{\n  color:var(--ax-gray) !important;font-size:10px !important;font-weight:700 !important;\n  letter-spacing:.16em !important;text-transform:uppercase !important;text-align:right !important;\n}\n#ax8500ed .ax8500ed-ghost{\n  position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;\n  color:rgba(35,31,32,.035) !important;font-size:clamp(72px,8vw,104px) !important;font-weight:900 !important;\n  letter-spacing:-.08em !important;line-height:.75 !important;pointer-events:none !important;user-select:none !important;\n  transition:color .35s ease !important;\n}\n#ax8500ed .ax8500ed-card:hover .ax8500ed-ghost{color:rgba(238,37,41,.055) !important}\n\n#ax8500ed .ax8500ed-mid{\n  position:relative !important;z-index:1 !important;\n  display:grid !important;grid-template-columns:72px minmax(0,1fr) !important;\n  gap:clamp(14px,1.8vw,20px) !important;align-items:center !important;\n}\n#ax8500ed .ax8500ed-ico{\n  display:grid !important;place-items:center !important;width:72px !important;height:72px !important;\n  border:1px solid var(--ax-line) !important;background:rgba(238,37,41,.03) !important;\n  color:var(--ax-red) !important;\n  transition:border-color .35s ease,background .35s ease !important;\n}\n#ax8500ed .ax8500ed-card:hover .ax8500ed-ico{\n  border-color:rgba(238,37,41,.35) !important;background:rgba(238,37,41,.06) !important;\n}\n#ax8500ed .ax8500ed-ico svg{width:58% !important;height:58% !important;color:var(--ax-red) !important;fill:currentColor !important}\n#ax8500ed .ax8500ed-body{min-width:0 !important}\n#ax8500ed .ax8500ed-name{\n  display:block !important;margin:0 0 6px !important;color:var(--ax-dark) !important;\n  font-size:clamp(17px,1.55vw,21px) !important;font-weight:900 !important;letter-spacing:-.03em !important;\n  text-transform:uppercase !important;line-height:1.05 !important;\n}\n#ax8500ed .ax8500ed-body p{\n  margin:0 !important;color:var(--ax-gray) !important;\n  font-size:clamp(13px,1.05vw,15px) !important;line-height:1.45 !important;max-width:38ch !important;\n}\n\n#ax8500ed .ax8500ed-foot{\n  position:relative !important;z-index:1 !important;\n  display:flex !important;align-items:center !important;justify-content:space-between !important;\n  gap:12px !important;margin-top:14px !important;padding-top:12px !important;\n  border-top:1px solid var(--ax-line) !important;\n}\n#ax8500ed .ax8500ed-spec{\n  color:var(--ax-dark) !important;font-size:11px !important;font-weight:900 !important;\n  letter-spacing:.1em !important;text-transform:uppercase !important;\n}\n#ax8500ed .ax8500ed-spec em{color:var(--ax-red) !important;font-style:normal !important;margin-right:6px !important}\n#ax8500ed .ax8500ed-rule{\n  width:36px !important;height:2px !important;background:var(--ax-red) !important;\n  transform:scaleX(.4) !important;transform-origin:right center !important;\n  transition:transform .4s cubic-bezier(.22,.61,.36,1) !important;\n}\n#ax8500ed .ax8500ed-card:hover .ax8500ed-rule{transform:scaleX(1) !important}\n\n#ax8500ed .ax8500ed-cta{\n  display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;\n  gap:clamp(14px,2.5vw,28px) !important;align-items:center !important;\n  margin:clamp(16px,2.4vw,24px) 0 0 !important;padding:0 !important;\n  background:var(--ax-dark) !important;border:1px solid var(--ax-dark) !important;overflow:hidden !important;\n}\n#ax8500ed .ax8500ed-cta-copy{padding:clamp(16px,2.2vw,22px) clamp(18px,2.4vw,26px) !important}\n#ax8500ed .ax8500ed-cta-kicker{\n  display:flex !important;align-items:center !important;gap:10px !important;margin:0 0 10px !important;\n  color:var(--ax-red) !important;font-size:10px !important;font-weight:700 !important;\n  letter-spacing:.18em !important;text-transform:uppercase !important;\n}\n#ax8500ed .ax8500ed-cta-kicker::before{content:\"\" !important;width:20px !important;height:2px !important;background:currentColor !important}\n#ax8500ed .ax8500ed-cta h3{\n  margin:0 !important;color:#fff !important;font-size:clamp(18px,2vw,24px) !important;font-weight:900 !important;\n  letter-spacing:-.035em !important;text-transform:uppercase !important;line-height:1.1 !important;\n}\n#ax8500ed .ax8500ed-cta p{\n  margin:8px 0 0 !important;max-width:56ch !important;color:rgba(255,255,255,.68) !important;\n  font-size:14px !important;line-height:1.45 !important;\n}\n#ax8500ed .ax8500ed-pdf{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;\n  align-self:stretch !important;min-height:100% !important;min-width:min(100%,240px) !important;\n  padding:0 22px !important;background:var(--ax-red) !important;color:#fff !important;\n  text-decoration:none !important;text-transform:uppercase !important;\n  font-size:12px !important;font-weight:700 !important;letter-spacing:.05em !important;white-space:nowrap !important;\n  transition:background .3s ease,color .3s ease !important;\n}\n#ax8500ed .ax8500ed-pdf:hover{background:#fff !important;color:var(--ax-red) !important}\n#ax8500ed .ax8500ed-pdf svg{\n  width:16px !important;height:16px !important;fill:none !important;stroke:currentColor !important;\n  stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;\n}\n\n@media (max-width:900px){\n  #ax8500ed .ax8500ed-head{grid-template-columns:1fr !important}\n  #ax8500ed .ax8500ed-frame{grid-template-columns:1fr !important}\n  #ax8500ed .ax8500ed-card{border-right:0 !important;border-bottom:1px solid var(--ax-line) !important}\n  #ax8500ed .ax8500ed-card:last-child{border-bottom:0 !important}\n  #ax8500ed .ax8500ed-mid{grid-template-columns:64px 1fr !important}\n  #ax8500ed .ax8500ed-ico{width:64px !important;height:64px !important}\n  #ax8500ed .ax8500ed-ghost{font-size:86px !important}\n  #ax8500ed .ax8500ed-cta{grid-template-columns:1fr !important}\n  #ax8500ed .ax8500ed-pdf{min-height:52px !important;width:100% !important}\n}\n@media (prefers-reduced-motion:reduce){\n  #ax8500ed,#ax8500ed *{animation:none !important;transition:none !important}\n}\n<\/style>\n<section id=\"ax8500ed\" data-ax8500ed aria-labelledby=\"ax8500ed-title\">\n<div class=\"ax8500ed-shell\">\n<header class=\"ax8500ed-head\"><div>\n<p class=\"ax8500ed-kicker\">8500 Supremo Engineering<\/p>\n<h2 class=\"ax8500ed-title\" id=\"ax8500ed-title\">Core specs. <em>No fluff.<\/em><\/h2>\n<\/div><div>\n<p class=\"ax8500ed-meta\"><strong>04<\/strong> \/ locked-in advantages<\/p>\n<p class=\"ax8500ed-lead\">Chamber depth, sealing geometry, glazing range and profile width - the engineering that carries every 8500 Supremo frame.<\/p>\n<\/div><\/header>\n\n<div class=\"ax8500ed-frame\" role=\"list\"><article class=\"ax8500ed-card\" role=\"listitem\">\n<span class=\"ax8500ed-ghost\" aria-hidden=\"true\">01<\/span>\n<div class=\"ax8500ed-top\"><span class=\"ax8500ed-num\">01<\/span><span class=\"ax8500ed-tag\">Thermal core<\/span><\/div>\n<div class=\"ax8500ed-mid\">\n<div class=\"ax8500ed-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 1000\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M774.7,470.9l.3-.5.4-.3.6-.3h18.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v-31.4h0v-.5l-.3-.6-.3-.4-.4-.3-.6-.3h-3l-.8-.3-.8-.3-.6-.4-.6-.6-.4-.6-.3-.8h0l-1.9-7.4v-1.6l.3-.8.4-.8.6-.6.8-.4.8-.3h.8v-.3h22.5l.8.3.6.3.6.3.6.4.4.6.3.6.3.6v352.9l-.3.6-.3.6-.4.6-.6.4-.6.3-.6.3h-.8v.3h-22.5l-.8-.3-.8-.3-.8-.4-.6-.6-.4-.8-.3-.8v-1.6l1.9-7.4h0l.3-.8.4-.6.6-.6.6-.4.8-.3h.8v-.3h3l.6-.3.4-.3.3-.5.3-.5v-.5h.3v-31.4h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-52.7l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v30.4l.3.5.3.5.5.3.5.3h.5v.3h6.2l.6.4.5.4.3.6v1.3h0l-2.5,9.5h0l-.3.8-.4.6-.6.6-.6.4-.8.3h-.9v.3h-22.7l-.9-.3-.8-.3-.6-.4-.6-.6-.4-.6-.3-.8h0l-2.5-9.3h0v-1.4l.4-.6.5-.4.6-.3h6.4l.5-.3.5-.3.5-.3.3-.4.3-.6v-30.4h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-135.9l-.6-.4-.4-.4-.3-.5h-.3l-.4-.8-.5-.8-.8-.4-.8-.3h-1.7l-.8.3-.8.4-.5.8-.4.8h-.3l-.3.5-.4.4-.6.3h-98.6l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v31.1l.3.5.3.5.4.3.6.3h.5v.3h6.2l.6.4.5.4.3.6v1.3h0l-2.5,9.5-.3.8-.4.6-.6.6-.6.4-.8.3h-.8v.3h-22.7l-.8-.3-.8-.3-.6-.4-.6-.6-.4-.6-.3-.8h0l-2.5-9.3h0v-1.4l.4-.6.5-.4.6-.3h6.4l.5-.3.5-.3.5-.3.3-.4.3-.6v-30.4h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-171.8l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v29.8h0v.5l.3.5.3.5.4.3.6.3h.5v.3h6.2l.6.4.5.4.3.6v1.3h0l-2.5,9.5-.3.8-.4.6-.6.6-.6.4-.8.3h-.9v.3h-22.8l-.8-.3-.8-.3-.6-.4-.6-.6-.4-.6-.3-.8-2.5-9.3h0v-1.4l.4-.6.5-.4.6-.3h6.2l.5-.3.5-.3.5-.3.3-.4.3-.6v-31.1l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-52.7l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v32.7l.3.6.3.4.5.3.5.3h3l.9.3.8.3.6.4.6.6.4.6.3.8,1.9,7.4v1.6l-.3.8-.4.8-.6.6-.8.4-.8.3h-.9v.3h-22.5l-.8-.3-.6-.3-.6-.3-.6-.4-.4-.6-.3-.6-.3-.6v-.8h-.3v-489.4l.5-3,.5-2.9.8-3,1-2.7,1.3-2.7,1.4-2.6,1.7-2.5,1.8-2.5,1.9-2.1,2.2-1.9,2.5-1.8,2.5-1.6,2.6-1.4,2.7-1.2,2.9-.9h0l88.3-27.1h1.7l.8.3.8.4.6.5.4.8.3.8v23.5l-.4.8-.4.6-.6.6-.8.4-.8.3h0l-4,.8h-.6l-.6-.3-.5-.3-.5-.4-.3-.6v-4.8h0v-.6l-.4-.6-.5-.5-.5-.3h-1.4l-17.5,5.3h0l-.8.3-.6.5-.5.5-.4.8-.3.8v.8h-.3v26.7h0v.8l.3.8.3.6.5.5.6.5.6.3h0l15.7,5.7.8.3h.9l.8-.3.8-.4.6-.6.5-.8.3-.8v-.9h.3v-6.6l.3-.6.5-.4.5-.3.6-.3h.6l4,.8h0l.8.3.8.4.6.6.4.6.3.8v107.5l-12.7,47.1h0l-.4,1.8v3.8l.3,1.8.5,1.8.6,1.6.9,1.6,1.2,1.4,1.3,1.3,1.4,1,1.4.9,1.7.9,1.8.5,1.8.3h3.8l24.4-3,2.7-.4,2.6-.6,2.5-.8,2.5-1,2.5-1.2,2.3-1.3,2.2-1.6,2.1-1.7h0l43.1-36.1.4-.3.6-.3h.6l.6-.3h23.2l.8.4.6.4.6.6.4.8.3.8h0l.8,4v.6l-.3.6-.3.5-.4.5-.6.3h-.6l-3,.3h-4.3l-.5.3-.5.3-.3.4-.3.6v26h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h39.6l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v-25.4h0v-.5l-.3-.6-.3-.4-.4-.3-.6-.3h-7.1l-.6-.3-.6-.3-.4-.5-.3-.5-.3-.6v-.6l.8-4h0l.3-.8.4-.8.6-.6.6-.4.8-.3h15.8l.6.3.6.3.6.4.4.6.3.6.3.6v.8h.3v34.4l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h101.2l.6.4.4.4.3.5h.3l.4.8.5.8.8.4.8.3h1.7l.8-.3.8-.4.5-.8.4-.8h.3l.3-.5.4-.4.6-.3h150l.8-.3.8-.3.6-.4.6-.4.4-.6.3-.8.3-.8v-.8h0l-1.8-20.2h0v-.8l.3-.8.3-.8.4-.6.6-.4.6-.4.8-.3h.8v-.3h14.3l.9.3.8.4.6.5.8.6.4.8.4.9.3.8v1.8h0l-4,23h-.3l-.3.8-.3.6-.4.6-.5.6-.8.4-.6.3h0l-1.3.6-1.3.8-1.2.9-.9,1-.8,1.3-.5,1.3-.3,1.4v2.7l.4,1.4.5,1.3.8,1.3.9,1,1.2.9,1.3.8,1.3.6,1.3.3h17.1l.6.3.4.3.3.5h0l.3.4.5.3.5.3h1l.6-.3.4-.3.3-.5h0l1.7.6ZM728.7,466.8h0l-.3-.8-.4-.6-.5-.6-.8-.4-.8-.3h-.8v-.3h-23.2l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v84.5h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h31.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v-70.5h0v-.8l-.3-.8-.3-.6-.5-.5h0l-1.2-1.3-1.2-1.3-1-1.4-.9-1.4-.8-1.7-.8-1.6-.6-1.7-.5-1.7h-.1ZM366.7,443.4h0l-.5.5-.3.6v1.3l.3.6.5.4.6.3h.6v.3h27.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v-22.7h0v-.6l-.3-.5-.4-.5-.5-.3-.6-.3h-.6l-.5.3-.5.3-28.8,24.1h-.1ZM796.5,703.8v-139.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-48.7l-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v139.1h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h47.1l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3ZM796.5,552v-62.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-3.2l-.8.3-.5.3-.6.4-.4.5-.3.6-.3.6v.6h-.3l-.8,9.6v.6l-.4.6-.3.6-.4.5-.6.4-.5.3h-.8l-.6.3h-2.5l-.5-.3-.5-.3-.3-.4-.3-.6v-11h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-4.5l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v11.3h0v.5l-.3.5-.3.5-.4.3-.6.3h-3l-.8-.3-.5-.3-.6-.4-.4-.5-.3-.6-.3-.6v-.6h-.3l-.8-9.6v-.6l-.4-.6-.3-.6-.4-.5-.6-.4-.5-.3h-.8l-.6-.3h-2.6l-1.7-.3-1.7-.3-1.7-.4h-1.8l-.8.3-.8.4-.6.6-.4.6-.3.9v.8h-.3v63.1h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h47.1l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h-.3ZM736.8,703.8v-139.1h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-32.8l-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v139.1h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h31.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3ZM691.3,703.8v-236.2h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-209.2l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v17.1h0v.9l-.4.9-.5.8-.8.5-.8.4-.9.3h-.9l-.9-.3-.8-.4-.6-.6-.5-.8-.3-.9h0l-3.5-18.7h0l-.3-.8-.4-.8-.6-.6-.6-.4-.8-.3h-.8v-.3h-22.7l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v236.2h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h22.7l.8-.3.8-.3.6-.4.6-.6.4-.8.3-.8h0l3.5-18.7h0l.3-.8.5-.8.6-.6.8-.4.9-.3h.9l.9.3.8.4.8.5.5.8.3.8v.9h.3v17.1h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h209.2l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.4ZM426.8,703.8v-129.4h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-50.7l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v129.4h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h50.7l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3ZM426.8,561.8v-94.2h0v-.8l-.3-.6-.3-.6-.4-.6-.6-.4-.6-.3-.6-.3h-.8v-.3h-50.7l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v94.2h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h52.3l.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3ZM363.3,703.8v-235.3h0v-.8l-.3-.8-.4-.8-.5-.5-.6-.4-.8-.3-.8-.3h-.8l-43.3,5.2h0l-.9.3-.8.4-.6.6-.5.8-.3.8v.8h-.3v230h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h43.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v.3ZM307.3,703.8v-131.5l-.3-.8-.3-.6-.5-.5-.6-.5-.6-.3-.8-.3h-.8l-34.4,1.8h-.6l-.8.3-.5.4-.5.4-.4.5-.4.6v.6l-.3.8v129.7l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h34.4l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.1ZM307.3,560.3v-86l-.3-.6-.3-.6-.4-.6-.5-.4-.6-.3-.8-.3h-.8v-.3h-2.6l-2.5-.4-2.5-.5-2.5-.8-2.3-.9-2.3-1-2.2-1.3-2.1-1.4-1.9-1.6-1.8-1.8-1.7-1.9-1.4-1.9-1.3-2.2-1.2-2.3-.9-2.3-.8-2.5-.6-2.5-.3-2.5h0v-.6l-.4-.6-.3-.5-.5-.5-.5-.4-.5-.3h-.8l-.6-.3h-8.6l-.8.3-.8.3-.6.3-.6.5-.4.6-.3.6-.3.8v.8h0l8.7,118.5h0v.8l.3.8.3.5.5.5.5.4.6.3.8.3h.8l34.7-1.8h0l.6-.3.8-.3.5-.4.5-.4.4-.5.4-.6v-.6l.3-.8h-.1ZM285.6,386.2v-79.7l-.3-.8-.3-.6-.5-.5-.6-.5-.6-.3-16.6-6.1h0l-1.8-.9-1.6-.9-1.6-1-1.4-1.3-1.3-1.3-1.2-1.4-.9-1.6-.8-1.7-.8-1.8-.4-1.9-.3-1.8v-18.7h0v-.9l-.4-.8-.4-.8-.6-.5-.8-.4-.8-.3h-1.7l-34.3,10.4h0l-1.7.8-1.6.8-1.4.9-1.3,1-1.3,1.3-1,1.3-.9,1.4-.8,1.4-.6,1.7-.4,1.7-.3,1.7v144.4h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h63.2l.8-.3.8-.3.6-.4.6-.6.4-.6.3-.8,11.6-43v-.4h-.8ZM260.3,703.8v-128.2h0v-.8l-.3-.8-.3-.6-.5-.5-.6-.5-.6-.3-.8-.3h-.8l-49.3,2.5h-.6l-.8.3-.5.4-.5.4-.4.5-.4.6v.6l-.3.8h0v125.6h0v.8l.3.6.3.6.4.6.6.4.6.3.6.3h.8v.3h49.3l.8-.3.6-.3.6-.3.6-.4.4-.6.3-.6.3-.6v-.8h.3v.3ZM259.9,562.6l-8.7-119.1h0v-.6l-.3-.6-.4-.6-.4-.5-.5-.4-.6-.3h-.6l-.8-.3h-40.2l-.8.3-.6.3-.6.3-.6.4-.4.6-.3.6-.3.6v.8h-.3v121.9h0v.8l.3.8.3.6.5.5.6.5.6.3.8.3h.8l48.9-2.5h0l.8-.3.6-.3.6-.4.5-.5.4-.5.3-.8.3-.8v-.8h0v-.3Z\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/path><polygon points=\"687.5 491.3 687.5 685.7 687.4 685.7 687.4 687.4 687 689.1 686.6 690.6 686 692.2 685.2 693.6 684.2 694.9 683.1 696.1 682 697.3 680.5 698.3 679.1 699.1 677.5 699.7 676 700.1 674.3 700.4 672.6 700.5 672.6 700.6 489.6 700.6 489.6 700.5 488.8 700.4 488.2 700.3 487.7 699.9 487 699.5 486.6 698.8 486.2 698.3 486.1 697.7 486 696.9 485.9 696.9 485.9 693.1 486 693.1 486.1 692.3 486.2 691.8 486.6 691.2 487 690.5 487.7 690.1 488.2 689.7 488.8 689.6 489.6 689.5 489.6 689.4 672.6 689.4 673.4 689.2 673.9 689.1 674.6 688.7 675.2 688.3 675.6 687.7 676 687 676.1 686.4 676.2 685.7 676.4 685.7 676.4 491.3 676.2 491.3 676.1 490.5 676 489.9 675.6 489.2 675.2 488.7 674.6 488.2 673.9 487.9 673.4 487.7 672.6 487.5 489.6 487.5 489.6 487.5 488.8 487.4 488.2 487.2 487.7 486.9 487 486.5 486.6 485.9 486.2 485.2 486.1 484.6 486 483.8 485.9 483.8 485.9 480 486 480 486.1 479.4 486.2 478.7 486.6 478.1 487 477.4 487.7 477 488.2 476.8 488.8 476.5 489.6 476.4 489.6 476.2 672.6 476.2 672.6 476.4 674.3 476.5 676 476.8 677.5 477.3 679.1 477.8 680.5 478.7 682 479.6 683.1 480.8 684.2 482 685.2 483.3 686 484.8 686.6 486.4 687 487.9 687.4 489.6 687.4 491.3 687.5 491.3\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/polygon><polygon points=\"416.3 416.2 419.4 416 420.1 415.9 420.6 415.8 421.1 415.3 421.4 414.7 421.6 414.1 421.6 413.4 420.8 409.4 420.7 409.4 420.6 408.6 420.1 407.9 419.5 407.2 418.9 406.8 418 406.6 417.2 406.4 399.5 406.4 399.2 406.3 399 406.2 398.8 405.9 398.8 405.5 398.9 405.4 399 405 399 405 407.7 398.3 408.2 397.9 408.9 397.7 409.4 397.5 410.1 397.3 434.7 397.3 434.7 397.3 435.4 397.2 436 397 436.7 396.7 437.1 396.2 437.3 395.7 437.6 395 437.7 395 448.5 345.3 448.5 345.3 449 342.3 449.5 339.2 449.8 336.1 450 333 452 294.2 452 293.6 452.2 293.1 452.4 292.6 452.9 292.1 453.3 291.8 453.8 291.6 453.9 291.6 456.1 290.7 456.8 290.4 457.6 290.4 458.5 290.7 459 290.9 459.6 291.6 460 292.1 460.4 292.7 460.5 293.5 462.1 310.6 462.1 310.6 462.2 313.9 462.4 317.1 462.2 320.4 462.1 323.6 462.2 323.8 457.3 397.1 457.3 397.9 457.4 398.5 457.8 399 458.3 399.5 458.9 399.9 459.5 400.1 465.3 401.6 465.5 401.5 465.6 401.6 465.7 401.8 466 402 466 402.3 466 405.6 465.9 406 465.7 406.2 465.5 406.3 465.2 406.4 464.8 406.4 450.7 406.4 449.8 406.6 449 406.8 448.3 407.2 447.7 407.9 447.3 408.6 447 409.4 447 409.4 446.3 413.4 446.3 414.1 446.5 414.7 446.8 415.3 447.2 415.8 447.8 415.9 448.5 416 448.5 416.2 451.5 416.2 452 416.3 452.5 416.4 453 416.8 453.4 417.2 453.5 417.8 453.7 418.4 453.7 420.6 453.5 420.6 453.5 421.4 453.3 422 453 422.7 452.5 423.3 452 423.7 451.3 423.9 450.7 424.2 449.9 424.3 448.5 424.3 447 424.2 445.9 423.9 444.6 423.6 443.3 422.9 442.2 422.3 441.2 421.4 440.4 420.3 439.5 419.3 439.5 419.3 438.9 418.4 438 417.6 437.1 416.9 436.1 416.6 435.1 416.3 433.9 416.2 432.8 416.3 431.7 416.6 430.8 416.9 429.8 417.6 429 418.4 428.4 419.3 428.2 419.3 427.5 420.3 426.5 421.4 425.5 422.3 424.5 422.9 423.3 423.6 422 423.9 420.7 424.2 419.4 424.3 417.8 424.3 417.1 424.2 416.4 423.9 415.8 423.7 415.3 423.3 414.7 422.7 414.5 422 414.2 421.4 414.1 420.6 414.1 418.4 414.2 417.8 414.5 417.2 414.7 416.8 415.3 416.4 415.8 416.3 416.3 416.2\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/polygon><\/svg><\/div>\n<div class=\"ax8500ed-body\"><h3 class=\"ax8500ed-name\">7 Chamber<\/h3><p>Built with 7-chamber technology for exceptional thermal efficiency and acoustic comfort - quiet, warm, energy-smart interiors.<\/p><\/div>\n<\/div>\n<div class=\"ax8500ed-foot\"><p class=\"ax8500ed-spec\"><em>\u2014<\/em>7 chambers<\/p><span class=\"ax8500ed-rule\" aria-hidden=\"true\"><\/span><\/div>\n<\/article><article class=\"ax8500ed-card\" role=\"listitem\">\n<span class=\"ax8500ed-ghost\" aria-hidden=\"true\">02<\/span>\n<div class=\"ax8500ed-top\"><span class=\"ax8500ed-num\">02<\/span><span class=\"ax8500ed-tag\">Weather seal<\/span><\/div>\n<div class=\"ax8500ed-mid\">\n<div class=\"ax8500ed-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 1000\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M618.4,663l2.3,1.7,2.7,1.3,2.7,1,2.9.9,3.1.4h2.9c0,.1,2.9,0,2.9,0l3.1-.4,2.9-.9,2.7-1,2.7-1.3,2.3-1.7,2.3-1.8h.1c0,.1,29.6-26.5,29.6-26.5h-.1c0-.1,1.7-1.9,1.7-1.9l1.4-1.8,1-2.2.8-2.2.5-2.3v-2.3h.4v-120c-.1,0-.5-1.7-.5-1.7l-.8-1.8-.9-1.4-1-1.4-1.4-1-1.4-.9-1.8-.8-1.7-.4h-1.8v-.4h-86c0,.1-1.8.4-1.8.4l-1.7.4-1.8.8-1.4.9-1.4,1-1,1.4-.9,1.4-.8,1.8-.4,1.7v1.8c-.1,0-.1,118.2-.1,118.2h.1v2.3c.1,0,.8,2.3.8,2.3l.8,2.2,1,2.2,1.4,1.8,1.7,1.8h-.1c0,.1,29.6,26.9,29.6,26.9h.1c0-.1,2.3,1.7,2.3,1.7h.1ZM405.6,361.8l18.2,25.4h.1l1.4,1.7,1.7,1.7,1.8,1.3,1.9,1,2.2.8,2.2.5,80.5,12.2,3.5.8,3.2.9,3.2,1.3,3.2,1.7,2.9,1.8,2.9,1.9,2.6,2.3,2.6,2.5,2.2,2.7,1.8,2.7,1.8,3.1,1.4,3.2,1,3.2.9,3.5h.1l.5,2.2.9,2.2,1.3,1.9,1.4,1.8,1.8,1.7,1.8,1.3,1.9,1,2.3.8,2.2.5h2.3c0,.1,116.4.1,116.4.1h1.8c0-.1,1.7-.5,1.7-.5l1.8-.8,1.4-.9,1.4-1,1-1.4.9-1.4.8-1.8.4-1.7v-1.8c.1,0,.4-4.4.4-4.4l.5-4.2,1-4.2,1.4-4,1.7-4,2.2-3.8,2.3-3.4,2.9-3.2,3.1-2.9,3.2-2.7,3.6-2.3,3.8-2.2,62.2-29.6,2.7-1.7,2.6-1.8,2.2-2.2,1.8-2.3,1.4-2.7,1.3-2.9.8-2.9.4-3.1v-3.1l-.5-3.1-.9-2.9-1.3-2.9-1.7-2.6-1.9-2.3-2.2-1.9-2.6-1.8-2.7-1.4-2.9-.9-3.1-.8h-3.1v-.4h-348.1c0,.1-2.7.4-2.7.4l-2.7.5-2.7.8-2.6,1.3-2.3,1.4-2.2,1.7-1.9,1.9-1.7,2.2-1.4,2.3-1,2.6-.9,2.7-.4,2.7v2.9c-.1,0,0,2.7,0,2.7l.5,2.7.9,2.6,1,2.6,1.6,2.3h0l.3-.5ZM344.5,447.7l1.4,1.3,1.7,1.3,1.8.8,1.8.5h1.9c0,.1,156.4.1,156.4.1h1.4c0-.1,1.3-.8,1.3-.8l1-.8.9-1,.5-1.3.4-1.4v-1.3l-.5-1.4-.8-1-.9-1-1.3-.8-1.3-.4h0c0-.1-75.8-11.4-75.8-11.4h0c0-.1-2.3-.5-2.3-.5l-2.2-.5-2.3-.5-2.2-.8-114.9-39.2h0c0,.1-.9,0-.9,0h-.8c0,.1-.9.5-.9.5l-.5.5-.4.8v.9c-.1,0,0,.9,0,.9l.4.8h-.1c0,.1,6.4,9,6.4,9l6.2,9,6,9.1,5.8,9.1,5.8,9.2,5.5,9.2h.3c0-.1,1,1.4,1,1.4h.1ZM373.3,375.3l-.4-1.3h.1l-1.9-4.4-1.7-4.5-1-4.7-.9-4.9-.4-4.7v-4.9l.5-4.7.8-4.9,1.3-4.5,1.7-4.5,1.9-4.5,2.3-4.2,2.7-4,3.1-3.8,3.5-3.5,3.6-3.1,3.8-2.9,4.2-2.6,4.4-2.2,4.4-1.8,4.7-1.4,4.7-.9,4.7-.8h4.9v-.4h348.1c0,.1,4.9.4,4.9.4l4.7.5,4.7,1,4.5,1.4,4.5,1.8,4.4,1.9,4,2.6,4,2.9,3.6,3.1,3.2,3.5,3.1,3.8,2.7,4,2.3,4.2,1.9,4.4,1.7,4.5,1.3,4.7.9,4.7.5,4.7v4.9l-.4,4.7-.8,4.7-1.3,4.7-1.4,4.5-1.9,4.5-2.2,4.2-2.7,4-2.9,3.8-3.2,3.6-3.6,3.1-3.8,3.1-4,2.6-4.4,2.2v.3l-62.2,29.6-1.7.9-1.4,1.3-1.3,1.4-1,1.7-.5,1.8-.5,1.9v1.8l.4,1.9.5,1.8.9,1.7,1,1.7,1.4,1.3,1.4,1,1.8.8,1.8.5h1.9c0,.1,50.4.1,50.4.1h0c0,.1,1.7.4,1.7.4l1.7.5,1.4.8,1.3,1,1,1.3.8,1.4.5,1.7v1.7c.1,0,.1,22.8.1,22.8v1.7c-.1,0-.8,1.7-.8,1.7l-.8,1.4-1,1.3-1.3,1-1.4.8-1.7.5h-1.7c0,.1-37.4.1-37.4.1h0c0,.1-2.9.4-2.9.4l-3.1.5-2.7,1-2.7,1.3-2.6,1.7-2.2,1.9-1.9,2.2-1.6,2.6-1.3,2.7-1,2.7-.5,3.1v2.9c-.1,0-.1,63.1-.1,63.1h.1v2.2c.1,0,.5,2.2.5,2.2l.8,2.2,1,1.9,1,1.8,1.7,1.7,1.7,1.7,1.8,1,1.9,1,2.2.8,2.2.4h2.2v.4h18.3c0,.1,1.9.8,1.9.8l1.9.9,1.7,1.3,1.4,1.4,1,1.8.8,1.8.5,2.2v1.9l-.4,1.9-.8,1.9-.9,1.8-1.4,1.7-1.7,1.3h0l-7.3,5.3-7.4,5.5-7.3,5.5-7.1,5.8-7.1,5.8-6.9,6.2-45.4,41h-.1c0-.1-3.8,3.1-3.8,3.1l-4.2,3.1-4.2,2.6-4.5,2.3-4.5,1.9-4.9,1.7-4.7,1.3-5.1.9-4.9.5h-5.1c0,.1-5.1,0-5.1,0l-4.9-.5-5.1-.9-4.7-1.3-4.9-1.7-4.5-1.9-4.5-2.3-4.2-2.6-4.2-3.1-3.8-3.2h-.1c0,.1-45.4-40.9-45.4-40.9l-6.9-6.2-7.1-5.8-7.1-5.8-7.3-5.5-7.4-5.5-7.4-5.3h0l-1.6-1.3-1.4-1.7-.9-1.8-.8-1.9-.4-1.9v-1.9l.5-2.2.8-1.8,1-1.8,1.4-1.4,1.7-1.3,1.9-.9,1.9-.5h1.9c0-.1,16.4-.1,16.4-.1h0c0-.1,2.2-.4,2.2-.4l2.2-.4,2.2-.8,1.9-1,1.8-1,1.7-1.7,1.7-1.7,1-1.8,1-1.9.8-2.2.4-2.2v-2.2h.4v-65.9c-.1,0-.8-3.1-.8-3.1l-1-2.7-1.3-2.7-1.7-2.6-1.9-2.2-2.2-1.9-2.6-1.7-2.7-1.3-2.7-1-3.1-.5h-2.9v-.4h-180.1c0-.1-2.2-.5-2.2-.5l-2.2-.9-1.9-.9-1.9-1.4-1.7-1.4-1.4-1.8-1.3-1.9h-.3l-7.1-13-7.4-12.8-8-12.7-8.2-12.3-8.3-12.3-9-11.9-9.1-11.8-9.5-11.4-9.6-11.4-10-10.9-10.4-10.9-10.5-10.5-10.9-10.1-11-10-11.3-9.6-11.7-9.2v-.4c.1,0-.9-.9-.9-.9l-.5-1.3-.5-1.3v-1.4l.4-1.3.5-1.3.9-1,1-.8,1.3-.5h1.4c0-.1,11-.1,11-.1h0c0,.1,1.9.4,1.9.4h1.8c0,.1,1.8.8,1.8.8l1.8.8,8.6,4.4,8.6,4.7,8.3,4.9,7.9,5.3,8,5.5,7.8,5.8,7.7,6,7.3,6.2,7.3,6.5,6.7,6.6h0l1,.8,1,.8,1,.8,1.3.5,88.4,30.4h0c0-.1,1.3.3,1.3.3h1.3l1.3-.4,1.3-.8.9-.9.8-1,.5-1v-1.4c.1,0,0-1.3,0-1.3l.6-.6Z\" fill=\"currentColor\"><\/path><\/svg><\/div>\n<div class=\"ax8500ed-body\"><h3 class=\"ax8500ed-name\">Triple-Gasket Sealing<\/h3><p>Three sealing levels deliver draft resistance, weather protection and outstanding acoustic isolation at every contact plane.<\/p><\/div>\n<\/div>\n<div class=\"ax8500ed-foot\"><p class=\"ax8500ed-spec\"><em>\u2014<\/em>3 gaskets<\/p><span class=\"ax8500ed-rule\" aria-hidden=\"true\"><\/span><\/div>\n<\/article><article class=\"ax8500ed-card\" role=\"listitem\">\n<span class=\"ax8500ed-ghost\" aria-hidden=\"true\">03<\/span>\n<div class=\"ax8500ed-top\"><span class=\"ax8500ed-num\">03<\/span><span class=\"ax8500ed-tag\">Glass range<\/span><\/div>\n<div class=\"ax8500ed-mid\">\n<div class=\"ax8500ed-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 1000\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"396.5 833.9 341 834.2 224.8 166.1 280.3 165.8 396.5 833.9\" fill=\"currentColor\"><\/polygon><polygon points=\"585.9 833.9 530.2 834.2 414 166.1 469.7 165.8 585.9 833.9\" fill=\"currentColor\"><\/polygon><polygon points=\"775.2 833.9 719.5 834.2 603.4 166.1 659 165.8 775.2 833.9\" fill=\"currentColor\"><\/polygon><\/svg><\/div>\n<div class=\"ax8500ed-body\"><h3 class=\"ax8500ed-name\">Flexible Triple Glazing<\/h3><p>Accepts 24mm double glazing through high-performance 36mm and 44mm triple-glazed units with matching beads.<\/p><\/div>\n<\/div>\n<div class=\"ax8500ed-foot\"><p class=\"ax8500ed-spec\"><em>\u2014<\/em>24-44mm<\/p><span class=\"ax8500ed-rule\" aria-hidden=\"true\"><\/span><\/div>\n<\/article><article class=\"ax8500ed-card\" role=\"listitem\">\n<span class=\"ax8500ed-ghost\" aria-hidden=\"true\">04<\/span>\n<div class=\"ax8500ed-top\"><span class=\"ax8500ed-num\">04<\/span><span class=\"ax8500ed-tag\">System depth<\/span><\/div>\n<div class=\"ax8500ed-mid\">\n<div class=\"ax8500ed-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 1000\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><g><polygon points=\"323.2 434.8 210.3 499.9 323.2 565.3 323.2 434.8\" fill=\"currentColor\"><\/polygon><polygon points=\"122.8 199.2 122.8 800.8 165.7 800.8 165.7 499.9 165.7 199.2 122.8 199.2\" fill=\"currentColor\"><\/polygon><polygon points=\"676.8 434.8 676.8 565.3 789.7 499.9 676.8 434.8\" fill=\"currentColor\"><\/polygon><polygon points=\"834.3 515.5 834.3 800.8 877.2 800.8 877.2 199.2 834.3 199.2 834.3 515.5\" fill=\"currentColor\"><\/polygon><\/g><rect x=\"351.6\" y=\"491\" width=\"295.3\" height=\"18.2\" fill=\"currentColor\"><\/rect><\/svg><\/div>\n<div class=\"ax8500ed-body\"><h3 class=\"ax8500ed-name\">85mm Construction<\/h3><p>The 85mm system depth locks in structural stability and thermal performance inside a clean contemporary profile.<\/p><\/div>\n<\/div>\n<div class=\"ax8500ed-foot\"><p class=\"ax8500ed-spec\"><em>\u2014<\/em>85mm<\/p><span class=\"ax8500ed-rule\" aria-hidden=\"true\"><\/span><\/div>\n<\/article><\/div>\n\n<div class=\"ax8500ed-cta\"><div class=\"ax8500ed-cta-copy\">\n<p class=\"ax8500ed-cta-kicker\">Technical Documentation<\/p>\n<h3>Need the full specification set?<\/h3>\n<p>Download the complete 8500 Supremo catalogue with technical data, profile drawings and system details for architects and fabricators.<\/p>\n<\/div>\n<a class=\"ax8500ed-pdf\" href=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/8500-Supremo-Alvion-Beyond-the-frame.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v12\"><\/path><path d=\"m7 10 5 5 5-5\"><\/path><path d=\"M4 20h16\"><\/path><\/svg>\n<span>Download PDF Catalogue<\/span><\/a><\/div>\n<\/div><\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7f0e3fa e-con e-atomic-element e-flexbox-base e-625e2ce \" data-id=\"7f0e3fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f0e3fa\">\n    \t\t<div class=\"elementor-element elementor-element-e112214 elementor-widget elementor-widget-html\" data-id=\"e112214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ALVION \u2014 COMPACT COLOUR RUNWAY\r\n     Aktivni panel: tekst gore + slika 8500 Supremo profila ispod.\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-runway,\r\n  .alvion-runway * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .alvion-runway {\r\n    --red: #ee2529;\r\n    --dark: #231f20;\r\n    --white: #ffffff;\r\n    --gray: #726e6f;\r\n    --border: rgba(35, 31, 32, 0.14);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding: clamp(75px, 9vw, 125px) 24px;\r\n    color: var(--dark);\r\n    background: var(--white);\r\n    font-family: \"Gabarito\", sans-serif;\r\n  }\r\n\r\n  \/* Suptilna tehni\u010dka mre\u017ea u pozadini *\/\r\n  .alvion-runway::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    opacity: 0.4;\r\n    background-image:\r\n      linear-gradient(rgba(35, 31, 32, 0.025) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(35, 31, 32, 0.025) 1px, transparent 1px);\r\n    background-size: 62px 62px;\r\n  }\r\n\r\n  .alvion-runway__container {\r\n    width: min(1380px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================================================\r\n     ZAGLAVLJE SEKCIJE\r\n  ========================================================== *\/\r\n\r\n  .alvion-runway__header {\r\n    display: grid;\r\n    grid-template-columns: minmax(500px, 1fr) minmax(340px, 0.55fr);\r\n    gap: clamp(45px, 8vw, 120px);\r\n    align-items: end;\r\n    margin-bottom: clamp(45px, 6vw, 70px);\r\n  }\r\n\r\n  .alvion-runway__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0 0 19px;\r\n    color: var(--red);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-runway__eyebrow::before {\r\n    content: \"\";\r\n    width: 32px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .alvion-runway h2 {\r\n    max-width: 900px;\r\n    margin: 0;\r\n    color: var(--dark);\r\n    font-size: clamp(49px, 6vw, 88px);\r\n    font-weight: 900;\r\n    line-height: 0.89;\r\n    letter-spacing: -0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-runway__accent {\r\n    color: var(--red);\r\n  }\r\n\r\n  .alvion-runway__intro {\r\n    max-width: 520px;\r\n    margin: 0;\r\n    color: var(--gray);\r\n    font-size: clamp(16px, 1.45vw, 19px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* Garancija i porijeklo folije *\/\r\n  .alvion-runway__credentials {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1px;\r\n    margin-top: 27px;\r\n    border: 1px solid var(--border);\r\n    background: var(--border);\r\n  }\r\n\r\n  .alvion-runway__credential {\r\n    min-height: 90px;\r\n    padding: 15px 16px;\r\n    background: var(--white);\r\n  }\r\n\r\n  .alvion-runway__credential-number {\r\n    display: block;\r\n    color: var(--red);\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  .alvion-runway__credential strong {\r\n    display: block;\r\n    margin-top: 7px;\r\n    color: var(--dark);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .alvion-runway__credential small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: var(--gray);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* =========================================================\r\n     KOMPAKTNI INTERAKTIVNI RUNWAY\r\n  ========================================================== *\/\r\n\r\n  .alvion-runway__frame {\r\n    position: relative;\r\n    padding: 10px;\r\n    border: 1px solid var(--dark);\r\n    background: var(--white);\r\n    box-shadow: 22px 22px 0 rgba(35, 31, 32, 0.055);\r\n  }\r\n\r\n  \/* Crveni konstrukcijski ugao *\/\r\n  .alvion-runway__frame::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    right: -1px;\r\n    z-index: 5;\r\n    width: 90px;\r\n    height: 90px;\r\n    border-top: 6px solid var(--red);\r\n    border-right: 6px solid var(--red);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alvion-runway__panels {\r\n    display: flex;\r\n    gap: 4px;\r\n    width: 100%;\r\n    height: clamp(460px, 48vw, 580px);\r\n    overflow: hidden;\r\n    background: var(--dark);\r\n  }\r\n\r\n  \/* Pojedina\u010dni panel zavr\u0161ne obrade *\/\r\n  .alvion-runway__panel {\r\n    position: relative;\r\n    isolation: isolate;\r\n    flex: 0.72 1 0;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    border: 0;\r\n    color: var(--white);\r\n    background-color: var(--dark);\r\n    background-position: center;\r\n    background-size: cover;\r\n    font-family: inherit;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition:\r\n      flex 0.65s cubic-bezier(.2, .8, .2, 1),\r\n      filter 0.45s ease;\r\n  }\r\n\r\n  .alvion-runway__panel.is-active {\r\n    flex: 3.4 1 0;\r\n  }\r\n\r\n  .alvion-runway__panel:not(.is-active) {\r\n    filter: saturate(0.7) brightness(0.69);\r\n  }\r\n\r\n  .alvion-runway__panel:not(.is-active):hover {\r\n    flex: 1.05 1 0;\r\n    filter: saturate(1) brightness(0.88);\r\n  }\r\n\r\n  \/* Tamni sloj za \u010ditljivost teksta *\/\r\n  .alvion-runway__panel::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(35, 31, 32, 0.72) 0%,\r\n      rgba(35, 31, 32, 0.28) 32%,\r\n      rgba(35, 31, 32, 0.18) 55%,\r\n      rgba(35, 31, 32, 0.78) 100%\r\n    );\r\n  }\r\n\r\n  \/* Refleksija preko povr\u0161ine *\/\r\n  .alvion-runway__panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: linear-gradient(\r\n      115deg,\r\n      rgba(255, 255, 255, 0.22),\r\n      transparent 25%,\r\n      transparent 72%,\r\n      rgba(0, 0, 0, 0.2)\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Bijela boja koristi \u010disti gradijent *\/\r\n  .alvion-runway__panel--white {\r\n    color: var(--dark);\r\n    background:\r\n      linear-gradient(125deg, #ffffff, #efefef 58%, #d9d9d9);\r\n  }\r\n\r\n  .alvion-runway__panel--white::before {\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(255, 255, 255, 0.88) 0%,\r\n      rgba(255, 255, 255, 0.35) 38%,\r\n      rgba(230, 230, 230, 0.45) 62%,\r\n      rgba(210, 210, 210, 0.92) 100%\r\n    );\r\n  }\r\n\r\n  \/* Vertikalni naziv zatvorenog panela *\/\r\n  .alvion-runway__panel-label {\r\n    position: absolute;\r\n    top: 25px;\r\n    left: 50%;\r\n    color: inherit;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.13em;\r\n    text-transform: uppercase;\r\n    writing-mode: vertical-rl;\r\n    transform: translateX(-50%) rotate(180deg);\r\n    white-space: nowrap;\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.4s ease;\r\n  }\r\n\r\n  .alvion-runway__panel.is-active .alvion-runway__panel-label {\r\n    opacity: 0;\r\n    transform: translateX(-50%) rotate(180deg) translateY(15px);\r\n  }\r\n\r\n  \/* Redni broj zavr\u0161ne obrade *\/\r\n  .alvion-runway__panel-index {\r\n    position: absolute;\r\n    top: 21px;\r\n    right: 16px;\r\n    color: inherit;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    opacity: 0.62;\r\n  }\r\n\r\n  \/* Informacije aktivnog panela *\/\r\n  .alvion-runway__panel-content {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    gap: 18px;\r\n    min-width: 0;\r\n    padding: clamp(22px, 2.8vw, 34px) clamp(22px, 3vw, 40px) clamp(18px, 2.4vw, 28px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(16px);\r\n    pointer-events: none;\r\n    transition:\r\n      opacity 0.35s 0.2s ease,\r\n      visibility 0.35s 0.2s ease,\r\n      transform 0.4s 0.18s ease;\r\n  }\r\n\r\n  .alvion-runway__panel-copy {\r\n    display: block;\r\n    max-width: 520px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .alvion-runway__panel-profile {\r\n    display: block;\r\n    width: min(100%, 460px);\r\n    max-height: clamp(150px, 22vw, 230px);\r\n    margin-top: auto;\r\n    object-fit: contain;\r\n    object-position: left bottom;\r\n    opacity: 0;\r\n    transform: translateY(18px) scale(0.98);\r\n    filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.35));\r\n    transition:\r\n      opacity 0.45s 0.28s ease,\r\n      transform 0.5s 0.26s cubic-bezier(.2, .8, .2, 1);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alvion-runway__panel.is-active .alvion-runway__panel-profile {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .alvion-runway__panel.is-active .alvion-runway__panel-content {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .alvion-runway__panel-type {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 11px;\r\n    color: var(--red);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-runway__panel-type::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .alvion-runway__panel-title {\r\n    display: block;\r\n    color: inherit;\r\n    font-size: clamp(32px, 4vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 0.92;\r\n    letter-spacing: -0.055em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-runway__panel-ral {\r\n    display: inline-flex;\r\n    margin-top: 15px;\r\n    padding: 8px 11px;\r\n    border: 1px solid currentColor;\r\n    color: inherit;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .alvion-runway__panel-description {\r\n    display: block;\r\n    max-width: 470px;\r\n    margin-top: 12px;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .alvion-runway__panel--white .alvion-runway__panel-description {\r\n    color: rgba(35, 31, 32, 0.62);\r\n  }\r\n\r\n  \/* Napomena o prikazu boja *\/\r\n  .alvion-runway__note {\r\n    margin: 36px 0 0;\r\n    color: rgba(35, 31, 32, 0.48);\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1050px) {\r\n    .alvion-runway__header {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .alvion-runway__panels {\r\n      height: 520px;\r\n    }\r\n\r\n    .alvion-runway__panel.is-active {\r\n      flex: 3.8 1 0;\r\n    }\r\n  }\r\n\r\n  \/* Mobilni *\/\r\n  @media (max-width: 700px) {\r\n    .alvion-runway {\r\n      padding: 65px 18px 80px;\r\n    }\r\n\r\n    .alvion-runway h2 {\r\n      font-size: clamp(44px, 14vw, 64px);\r\n    }\r\n\r\n    .alvion-runway__credentials {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .alvion-runway__frame {\r\n      padding: 7px;\r\n      box-shadow: 9px 9px 0 rgba(35, 31, 32, 0.055);\r\n    }\r\n\r\n    \/* Mobilni paneli se prikazuju vertikalno *\/\r\n    .alvion-runway__panels {\r\n      flex-direction: column;\r\n      height: auto;\r\n    }\r\n\r\n    .alvion-runway__panel,\r\n    .alvion-runway__panel:not(.is-active):hover {\r\n      flex: none;\r\n      width: 100%;\r\n      height: 68px;\r\n      filter: saturate(0.75) brightness(0.76);\r\n      transition:\r\n        height 0.55s cubic-bezier(.2, .8, .2, 1),\r\n        filter 0.4s ease;\r\n    }\r\n\r\n    .alvion-runway__panel.is-active {\r\n      flex: none;\r\n      height: 420px;\r\n      filter: none;\r\n    }\r\n\r\n    .alvion-runway__panel-label {\r\n      top: 50%;\r\n      left: 18px;\r\n      writing-mode: horizontal-tb;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .alvion-runway__panel.is-active .alvion-runway__panel-label {\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .alvion-runway__panel-index {\r\n      top: 50%;\r\n      right: 17px;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .alvion-runway__panel-content {\r\n      min-width: 0;\r\n      padding: 26px 21px;\r\n    }\r\n\r\n    .alvion-runway__panel-title {\r\n      font-size: 43px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .alvion-runway *,\r\n    .alvion-runway *::before,\r\n    .alvion-runway *::after {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"alvion-runway\" aria-labelledby=\"alvion-runway-title\">\r\n  <div class=\"alvion-runway__container\">\r\n\r\n    <!-- Zaglavlje -->\r\n    <header class=\"alvion-runway__header\">\r\n      <div>\r\n        <p class=\"alvion-runway__eyebrow\">\r\n          8500 Supremo \/ Surface Collection\r\n        <\/p>\r\n\r\n        <h2 id=\"alvion-runway-title\">\r\n          Seven finishes. One architectural\r\n          <span class=\"alvion-runway__accent\">signature.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div>\r\n        <p class=\"alvion-runway__intro\">\r\n          Colour should not simply sit on a window. It should belong to the\r\n          architecture. Explore a curated palette spanning pure white,\r\n          contemporary monochromes and tactile woodgrain finishes.\r\n        <\/p>\r\n\r\n        <!-- Garancija i porijeklo folije -->\r\n        <div class=\"alvion-runway__credentials\">\r\n          <div class=\"alvion-runway__credential\">\r\n            <span class=\"alvion-runway__credential-number\">10<\/span>\r\n            <strong>Year Foil Warranty<\/strong>\r\n            <small>Long-Term Surface Protection<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"alvion-runway__credential\">\r\n            <span class=\"alvion-runway__credential-number\">DE<\/span>\r\n            <strong>Continental Foils<\/strong>\r\n            <small>Sourced From Germany<\/small>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- Interaktivni paneli boja -->\r\n    <div class=\"alvion-runway__frame\">\r\n      <div class=\"alvion-runway__panels\" role=\"group\" aria-label=\"Available finishes\">\r\n\r\n        <!-- White -->\r\n        <button\r\n          class=\"alvion-runway__panel alvion-runway__panel--white is-active\"\r\n          type=\"button\"\r\n          aria-pressed=\"true\"\r\n        >\r\n          <span class=\"alvion-runway__panel-label\">White<\/span>\r\n          <span class=\"alvion-runway__panel-index\">01<\/span>\r\n\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Core Finish<\/span>\r\n            <span class=\"alvion-runway__panel-title\">White<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 9016<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A pure architectural base finish with a clean, timeless\r\n              character designed to integrate naturally into any facade.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/White-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in White\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 299px; --smush-placeholder-aspect-ratio: 299\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Anthracite -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Anthracite.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Anthracite<\/span>\r\n          <span class=\"alvion-runway__panel-index\">02<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Foil<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Anthracite<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 7016<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A deep contemporary finish created for minimal facades,\r\n              industrial contrasts and bold architectural compositions.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Anthracite-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Anthracite\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Golden Oak -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Golden-Oak.bak-.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Golden Oak<\/span>\r\n          <span class=\"alvion-runway__panel-index\">03<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Woodgrain<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Golden Oak<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 8001<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A warm oak expression bringing natural character and visual\r\n              softness to traditional and modern architecture.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Golden-Oak-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Golden Oak\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Mahogany -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Mahogany.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Mahogany<\/span>\r\n          <span class=\"alvion-runway__panel-index\">04<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Woodgrain<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Mahogany<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 8015<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A rich red-brown woodgrain created for refined interiors,\r\n              expressive facades and classic architectural warmth.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Mahogany-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Mahogany\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Nussbaum -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Nussbaum.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Nussbaum<\/span>\r\n          <span class=\"alvion-runway__panel-index\">05<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Woodgrain<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Nussbaum<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 8028<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A sophisticated walnut-inspired surface with deep texture and\r\n              understated visual richness.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Nussbaum-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Nussbaum\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 299px; --smush-placeholder-aspect-ratio: 299\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Dark Oak -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Dark_Oak.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Dark Oak<\/span>\r\n          <span class=\"alvion-runway__panel-index\">06<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Woodgrain<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Dark Oak<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 8007<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              A grounded dark timber aesthetic combining traditional material\r\n              character with contemporary profile engineering.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Dark-Oak-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Dark Oak\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <!-- Jet Black -->\r\n        <button\r\n          class=\"alvion-runway__panel lazyload\"\r\n          type=\"button\"\r\n          aria-pressed=\"false\"\r\n          style=\"background-image:inherit;\"\r\n         data-bg-image=\"url(&#039;https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Jetblack.webp&#039;)\">\r\n          <span class=\"alvion-runway__panel-label\">Jet Black<\/span>\r\n          <span class=\"alvion-runway__panel-index\">07<\/span>\r\n          <span class=\"alvion-runway__panel-content\">\r\n            <span class=\"alvion-runway__panel-copy\">\r\n            <span class=\"alvion-runway__panel-type\">Continental Foil<\/span>\r\n            <span class=\"alvion-runway__panel-title\">Jet Black<\/span>\r\n            <span class=\"alvion-runway__panel-ral\">RAL 9005<\/span>\r\n            <span class=\"alvion-runway__panel-description\">\r\n              An uncompromising black finish for sharp geometry,\r\n              high-contrast facades and distinctive architectural frames.\r\n            <\/span>\r\n            <\/span>\r\n            <img\r\n              class=\"alvion-runway__panel-profile lazyload\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Jet-Black-Supremo-8500.png.webp\"\r\n              alt=\"8500 Supremo profile in Jet Black\"\r\n             \r\n              decoding=\"async\"\r\n src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/326;\" \/>\r\n          <\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"alvion-runway__note\">\r\n      Screen representation may differ from the physical finish. Final colour\r\n      selection should be confirmed using an official Alvion material sample.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/* =========================================================\r\n     INTERAKTIVNO OTVARANJE PANELA\r\n  ========================================================== *\/\r\n\r\n  document.querySelectorAll(\".alvion-runway\").forEach(function (section) {\r\n    const panels = Array.from(\r\n      section.querySelectorAll(\".alvion-runway__panel\")\r\n    );\r\n\r\n    function activatePanel(selectedPanel) {\r\n      panels.forEach(function (panel) {\r\n        const isActive = panel === selectedPanel;\r\n\r\n        panel.classList.toggle(\"is-active\", isActive);\r\n        panel.setAttribute(\"aria-pressed\", String(isActive));\r\n      });\r\n    }\r\n\r\n    panels.forEach(function (panel, index) {\r\n      panel.addEventListener(\"click\", function () {\r\n        activatePanel(panel);\r\n      });\r\n\r\n      \/* Navigacija tastaturom *\/\r\n      panel.addEventListener(\"keydown\", function (event) {\r\n        let nextIndex;\r\n\r\n        if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\r\n          nextIndex = (index + 1) % panels.length;\r\n        } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\r\n          nextIndex = (index - 1 + panels.length) % panels.length;\r\n        } else {\r\n          return;\r\n        }\r\n\r\n        event.preventDefault();\r\n        panels[nextIndex].focus();\r\n        activatePanel(panels[nextIndex]);\r\n      });\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<style>\r\n  \/* =========================================================\r\n     ISPRAVKA TEKSTA UNUTAR COLOUR RUNWAY PANELA\r\n     Poni\u0161tava Elementor nowrap stilove na button elementima.\r\n  ========================================================== *\/\r\n\r\n  .alvion-runway__panel {\r\n    white-space: normal !important;\r\n    overflow-wrap: break-word !important;\r\n  }\r\n\r\n  .alvion-runway__panel-content {\r\n    width: 100% !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n    white-space: normal !important;\r\n  }\r\n\r\n  .alvion-runway__panel-type,\r\n  .alvion-runway__panel-title,\r\n  .alvion-runway__panel-ral,\r\n  .alvion-runway__panel-description {\r\n    white-space: normal !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n  }\r\n\r\n  .alvion-runway__panel-description {\r\n    width: min(100%, 520px) !important;\r\n    max-width: 520px !important;\r\n    padding-right: 20px;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Du\u017ei nazivi se prilago\u0111avaju dostupnoj \u0161irini *\/\r\n  .alvion-runway__panel-title {\r\n    max-width: 100%;\r\n    font-size: clamp(32px, 4.2vw, 60px);\r\n    line-height: 0.94 !important;\r\n  }\r\n\r\n  \/* Ispravna tamna tipografija na bijelom panelu *\/\r\n  .alvion-runway__panel--white,\r\n  .alvion-runway__panel--white .alvion-runway__panel-title,\r\n  .alvion-runway__panel--white .alvion-runway__panel-ral,\r\n  .alvion-runway__panel--white .alvion-runway__panel-index {\r\n    color: #231f20 !important;\r\n  }\r\n\r\n  .alvion-runway__panel--white .alvion-runway__panel-description {\r\n    color: rgba(35, 31, 32, 0.68) !important;\r\n  }\r\n\r\n  \/* Dodatna prilagodba za tablet *\/\r\n  @media (max-width: 1050px) {\r\n    .alvion-runway__panel-content {\r\n      padding: 30px 25px !important;\r\n    }\r\n\r\n    .alvion-runway__panel-description {\r\n      max-width: 430px !important;\r\n    }\r\n  }\r\n\r\n  \/* Mobilna prilagodba teksta *\/\r\n  @media (max-width: 700px) {\r\n    .alvion-runway__panel-content {\r\n      padding: 24px 20px !important;\r\n    }\r\n\r\n    .alvion-runway__panel-title {\r\n      font-size: clamp(34px, 11vw, 45px);\r\n    }\r\n\r\n    .alvion-runway__panel-description {\r\n      max-width: 100% !important;\r\n      padding-right: 0;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  \/* Profil slika unutar aktivnog panela *\/\r\n  .alvion-runway__panel-profile {\r\n    display: block;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    .alvion-runway__panel-profile {\r\n      max-height: 190px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .alvion-runway__panel-profile {\r\n      width: 100%;\r\n      max-height: 150px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/user_query>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fb32f6f e-con e-atomic-element e-flexbox-base e-fb32f6f-a793cc2 \" data-id=\"fb32f6f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb32f6f\">\n    \t\t<div class=\"elementor-element elementor-element-b9cdc03 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b9cdc03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ALVION \u2014 CONTINENTAL \/ COOL COLOR+ BANNER\r\n     Kompaktan Elementor HTML widget.\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-conti,\r\n  .alvion-conti * { box-sizing: border-box; }\r\n\r\n  .alvion-conti {\r\n    --red: #ee2529;\r\n    --dark: #231f20;\r\n    --white: #ffffff;\r\n    --gray: #746f70;\r\n    --line: rgba(35, 31, 32, 0.14);\r\n    width: 100%;\r\n    overflow: visible;\r\n    color: var(--dark);\r\n    background: var(--white);\r\n    font-family: \"Gabarito\", sans-serif;\r\n  }\r\n\r\n  .alvion-conti__bar {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: visible;\r\n    padding: clamp(28px, 4vw, 42px) 0;\r\n    border-top: 3px solid var(--red);\r\n    border-bottom: 1px solid var(--line);\r\n    background:\r\n      linear-gradient(90deg, rgba(238, 37, 41, 0.06), transparent 34%),\r\n      var(--white);\r\n  }\r\n\r\n  .alvion-conti__bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    opacity: 0.45;\r\n    background-image:\r\n      linear-gradient(rgba(35, 31, 32, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(35, 31, 32, 0.03) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n  }\r\n\r\n  .alvion-conti__container {\r\n    width: min(1360px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: auto minmax(0, 1fr) auto;\r\n    gap: clamp(24px, 4vw, 48px);\r\n    align-items: center;\r\n  }\r\n\r\n  .alvion-conti__logo-link {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 100%;\r\n    padding: 10px 14px;\r\n    overflow: visible;\r\n    color: var(--dark) !important;\r\n    text-decoration: none;\r\n    isolation: isolate;\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.45s ease;\r\n  }\r\n\r\n  .alvion-conti__logo-link::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    border: 1px solid transparent;\r\n    background: transparent;\r\n    transition:\r\n      border-color 0.35s ease,\r\n      background 0.35s ease,\r\n      box-shadow 0.35s ease;\r\n  }\r\n\r\n  .alvion-conti__logo-link::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -40%;\r\n    width: 35%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    background: linear-gradient(\r\n      105deg,\r\n      transparent 0%,\r\n      rgba(238, 37, 41, 0.18) 45%,\r\n      transparent 100%\r\n    );\r\n    transform: skewX(-18deg) translateX(-120%);\r\n    pointer-events: none;\r\n    transition: none;\r\n  }\r\n\r\n  .alvion-conti__logo {\r\n    display: block;\r\n    width: clamp(140px, 16vw, 190px);\r\n    max-width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    object-position: left center;\r\n    color: inherit !important;\r\n    fill: currentColor !important;\r\n    filter: none !important;\r\n    transform-origin: center;\r\n    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .alvion-conti__logo path {\r\n    fill: currentColor !important;\r\n  }\r\n\r\n  .alvion-conti__logo-link:hover {\r\n    color: var(--red) !important;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .alvion-conti__logo-link:hover::before {\r\n    border-color: rgba(238, 37, 41, 0.35);\r\n    background: rgba(238, 37, 41, 0.04);\r\n    box-shadow: 0 14px 30px rgba(238, 37, 41, 0.12);\r\n  }\r\n\r\n  .alvion-conti__logo-link:hover::after {\r\n    animation: alvionContiShine 0.85s ease forwards;\r\n  }\r\n\r\n  .alvion-conti__logo-link:hover .alvion-conti__logo {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  @keyframes alvionContiShine {\r\n    from { transform: skewX(-18deg) translateX(-140%); }\r\n    to { transform: skewX(-18deg) translateX(320%); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .alvion-conti__logo-link,\r\n    .alvion-conti__logo,\r\n    .alvion-conti__badge,\r\n    .alvion-conti__badge::before,\r\n    .alvion-conti__badge svg {\r\n      transition: none !important;\r\n    }\r\n\r\n    .alvion-conti__logo-link:hover::after {\r\n      animation: none;\r\n    }\r\n  }\r\n\r\n  .alvion-conti__copy {\r\n    min-width: 0;\r\n    padding-left: clamp(20px, 3vw, 36px);\r\n    border-left: 1px solid var(--line);\r\n  }\r\n\r\n  .alvion-conti__eyebrow {\r\n    margin: 0 0 8px;\r\n    color: var(--red);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-conti__title {\r\n    margin: 0;\r\n    color: var(--dark);\r\n    font-size: clamp(20px, 2.4vw, 30px);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-conti__title span { color: var(--red); }\r\n\r\n  .alvion-conti__text {\r\n    max-width: 54ch;\r\n    margin: 10px 0 0;\r\n    color: var(--gray);\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .alvion-conti__badge {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 48px;\r\n    padding: 12px 18px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--dark);\r\n    color: var(--white);\r\n    background: var(--dark);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    transition: color 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .alvion-conti__badge::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: var(--red);\r\n    transform: translateX(-101%);\r\n    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .alvion-conti__badge span,\r\n  .alvion-conti__badge svg {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .alvion-conti__badge svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .alvion-conti__badge:hover {\r\n    border-color: var(--red);\r\n    color: var(--white);\r\n    box-shadow: 0 12px 28px rgba(238, 37, 41, 0.22);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .alvion-conti__badge:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .alvion-conti__badge:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .alvion-conti__container {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .alvion-conti__logo-link {\r\n      justify-self: start;\r\n      width: 100%;\r\n      max-width: 100%;\r\n      padding: 6px 0;\r\n    }\r\n\r\n    .alvion-conti__logo {\r\n      width: min(100%, 220px);\r\n      max-width: 100%;\r\n      height: auto;\r\n    }\r\n\r\n    .alvion-conti__logo-link:hover {\r\n      transform: none;\r\n    }\r\n\r\n    .alvion-conti__logo-link:hover .alvion-conti__logo {\r\n      transform: none;\r\n    }\r\n\r\n    .alvion-conti__copy {\r\n      padding-left: 0;\r\n      border-left: 0;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n    .alvion-conti__badge {\r\n      justify-self: start;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .alvion-conti__container {\r\n      width: min(100% - 28px, 1360px);\r\n    }\r\n\r\n    .alvion-conti__logo {\r\n      width: min(100%, 200px);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"alvion-conti\" aria-label=\"Continental Cool Color Plus laminations\">\r\n  <div class=\"alvion-conti__bar\">\r\n    <div class=\"alvion-conti__container\">\r\n      <a class=\"alvion-conti__logo-link\" href=\"https:\/\/www.skai.com\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Continental \/ skai\">\r\n        <svg\r\n          class=\"alvion-conti__logo\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          viewBox=\"0 0 220 41\"\r\n          preserveAspectRatio=\"xMinYMid meet\"\r\n          role=\"img\"\r\n          aria-label=\"Continental\"\r\n        >\r\n          <title>Continental<\/title>\r\n          <path fill=\"currentColor\" d=\"M219.15 31.25h-29.5v-1h29.5zm-14.7-5.6l2.8-2.7 1.1 1.1-3 2.5c-.2.3-.4.8-.6 1.1h-2.2a3.72 3.72 0 0 1 1.9-2zm-9.4-17c-.1 0-2.3.6-2.3.6a14.09 14.09 0 0 0-1.5.7c-.5.3-1 .8-1 1.1l2 .5a7.64 7.64 0 0 1 .9-.9l.5-.2 1.6-1.7c.1-.1.1-.2-.25-.1zm13.5 5.4a44.61 44.61 0 0 1-3.4-4.2 12.11 12.11 0 0 0 .8-5.9 15.34 15.34 0 0 0-1.4-2.1c-.2-.3-1.1-1.3-1.5-1.3-.1 0-.2 0-.2.1l.1 1.1c-1.3.8-2.8 1.8-4.1 2.8a4.12 4.12 0 0 0 .1 1.2 2.51 2.51 0 0 0 .7.4 25.58 25.58 0 0 1 2.7-.5l-1.7 2.5-2 1.4-2.4-.8c-.2 0-.3 0-.4.1l-1.8 1.9a.52.52 0 0 0-.2.4l-.1 2.1v.7a3.65 3.65 0 0 0 .7 2.3l1.1-1.7a4.33 4.33 0 0 1-.5-1.2v-1.8l1.1-.8 3 2.1a15.1 15.1 0 0 0 1.6 2.4 28.37 28.37 0 0 0 4.3 3.1 12.78 12.78 0 0 0 .6 2.3l3.6 3.7-2.1 2.7a2.63 2.63 0 0 0-1.4 2.2h2.5l.3-1.4 3-3.3c.2-.2.2-.3.1-.5l-.8-2.8a5.28 5.28 0 0 0 1.3-3.1c0-2.7-2.7-3.4-3.6-4.15zm4.5 4.4a13.05 13.05 0 0 0-.7-1.9s.1-.1.4 0 1.8 1.2 1.8 1.2c.8 1.1 1.3 5.9 1.3 7.6a8.74 8.74 0 0 1-2.4-1.5zM136.45 17.35c0-1.8-.6-3.2-2.1-3.2s-2.2 1.4-2.2 3.2v11.9h1.8v1.9h-10.1v-1.9h1.9v-16.4h-1.9V11h7.9v3.1h.1a5.77 5.77 0 0 1 5.3-3.5 5.07 5.07 0 0 1 5.3 4.2 19.27 19.27 0 0 1 .3 3.3v11.2h2.4v1.9h-8.8l.1-13.9m-40.9 0c0-1.8-.6-3.2-2.1-3.2s-2.2 1.4-2.2 3.2v11.9h1.8v1.9h-10.1v-1.9h1.9V12.85h-1.9V11h7.9v3.1h.1a5.77 5.77 0 0 1 5.3-3.5 5.07 5.07 0 0 1 5.3 4.2 19.27 19.27 0 0 1 .3 3.3v11.2h2.4v1.9h-8.8l.1-13.9zm58.3-4.5v14.9a1.2 1.2 0 0 0 1.3 1.3 4.36 4.36 0 0 0 1.2-.2v1.8a7.49 7.49 0 0 1-3.9.8c-3.1 0-5-1.5-5-4.8V12.85h-2.1v-1.3c2.4-1.9 5.2-4.1 7.4-5.9h1.2V11H157v1.8zM27.75.55s4.9 4.9 7.1 7.4v1.9a15.64 15.64 0 0 0-10.4-4.1c-9.1 0-14.8 6.9-14.8 15.4s5.4 15.3 14.8 15.3A14.33 14.33 0 0 0 34.95 32v1.8c-2.8 3.9-8 6.4-14.5 6.4-11.6.1-19.6-8.3-19.6-19A19.34 19.34 0 0 1 20.45 2a23.24 23.24 0 0 1 7.3 1.2zm93.1 25.3a5.38 5.38 0 0 1-4.4 1.9c-1.8 0-4.7-1-4.8-5.7h10.8c0-.4.1-1.1.1-1.5 0-5.7-2.3-9.9-8.4-9.9s-9.2 4.7-9.2 10.5 3.1 10.4 9.2 10.4a8.26 8.26 0 0 0 7.9-4.7zm-9.3-5.8c0-5.3.4-7.3 2.2-7.3s2.2 1.9 2.3 7.3zm-89.1 1c0-6.2.6-8.9 2.7-8.9s2.7 2.7 2.7 8.9-.6 8.9-2.7 8.9-2.7-2.7-2.7-8.9m-7.5.1c0 6.1 3.7 11.1 10.2 11.1s10.2-5 10.2-11.1S31.65 10 25.15 10s-10.2 5-10.2 11.1m34.6-3.8c0-1.8-.6-3.2-2.1-3.2s-2.2 1.4-2.2 3.2v11.9H47v1.9H36.95v-1.9h1.9V12.85h-1.9V11h7.9v3.1h.1a5.77 5.77 0 0 1 5.3-3.5 5.07 5.07 0 0 1 5.3 4.2 19.27 19.27 0 0 1 .3 3.3v11.2h2.4v1.9h-8.8V17.35zm22.9-11.7c0 1.8 1.6 3 3.9 3s3.9-1.2 3.9-3-1.6-3-3.9-3-3.9 1.3-3.9 3m-5.5 7.2v14.9a1.2 1.2 0 0 0 1.3 1.3 4.36 4.36 0 0 0 1.2-.2v1.8a7.49 7.49 0 0 1-3.9.8c-3.1 0-5-1.5-5-4.8V12.85h-2.1v-1.3c2.4-1.9 5.2-4.1 7.4-5.9H67V11h2.5v1.8zm118 16.5h2.5v1.9h-8.9V5.45h-2.2v-1.9H185v25.8zm-17.1-8.1a1.91 1.91 0 0 0-1.4-.4c-1.9 0-2.3 1.9-2.3 3.8s.6 3.4 2.2 3.4a1.76 1.76 0 0 0 1.5-.6zm.2 7.6a6.18 6.18 0 0 1-5.3 2.8c-3.3 0-5.3-2.8-5.3-6.2 0-4 2.9-6.6 7.5-6.6a8.52 8.52 0 0 1 2.9.4v-1.3a3.42 3.42 0 0 0-3.7-3.7 5.63 5.63 0 0 0-4.6 2.4l-1.1-1.4a9.61 9.61 0 0 1 8-4.6c4.9 0 7.8 2.9 7.8 7.3v11.4h2.1v1.9h-8.2l-.1-2.4zm-96.7 2.4v-1.9h1.8V12.85h-1.8V11h8.2v18.3h1.9v1.9z\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <div class=\"alvion-conti__copy\">\r\n        <p class=\"alvion-conti__eyebrow\">Lamination Technology<\/p>\r\n        <h2 class=\"alvion-conti__title\">\r\n          Our foils come from <span>Continental<\/span> Germany.\r\n        <\/h2>\r\n        <p class=\"alvion-conti__text\">\r\n          Alvion uses premium Continental Cool Color+ laminations \u2014\r\n          engineered for colour stability, weather resistance and long-term surface performance.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"alvion-conti__badge\" href=\"https:\/\/www.skai.com\/en\/exterior\/cool-colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <span>Cool Color+<\/span>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14\"><\/path>\r\n          <path d=\"m13 6 6 6-6 6\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a1440b6 e-con e-atomic-element e-flexbox-base e-a1440b6-dff0864 \" data-id=\"a1440b6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a1440b6\">\n    \t\t<div class=\"elementor-element elementor-element-583c994 elementor-widget elementor-widget-html\" data-id=\"583c994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ALVION \u2014 INTERACTIVE 3D EXPLORER + HOTSPOTS + FOIL COLOURS -->\n<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/4.0.0\/model-viewer.min.js\"><\/script>\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n.alvion-3d,.alvion-3d *{box-sizing:border-box}\n.alvion-3d{\n  --red:#ee2529;--dark:#231f20;--black:#000;--white:#fff;--gray:#aaa6a7;\n  position:relative;isolation:isolate;overflow:hidden;width:100vw;max-width:none;\n  margin-left:calc(50% - 50vw);color:var(--white);background:var(--black);font-family:\"Gabarito\",sans-serif;\n}\n.alvion-3d__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:560px}\n.alvion-3d__visual{position:relative;display:grid;place-items:center;min-height:560px;overflow:hidden;background:var(--black)}\n.alvion-3d__video{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--black)}\n.alvion-3d__video-frame{position:absolute;inset:18px;z-index:3;pointer-events:none}\n.alvion-3d__video-frame::before,.alvion-3d__video-frame::after{content:\"\";position:absolute;width:56px;height:56px}\n.alvion-3d__video-frame::before{top:0;left:0;border-top:2px solid var(--red);border-left:2px solid var(--red)}\n.alvion-3d__video-frame::after{right:0;bottom:0;border-right:2px solid var(--red);border-bottom:2px solid var(--red)}\n.alvion-3d__content{\n  position:relative;display:flex;flex-direction:column;justify-content:center;min-height:560px;\n  padding:clamp(40px,5vw,70px);border-left:1px solid rgba(255,255,255,.12);\n  background:linear-gradient(145deg,rgba(255,255,255,.035),transparent),var(--dark);\n}\n.alvion-3d__content::before{content:\"\";position:absolute;top:0;right:0;width:78px;height:78px;border-top:5px solid var(--red);border-right:5px solid var(--red)}\n.alvion-3d h2{max-width:620px;margin:0;color:var(--white);font-size:clamp(40px,4.4vw,64px);font-weight:900;line-height:.91;letter-spacing:-.055em;text-transform:uppercase}\n.alvion-3d__accent{color:var(--red)}\n.alvion-3d__description{max-width:560px;margin:22px 0 0;color:var(--gray);font-size:clamp(14px,1.2vw,17px);line-height:1.65}\n.alvion-3d__specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.12)}\n.alvion-3d__spec{padding:14px 12px;background:var(--dark);transition:color .35s ease,background .35s ease}\n.alvion-3d__spec:hover{color:#fff!important;background:#ee2529!important;background-color:#ee2529!important}\n.alvion-3d__spec strong,.alvion-3d__spec span{display:block}\n.alvion-3d__spec strong{color:inherit;font-size:17px;font-weight:900}\n.alvion-3d__spec span{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}\n.alvion-3d__spec:hover span{color:rgba(255,255,255,.78)}\n.alvion-3d .alvion-3d__button,\n.alvion-3d .alvion-3d__close,\n.alvion-3d .alvion-3d__swatch{\n  all:unset;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none;\n}\n.alvion-3d__button,\n.alvion-3d button.alvion-3d__button,\n.alvion-3d .elementor-widget-html .alvion-3d__button{\n  display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;align-self:flex-start!important;\n  min-width:250px!important;min-height:54px!important;margin:28px 0 0!important;padding:12px 18px!important;\n  border:2px solid #ee2529!important;border-radius:0!important;\n  color:#ffffff!important;background:#ee2529!important;background-color:#ee2529!important;background-image:none!important;\n  box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;text-transform:none!important;\n  font-family:\"Gabarito\",sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em!important;line-height:1.2!important;\n  transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease!important;\n}\n.alvion-3d__button:hover,\n.alvion-3d__button:focus,\n.alvion-3d button.alvion-3d__button:hover,\n.alvion-3d button.alvion-3d__button:focus{\n  border-color:#ffffff!important;background:transparent!important;background-color:transparent!important;background-image:none!important;\n  color:#ffffff!important;transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important;\n}\n.alvion-3d__button span{color:inherit!important;background:transparent!important}\n.alvion-3d__button svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;transition:transform .4s ease!important}\n.alvion-3d__button:hover svg{transform:rotate(45deg)!important}\n.alvion-3d__modal{\n  position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid;place-items:stretch;\n  padding:0!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;\n  color:var(--dark);background:#f4f3f2;opacity:0;visibility:hidden;pointer-events:none;\n  transition:opacity .35s ease,visibility .35s ease;\n}\n.alvion-3d__modal.is-open{opacity:1;visibility:visible;pointer-events:auto;overflow:hidden}\n.alvion-3d__modal-window{position:relative;width:100%;height:100%;border:0;background:#f4f3f2}\n.alvion-3d__modal-header{\n  position:absolute;top:0;right:0;left:0;z-index:10;display:flex;align-items:center;justify-content:flex-start;\n  min-height:64px;padding:0 70px 0 22px;border-bottom:1px solid rgba(35,31,32,.1);\n  background:rgba(244,243,242,.88);backdrop-filter:blur(14px);pointer-events:none;\n}\n.alvion-3d__modal-title{color:var(--dark);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\n.alvion-3d__close{\n  position:absolute!important;top:14px!important;right:14px!important;z-index:20!important;display:grid!important;place-items:center!important;\n  width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:50%!important;\n  color:#fff!important;background:#ee2529!important;background-color:#ee2529!important;background-image:none!important;\n  box-shadow:0 8px 24px rgba(238,37,41,.35)!important;cursor:pointer!important;pointer-events:auto!important;\n  transition:background .25s ease,transform .25s ease,box-shadow .25s ease!important;\n}\n.alvion-3d__close:hover,.alvion-3d__close:focus{\n  background:#d91d22!important;background-color:#d91d22!important;background-image:none!important;\n  transform:rotate(90deg) scale(1.05)!important;box-shadow:0 12px 30px rgba(238,37,41,.45)!important;color:#fff!important;\n}\n.alvion-3d__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}\n.alvion-3d__model-slot{\n  position:relative;width:100%;height:100%;padding-top:64px;overflow:hidden;touch-action:none;\n  background:\n    radial-gradient(920px 520px at 62% 42%,rgba(255,255,255,.95),transparent 62%),\n    linear-gradient(180deg,#fbfafa 0%,#f0eeed 100%);\n}\n.alvion-3d__viewer{display:block;width:100%;height:100%;background:transparent;--poster-color:#f4f3f2}\n\n\/* Colour rail \u2014 LEFT *\/\n.alvion-3d__colors{\n  position:absolute;top:50%;left:22px;z-index:8;\n  display:flex;flex-direction:column;gap:10px;width:56px;padding:14px 10px;\n  border:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,.88);backdrop-filter:blur(14px);\n  transform:translateY(-50%);\n}\n.alvion-3d__colors-label{\n  margin:0 0 4px;color:rgba(255,255,255,.45);font-size:9px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;\n}\n.alvion-3d__swatch,\n.alvion-3d [role=\"button\"].alvion-3d__swatch{\n  position:relative;display:block!important;width:34px!important;height:34px!important;margin:0 auto!important;\n  border:2px solid rgba(255,255,255,.22)!important;border-radius:50%!important;\n  background-color:var(--swatch)!important;background-image:var(--swatch-image,none)!important;background-size:cover!important;\n  box-shadow:none!important;cursor:pointer!important;\n  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;\n}\n.alvion-3d__swatch:hover,.alvion-3d__swatch:focus-visible{\n  transform:scale(1.08);border-color:#fff!important;outline:none!important;\n}\n.alvion-3d__swatch.is-active{\n  border-color:#ee2529!important;box-shadow:0 0 0 3px rgba(238,37,41,.28)!important;\n}\n.alvion-3d__color-name{\n  position:absolute;left:calc(100% + 14px);top:50%;min-width:max-content;padding:7px 10px;\n  border:1px solid rgba(255,255,255,.12);color:#fff;background:rgba(5,5,5,.94);\n  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;\n  transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none;\n  transition:opacity .2s ease,visibility .2s ease;\n}\n.alvion-3d__swatch:hover .alvion-3d__color-name,\n.alvion-3d__swatch.is-active .alvion-3d__color-name,\n.alvion-3d__swatch:focus-visible .alvion-3d__color-name{\n  opacity:1;visibility:visible;\n}\n.alvion-3d__foil-meta{\n  position:absolute;left:22px;bottom:22px;top:auto;z-index:8;width:min(240px,calc(100vw - 44px));\n  padding:14px 16px;border:1px solid rgba(35,31,32,.12);background:rgba(255,255,255,.94);\n  backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(35,31,32,.08);transform:none;\n  pointer-events:none;\n}\n.alvion-3d__foil-meta-kicker{\n  margin:0 0 6px;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n}\n.alvion-3d__foil-meta.is-core .alvion-3d__foil-meta-kicker{display:none}\n.alvion-3d__foil-meta.is-core .alvion-3d__foil-meta-name{margin-top:0}\n.alvion-3d__foil-meta-name{\n  margin:0;color:var(--dark);font-size:18px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;line-height:1.1;\n}\n.alvion-3d__foil-meta-codes{\n  display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(35,31,32,.1);\n}\n.alvion-3d__foil-meta-codes span{\n  display:flex;align-items:baseline;justify-content:space-between;gap:12px;\n  color:rgba(35,31,32,.48);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\n}\n.alvion-3d__foil-meta-codes strong{\n  color:var(--dark);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:none;\n}\n\n.alvion-3d__viewer .Hotspot{\n  display:block;width:18px;height:18px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--red);\n  box-shadow:0 0 0 6px rgba(238,37,41,.22),0 8px 18px rgba(0,0,0,.35);cursor:pointer;\n  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;\n}\n.alvion-3d__viewer .Hotspot:not([data-visible]){opacity:0;pointer-events:none}\n.alvion-3d__viewer .Hotspot:hover,.alvion-3d__viewer .Hotspot.is-active{\n  background:#fff;border-color:var(--red);transform:scale(1.15);\n  box-shadow:0 0 0 8px rgba(238,37,41,.28),0 10px 22px rgba(0,0,0,.4);\n}\n.alvion-3d__viewer .HotspotAnnotation{\n  position:absolute;top:calc(100% + 12px);left:50%;z-index:2;min-width:max-content;padding:8px 12px;\n  border:1px solid rgba(255,255,255,.14);color:#fff;background:rgba(35,31,32,.94);\n  font-family:\"Gabarito\",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;\n  transform:translateX(-50%);opacity:0;visibility:hidden;pointer-events:none;\n  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;\n}\n.alvion-3d__viewer .Hotspot .HotspotAnnotation{display:none!important}\n\n\/* Hotspot detail panel \u2014 RIGHT *\/\n.alvion-3d__hotspot-panel{\n  position:fixed!important;right:22px!important;left:auto!important;bottom:22px!important;z-index:2147483647!important;\n  width:min(340px,calc(100vw - 44px))!important;padding:18px 18px 16px;\n  border:1px solid rgba(255,255,255,.12);background:rgba(5,5,5,.92);backdrop-filter:blur(14px);\n  opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;\n  transition:opacity .28s ease,visibility .28s ease,transform .28s ease;\n}\n.alvion-3d__hotspot-panel.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}\n.alvion-3d__hotspot-kicker{margin:0 0 8px;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\n.alvion-3d__hotspot-panel h3{margin:0;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;line-height:1.05}\n.alvion-3d__hotspot-panel p{margin:10px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.5}\n.alvion-3d__progress{position:absolute;left:50%;bottom:42px;z-index:4;width:min(280px,70%);height:3px;overflow:hidden;background:rgba(35,31,32,.12);transform:translateX(-50%);transition:opacity .35s ease}\n.alvion-3d__progress.hide{opacity:0;pointer-events:none}\n.alvion-3d__progress-bar{width:0%;height:100%;background:var(--red);transition:width .15s linear}\n.alvion-3d__hint{position:absolute;left:50%;bottom:58px;z-index:3;color:rgba(35,31,32,.42);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transform:translateX(-50%);pointer-events:none}\nbody.alvion-3d-open .elementor-location-header,body.alvion-3d-open header,body.alvion-3d-open .elementor-sticky--active{opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n@media (max-width:780px){\n  .alvion-3d__grid{grid-template-columns:1fr}\n  .alvion-3d__visual{min-height:430px}\n  .alvion-3d__content{min-height:auto;padding:55px 20px 65px;border-top:1px solid rgba(255,255,255,.12);border-left:0}\n  .alvion-3d h2{font-size:clamp(40px,12vw,58px)}\n  .alvion-3d__specs{grid-template-columns:1fr}\n  .alvion-3d__button{width:100%}\n  .alvion-3d__colors{\n    top:auto;bottom:88px;left:50%;width:auto;max-width:calc(100vw - 28px);\n    flex-direction:row;gap:8px;padding:10px 12px;transform:translateX(-50%);overflow-x:auto;-webkit-overflow-scrolling:touch;\n  }\n  .alvion-3d__colors-label,.alvion-3d__color-name{display:none}\n  .alvion-3d__swatch{flex:0 0 auto}\n  .alvion-3d__foil-meta{\n    left:14px;right:auto;top:auto;bottom:148px;width:min(240px,calc(100vw - 28px));transform:none;\n  }\n  .alvion-3d__hotspot-panel{\n    right:14px!important;left:14px!important;bottom:210px!important;width:auto!important;\n  }\n  .alvion-3d__hint{bottom:auto;top:78px}\n  .alvion-3d__progress{bottom:132px}\n}\n<\/style>\n\n<section class=\"alvion-3d\" aria-labelledby=\"alvion-3d-title\">\n  <div class=\"alvion-3d__grid\">\n    <div class=\"alvion-3d__visual\">\n      <video class=\"alvion-3d__video\" autoplay muted loop playsinline preload=\"auto\">\n        <source src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Supremo-8500-Alvion-Rotating-model.mp4\" type=\"video\/mp4\">\n      <\/video>\n      <div class=\"alvion-3d__video-frame\" aria-hidden=\"true\"><\/div>\n    <\/div>\n    <div class=\"alvion-3d__content\">\n      <h2 id=\"alvion-3d-title\">Performance from every <span class=\"alvion-3d__accent\">angle.<\/span><\/h2>\n      <p class=\"alvion-3d__description\">A profile system is more than its visible surface. Explore the structural intelligence behind the 8500 Supremo\u2014from its deep multi-chamber geometry to the sealing architecture engineered for lasting thermal and acoustic performance.<\/p>\n      <div class=\"alvion-3d__specs\">\n        <div class=\"alvion-3d__spec\"><strong>85 mm<\/strong><span>Structural Depth<\/span><\/div>\n        <div class=\"alvion-3d__spec\"><strong>7<\/strong><span>Thermal Chambers<\/span><\/div>\n        <div class=\"alvion-3d__spec\"><strong>3&times;<\/strong><span>Sealing Levels<\/span><\/div>\n      <\/div>\n      <div class=\"alvion-3d__button\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\">\n        <span>Explore the 3D Model<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3 21 8v8l-9 5-9-5V8Z\"><\/path><path d=\"m3 8 9 5 9-5M12 13v8\"><\/path><\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"alvion-3d__modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Interactive Alvion 3D model\" aria-hidden=\"true\">\n    <div class=\"alvion-3d__modal-window\">\n      <header class=\"alvion-3d__modal-header\"><span class=\"alvion-3d__modal-title\">8500 Supremo \/ Interactive 3D Model<\/span><\/header>\n      <button class=\"alvion-3d__close\" type=\"button\" aria-label=\"Close 3D model\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m5 5 14 14M19 5 5 19\"><\/path><\/svg>\n      <\/button>\n      <div class=\"alvion-3d__model-slot\">\n        <aside class=\"alvion-3d__colors\" aria-label=\"Choose foil colour\">\n          <p class=\"alvion-3d__colors-label\">Foil<\/p>\n\n          <div class=\"alvion-3d__swatch is-active\" role=\"button\" tabindex=\"0\" aria-pressed=\"true\" aria-label=\"White\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-White.glb\" data-label=\"White\"\n            data-conti=\"Core finish\" data-ral=\"9016\"\n            style=\"--swatch:#f4f2ef\"><span class=\"alvion-3d__color-name\">White<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Anthracite\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Anthracite.glb\" data-label=\"Anthracite\"\n            data-conti=\"F4365003N\" data-ral=\"7016\"\n            style=\"--swatch:#4a4849\"><span class=\"alvion-3d__color-name\">Anthracite<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Jet Black\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Jet-Black.glb\" data-label=\"Jet Black\"\n            data-conti=\"F4467062\" data-ral=\"9005\"\n            style=\"--swatch:#111111\"><span class=\"alvion-3d__color-name\">Jet Black<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Golden Oak\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Golden-Oak.glb\" data-label=\"Golden Oak\"\n            data-conti=\"F4362076N\" data-ral=\"8001\"\n            style=\"--swatch:#b9894a;--swatch-image:linear-gradient(135deg,#d4a76a 0%,#9a6a32 45%,#c89652 100%)\"><span class=\"alvion-3d__color-name\">Golden Oak<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Dark Oak\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Dark-Oak.glb\" data-label=\"Dark Oak\"\n            data-conti=\"F4362075N\" data-ral=\"8007\"\n            style=\"--swatch:#5b3a28;--swatch-image:linear-gradient(135deg,#7a5238 0%,#3f2618 55%,#6a452f 100%)\"><span class=\"alvion-3d__color-name\">Dark Oak<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Nussbaum\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Nussbaum.glb\" data-label=\"Nussbaum\"\n            data-conti=\"F4262007\" data-ral=\"8028\"\n            style=\"--swatch:#6e4530;--swatch-image:linear-gradient(135deg,#8a5a3c 0%,#4a2d1c 50%,#744833 100%)\"><span class=\"alvion-3d__color-name\">Nussbaum<\/span><\/div>\n\n          <div class=\"alvion-3d__swatch\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"Mahogany\"\n            data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/08\/Alvion-Mahogany.glb\" data-label=\"Mahogany\"\n            data-conti=\"F4262002\" data-ral=\"8015\"\n            style=\"--swatch:#5a281f;--swatch-image:linear-gradient(135deg,#7a3a2c 0%,#3a1610 55%,#602c22 100%)\"><span class=\"alvion-3d__color-name\">Mahogany<\/span><\/div>\n        <\/aside>\n\n        <aside class=\"alvion-3d__foil-meta is-core\" data-foil-meta aria-live=\"polite\">\n          <p class=\"alvion-3d__foil-meta-kicker\" data-foil-kicker>Continental foil<\/p>\n          <p class=\"alvion-3d__foil-meta-name\" data-foil-name>White<\/p>\n          <div class=\"alvion-3d__foil-meta-codes\">\n            <span data-foil-conti-row><em data-foil-conti-label>Continental<\/em> <strong data-foil-conti>Core finish<\/strong><\/span>\n            <span>RAL <strong data-foil-ral>9016<\/strong><\/span>\n          <\/div>\n        <\/aside>\n\n        <model-viewer\n          class=\"alvion-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 touch-action=\"pan-y\"\n          shadow-intensity=\"1\" shadow-softness=\"0.9\" exposure=\"0.78\" tone-mapping=\"commerce\"\n          environment-image=\"https:\/\/modelviewer.dev\/shared-assets\/environments\/neutral.hdr\"\n          camera-orbit=\"35deg 72deg 110%\" min-camera-orbit=\"auto auto 55%\" max-camera-orbit=\"auto auto 180%\"\n          field-of-view=\"28deg\" interaction-prompt=\"none\" 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-3d__hotspot-panel\" data-hotspot-panel aria-live=\"polite\">\n          <p class=\"alvion-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-3d__progress\" aria-hidden=\"true\"><div class=\"alvion-3d__progress-bar\"><\/div><\/div>\n        <div class=\"alvion-3d__hint\">Pick a colour \u00b7 Drag to rotate \u00b7 Tap red points<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll(\".alvion-3d\").forEach(function(section){\n  var openButton=section.querySelector(\".alvion-3d__button\");\n  var closeButton=section.querySelector(\".alvion-3d__close\");\n  var modal=section.querySelector(\".alvion-3d__modal\");\n  var modalTitle=section.querySelector(\".alvion-3d__modal-title\");\n  var video=section.querySelector(\".alvion-3d__video\");\n  var viewer=section.querySelector(\".alvion-3d__viewer\");\n  var progress=section.querySelector(\".alvion-3d__progress\");\n  var progressBar=section.querySelector(\".alvion-3d__progress-bar\");\n  var panel=section.querySelector(\"[data-hotspot-panel]\");\n  var panelTitle=section.querySelector(\"[data-hotspot-title]\");\n  var panelCopy=section.querySelector(\"[data-hotspot-copy]\");\n  var hotspots=section.querySelectorAll(\".Hotspot[data-hotspot]\");\n  var swatches=Array.from(section.querySelectorAll(\".alvion-3d__swatch\"));\n  var foilMeta=section.querySelector(\"[data-foil-meta]\");\n  var foilName=section.querySelector(\"[data-foil-name]\");\n  var foilConti=section.querySelector(\"[data-foil-conti]\");\n  var foilContiLabel=section.querySelector(\"[data-foil-conti-label]\");\n  var foilRal=section.querySelector(\"[data-foil-ral]\");\n  var previousOverflow=\"\";\n  var currentSrc=\"\";\n  var details={\n    reinforcement:{title:\"Steel reinforcement\",copy:\"Internal steel inserts stiffen the frame, keeping sashes square and stable under wind load and everyday use.\"},\n    glass:{title:\"Glazing pocket\",copy:\"Engineered to accept high-performance insulated glass units, supporting stronger thermal and acoustic results.\"},\n    profile:{title:\"85 mm profile depth\",copy:\"The substantial system depth builds thermal mass and structural composure into a clean contemporary section.\"},\n    gasket:{title:\"Middle gasket\",copy:\"The centre sealing plane blocks airflow and weather paths, working with outer and inner gaskets for quiet, tight rooms.\"}\n  };\n\n  video.muted=true;video.playsInline=true;video.play().catch(function(){});\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(e){}\n  }\n  stopAutoRotate();\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  if(viewer){\n    currentSrc=viewer.getAttribute(\"src\")||\"\";\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 setColour(swatch){\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    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(modalTitle) modalTitle.textContent=\"8500 Supremo \/ \"+label;\n    viewer.setAttribute(\"alt\",\"Alvion 8500 Supremo \"+label+\" 3D model\");\n\n    var conti=swatch.getAttribute(\"data-conti\")||\"\u2014\";\n    var ral=swatch.getAttribute(\"data-ral\")||\"\u2014\";\n    var isCore=label===\"White\"||conti===\"Core finish\";\n    if(foilMeta) foilMeta.classList.toggle(\"is-core\",isCore);\n    if(foilName) foilName.textContent=label;\n    if(foilConti) foilConti.textContent=conti;\n    if(foilContiLabel) foilContiLabel.textContent=isCore?\"Finish\":\"Continental\";\n    if(foilRal) foilRal.textContent=ral;\n\n    \/\/ Light stage: slightly lower exposure for white, a bit more for dark foils\n    try{viewer.exposure=label===\"White\"?0.78:0.68;}catch(e){}\n    try{viewer.shadowIntensity=1;}catch(e){}\n    try{viewer.shadowSoftness=0.9;}catch(e){}\n\n    if(fileKey(currentSrc)===fileKey(src)&&fileKey(viewer.src||viewer.getAttribute(\"src\"))===fileKey(src)){\n      return;\n    }\n\n    var orbit=\"\";\n    try{\n      if(viewer.getCameraOrbit) orbit=viewer.getCameraOrbit().toString();\n    }catch(e){}\n    if(!orbit){\n      try{orbit=viewer.getAttribute(\"camera-orbit\")||\"\";}catch(e2){}\n    }\n\n    progress.classList.remove(\"hide\");\n    progressBar.style.width=\"0%\";\n\n    \/\/ Force reliable src swap (fixes White re-select \/ absolute URL mismatch)\n    currentSrc=src;\n    viewer.removeAttribute(\"src\");\n    viewer.setAttribute(\"src\",src);\n    try{viewer.src=src;}catch(e3){}\n\n    if(orbit){\n      var restore=function(){\n        try{viewer.cameraOrbit=orbit;}catch(e4){}\n        try{viewer.setAttribute(\"camera-orbit\",orbit);}catch(e5){}\n        stopAutoRotate();\n        viewer.removeEventListener(\"load\",restore);\n      };\n      viewer.addEventListener(\"load\",restore);\n    }\n  }\n\n  function setActiveHotspot(id){\n    hotspots.forEach(function(spot){spot.classList.toggle(\"is-active\",spot.getAttribute(\"data-hotspot\")===id);});\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  function clearHotspot(){\n    hotspots.forEach(function(spot){spot.classList.remove(\"is-active\");});\n    if(panel)panel.classList.remove(\"is-open\");\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  swatches.forEach(function(swatch){\n    function pick(event){\n      event.preventDefault();\n      event.stopPropagation();\n      setColour(swatch);\n    }\n    swatch.addEventListener(\"click\",pick);\n    swatch.addEventListener(\"keydown\",function(event){\n      if(event.key===\"Enter\"||event.key===\" \"){pick(event);}\n    });\n  });\n\n  function openModal(){\n    previousOverflow=document.body.style.overflow;\n    document.body.style.overflow=\"hidden\";\n    document.body.classList.add(\"alvion-3d-open\");\n    document.body.appendChild(modal);\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"false\");\n    closeButton.focus();\n    video.pause();\n    clearHotspot();\n  }\n  function closeModal(){\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\",\"true\");\n    document.body.style.overflow=previousOverflow;\n    document.body.classList.remove(\"alvion-3d-open\");\n    section.appendChild(modal);\n    video.play().catch(function(){});\n    openButton.focus();\n    clearHotspot();\n  }\n\n  openButton.addEventListener(\"click\",openModal);\n  openButton.addEventListener(\"keydown\",function(event){\n    if(event.key===\"Enter\"||event.key===\" \"){event.preventDefault();openModal();}\n  });\n  closeButton.addEventListener(\"click\",closeModal);\n  modal.addEventListener(\"click\",function(event){if(event.target===modal)closeModal();});\n  document.addEventListener(\"keydown\",function(event){\n    if(event.key===\"Escape\"&&modal.classList.contains(\"is-open\"))closeModal();\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-41e389b e-con e-atomic-element e-flexbox-base e-41e389b-68623af \" data-id=\"41e389b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"41e389b\">\n    \t\t<div class=\"elementor-element elementor-element-27bea28 elementor-widget elementor-widget-html\" data-id=\"27bea28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ALVION \u2014 8500 SUPREMO \/ ALUCLIP\r\n     Dodatak: aluminijski clip \/ cover za Supremo 85 MD.\r\n     Elementor HTML widget. Vidljivi tekst EN.\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-aluclip,\r\n  .alvion-aluclip * { box-sizing: border-box; }\r\n\r\n  .alvion-aluclip {\r\n    --red: #ee2529;\r\n    --dark: #231f20;\r\n    --white: #ffffff;\r\n    --soft: #f4f3f3;\r\n    --gray: #746f70;\r\n    --line: rgba(35, 31, 32, 0.14);\r\n    width: 100%;\r\n    overflow: hidden;\r\n    color: var(--dark);\r\n    background: var(--white);\r\n    font-family: \"Gabarito\", sans-serif;\r\n  }\r\n\r\n  .alvion-aluclip__container {\r\n    width: min(1360px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .alvion-aluclip__section {\r\n    position: relative;\r\n    isolation: isolate;\r\n    padding: clamp(90px, 11vw, 150px) 0;\r\n  }\r\n\r\n  .alvion-aluclip__section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    opacity: 0.42;\r\n    background-image:\r\n      linear-gradient(rgba(35, 31, 32, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(35, 31, 32, 0.03) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n  }\r\n\r\n  .alvion-aluclip__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    gap: clamp(40px, 6vw, 90px);\r\n    align-items: center;\r\n  }\r\n\r\n  .alvion-aluclip__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0 0 18px;\r\n    color: var(--red);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__eyebrow::before {\r\n    content: \"\";\r\n    width: 32px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .alvion-aluclip__copy h2 {\r\n    margin: 0;\r\n    color: var(--dark);\r\n    font-size: clamp(42px, 5.4vw, 74px);\r\n    font-weight: 900;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.055em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__copy h2 span { color: var(--red); }\r\n\r\n  .alvion-aluclip__lead {\r\n    max-width: 46ch;\r\n    margin: 26px 0 0;\r\n    color: var(--gray);\r\n    font-size: 17px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .alvion-aluclip__specs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .alvion-aluclip__spec {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 38px;\r\n    padding: 8px 14px;\r\n    border: 1px solid var(--line);\r\n    color: var(--dark);\r\n    background: var(--white);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__spec em {\r\n    font-style: normal;\r\n    color: var(--red);\r\n    margin-right: 8px;\r\n  }\r\n\r\n  .alvion-aluclip__points {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0;\r\n    margin-top: 36px;\r\n    border-top: 1px solid var(--line);\r\n  }\r\n\r\n  .alvion-aluclip__point {\r\n    padding: 20px 18px 18px 0;\r\n    border-bottom: 1px solid var(--line);\r\n  }\r\n\r\n  .alvion-aluclip__point:nth-child(odd) {\r\n    padding-right: 22px;\r\n    border-right: 1px solid var(--line);\r\n  }\r\n\r\n  .alvion-aluclip__point:nth-child(even) {\r\n    padding-left: 22px;\r\n  }\r\n\r\n  .alvion-aluclip__point span {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: var(--red);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__point strong {\r\n    display: block;\r\n    color: var(--dark);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  \/* VISUAL STAGE *\/\r\n  .alvion-aluclip__stage {\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  .alvion-aluclip__main {\r\n    position: relative;\r\n    overflow: hidden;\r\n    aspect-ratio: 1.05 \/ 1;\r\n    border: 1px solid var(--dark);\r\n    background:\r\n      radial-gradient(800px 420px at 80% 0%, rgba(238, 37, 41, 0.12), transparent 55%),\r\n      var(--soft);\r\n  }\r\n\r\n  .alvion-aluclip__main::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1px;\r\n    right: -1px;\r\n    width: 88px;\r\n    height: 88px;\r\n    border-top: 5px solid var(--red);\r\n    border-right: 5px solid var(--red);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n\r\n  .alvion-aluclip__main img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    padding: clamp(18px, 3vw, 36px);\r\n    transition: opacity 0.35s ease, transform 0.55s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  .alvion-aluclip__badge {\r\n    position: absolute;\r\n    left: 18px;\r\n    bottom: 18px;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 40px;\r\n    padding: 8px 14px;\r\n    color: var(--white);\r\n    background: var(--dark);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__badge i {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--red);\r\n  }\r\n\r\n  .alvion-aluclip__thumbs {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* Kill Elementor \/ theme button paint on thumbs *\/\r\n  .alvion-aluclip button.alvion-aluclip__thumb,\r\n  .alvion-aluclip [role=\"button\"].alvion-aluclip__thumb {\r\n    all: unset;\r\n    box-sizing: border-box;\r\n    display: block;\r\n    width: 100%;\r\n    cursor: pointer;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n  }\r\n\r\n  .alvion-aluclip__thumb,\r\n  .alvion-aluclip button.alvion-aluclip__thumb,\r\n  .alvion-aluclip .elementor-widget-html .alvion-aluclip__thumb {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    aspect-ratio: 1.15 \/ 1 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(35, 31, 32, 0.14) !important;\r\n    border-radius: 0 !important;\r\n    color: inherit !important;\r\n    background: #f4f3f3 !important;\r\n    background-color: #f4f3f3 !important;\r\n    background-image: none !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    cursor: pointer !important;\r\n    transition: border-color 0.3s ease, transform 0.3s ease !important;\r\n  }\r\n\r\n  .alvion-aluclip__thumb img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: contain !important;\r\n    padding: 10px !important;\r\n    background: transparent !important;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .alvion-aluclip__thumb:hover,\r\n  .alvion-aluclip__thumb:focus,\r\n  .alvion-aluclip__thumb:focus-visible,\r\n  .alvion-aluclip__thumb.is-active,\r\n  .alvion-aluclip__thumb:hover:not(:disabled),\r\n  .alvion-aluclip button.alvion-aluclip__thumb:hover,\r\n  .alvion-aluclip button.alvion-aluclip__thumb:focus,\r\n  .alvion-aluclip button.alvion-aluclip__thumb.is-active {\r\n    border-color: #ee2529 !important;\r\n    color: inherit !important;\r\n    background: #f4f3f3 !important;\r\n    background-color: #f4f3f3 !important;\r\n    background-image: none !important;\r\n    box-shadow: none !important;\r\n    transform: translateY(-3px) !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  .alvion-aluclip__thumb.is-active::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 1;\r\n    height: 3px;\r\n    background: #ee2529 !important;\r\n  }\r\n\r\n  .alvion-aluclip__caption {\r\n    margin: 4px 0 0;\r\n    color: var(--gray);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* BOTTOM STRIP \u2014 full-width separator *\/\r\n  .alvion-aluclip__strip {\r\n    position: relative;\r\n    isolation: isolate;\r\n    margin-top: clamp(48px, 7vw, 80px);\r\n    padding: clamp(36px, 5vw, 54px) 0;\r\n    color: var(--white);\r\n    background:\r\n      linear-gradient(90deg, rgba(238, 37, 41, 0.14), transparent 28%),\r\n      var(--dark);\r\n    border-top: 4px solid var(--red);\r\n    box-shadow: 0 18px 48px rgba(35, 31, 32, 0.12);\r\n  }\r\n\r\n  .alvion-aluclip__strip::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    opacity: 0.22;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);\r\n    background-size: 56px 56px;\r\n  }\r\n\r\n  .alvion-aluclip__strip-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 0;\r\n  }\r\n\r\n  .alvion-aluclip__strip-item {\r\n    padding: 14px 28px 14px 28px;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .alvion-aluclip__strip-item:first-child {\r\n    padding-left: 0;\r\n  }\r\n\r\n  .alvion-aluclip__strip-item:last-child {\r\n    border-right: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .alvion-aluclip__strip-item span {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n    color: var(--red);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .alvion-aluclip__strip-item p {\r\n    margin: 0;\r\n    color: var(--white);\r\n    font-size: clamp(16px, 1.5vw, 18px);\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .alvion-aluclip__grid { grid-template-columns: 1fr; }\r\n    .alvion-aluclip__strip-grid { grid-template-columns: 1fr 1fr; }\r\n    .alvion-aluclip__strip-item {\r\n      border-right: 0;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n      padding: 22px 0;\r\n    }\r\n    .alvion-aluclip__strip-item:first-child { padding-left: 0; }\r\n    .alvion-aluclip__strip-item:nth-last-child(-n+2) { border-bottom: 0; }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .alvion-aluclip__container { width: min(100% - 36px, 1360px); }\r\n    .alvion-aluclip__points { grid-template-columns: 1fr; }\r\n    .alvion-aluclip__point:nth-child(odd),\r\n    .alvion-aluclip__point:nth-child(even) {\r\n      padding: 18px 0;\r\n      border-right: 0;\r\n    }\r\n    .alvion-aluclip__strip-grid { grid-template-columns: 1fr; }\r\n    .alvion-aluclip__strip-item:nth-last-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }\r\n    .alvion-aluclip__strip-item:last-child { border-bottom: 0; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"alvion-aluclip\" id=\"alvion-supremo-aluclip\">\r\n  <section class=\"alvion-aluclip__section\">\r\n    <div class=\"alvion-aluclip__container\">\r\n      <div class=\"alvion-aluclip__grid\">\r\n\r\n        <div class=\"alvion-aluclip__copy\">\r\n          <p class=\"alvion-aluclip__eyebrow\">8500 Supremo \/ Accessory<\/p>\r\n          <h2>\r\n            AluClip.<br>\r\n            Aluminium outside.<br>\r\n            <span>uPVC performance<\/span> inside.\r\n          <\/h2>\r\n          <p class=\"alvion-aluclip__lead\">\r\n            85 MD Supremo AluClip pairs the Supremo uPVC system with a precision-fitted\r\n            aluminium cover on the exterior \u2014 delivering aluminium aesthetics with the\r\n            thermal and acoustic performance of a modern multi-chamber profile.\r\n          <\/p>\r\n\r\n          <div class=\"alvion-aluclip__specs\" aria-label=\"Key specifications\">\r\n            <span class=\"alvion-aluclip__spec\"><em>01<\/em>85 mm depth<\/span>\r\n            <span class=\"alvion-aluclip__spec\"><em>02<\/em>Aluminium cover<\/span>\r\n            <span class=\"alvion-aluclip__spec\"><em>03<\/em>Anthracite \/ White<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"alvion-aluclip__points\">\r\n            <div class=\"alvion-aluclip__point\">\r\n              <span>Thermal<\/span>\r\n              <strong>Lower heat transfer with uPVC core performance<\/strong>\r\n            <\/div>\r\n            <div class=\"alvion-aluclip__point\">\r\n              <span>Acoustic<\/span>\r\n              <strong>Great sound insulation for demanding projects<\/strong>\r\n            <\/div>\r\n            <div class=\"alvion-aluclip__point\">\r\n              <span>Durability<\/span>\r\n              <strong>Weatherproof shell that retains its value<\/strong>\r\n            <\/div>\r\n            <div class=\"alvion-aluclip__point\">\r\n              <span>Security<\/span>\r\n              <strong>Burglar-resistant aluminium facing material<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"alvion-aluclip__stage\">\r\n          <div class=\"alvion-aluclip__main\">\r\n            <img decoding=\"async\"\r\n              id=\"alvion-aluclip-main\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Supremo-Aluclip-MD-85-400x439-1.png\"\r\n              alt=\"Supremo 85 MD AluClip profile\"\r\n             src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/439;\">\r\n            <span class=\"alvion-aluclip__badge\"><i><\/i><span id=\"alvion-aluclip-label\">Profile detail<\/span><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"alvion-aluclip__thumbs\" role=\"tablist\" aria-label=\"AluClip views\">\r\n            <div\r\n              class=\"alvion-aluclip__thumb is-active\"\r\n              role=\"button\"\r\n              tabindex=\"0\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Supremo-Aluclip-MD-85-400x439-1.png\"\r\n              data-label=\"Profile detail\"\r\n              aria-pressed=\"true\"\r\n              aria-label=\"Profile detail\"\r\n            >\r\n              <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/Supremo-Aluclip-MD-85-400x439-1.png\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 400px; --smush-placeholder-aspect-ratio: 400\/439;\">\r\n            <\/div>\r\n            <div\r\n              class=\"alvion-aluclip__thumb\"\r\n              role=\"button\"\r\n              tabindex=\"0\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Supremo-ALUCLIP-01.png.webp\"\r\n              data-label=\"AluClip assembly\"\r\n              aria-pressed=\"false\"\r\n              aria-label=\"AluClip assembly\"\r\n            >\r\n              <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/Supremo-ALUCLIP-01.png.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1128px; --smush-placeholder-aspect-ratio: 1128\/1600;\">\r\n            <\/div>\r\n            <div\r\n              class=\"alvion-aluclip__thumb\"\r\n              role=\"button\"\r\n              tabindex=\"0\"\r\n              data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/SUPREMO-with-alu-clip-3.png.webp\"\r\n              data-label=\"Installed system\"\r\n              aria-pressed=\"false\"\r\n              aria-label=\"Installed system\"\r\n            >\r\n              <img decoding=\"async\" data-src=\"https:\/\/alvion-pvc.com\/wp-content\/smush-webp\/2026\/07\/SUPREMO-with-alu-clip-3.png.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2000px; --smush-placeholder-aspect-ratio: 2000\/1600;\">\r\n            <\/div>\r\n          <\/div>\r\n          <p class=\"alvion-aluclip__caption\" id=\"alvion-aluclip-caption\">Click a view to inspect the system<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"alvion-aluclip__strip\" aria-label=\"AluClip highlights\">\r\n      <div class=\"alvion-aluclip__container\">\r\n        <div class=\"alvion-aluclip__strip-grid\">\r\n          <div class=\"alvion-aluclip__strip-item\">\r\n            <span>01<\/span>\r\n            <p>Modern aluminium design language<\/p>\r\n          <\/div>\r\n          <div class=\"alvion-aluclip__strip-item\">\r\n            <span>02<\/span>\r\n            <p>Optimum uPVC insulation values<\/p>\r\n          <\/div>\r\n          <div class=\"alvion-aluclip__strip-item\">\r\n            <span>03<\/span>\r\n            <p>Long-life weather-resistant shell<\/p>\r\n          <\/div>\r\n          <div class=\"alvion-aluclip__strip-item\">\r\n            <span>04<\/span>\r\n            <p>Built for Supremo 85 MD profiles<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.querySelector(\".alvion-aluclip\");\r\n  if (!root || root.dataset.bound === \"1\") return;\r\n  root.dataset.bound = \"1\";\r\n\r\n  var main = root.querySelector(\"#alvion-aluclip-main\");\r\n  var label = root.querySelector(\"#alvion-aluclip-label\");\r\n  var caption = root.querySelector(\"#alvion-aluclip-caption\");\r\n  var thumbs = root.querySelectorAll(\".alvion-aluclip__thumb\");\r\n\r\n  function activateThumb(thumb) {\r\n    var src = thumb.getAttribute(\"data-src\");\r\n    var text = thumb.getAttribute(\"data-label\") || \"\";\r\n    if (!src) return;\r\n\r\n    main.style.opacity = \"0.35\";\r\n    main.style.transform = \"scale(0.985)\";\r\n\r\n    window.setTimeout(function () {\r\n      main.src = src;\r\n      main.alt = \"Supremo AluClip \u2014 \" + text;\r\n      label.textContent = text;\r\n      caption.textContent = text;\r\n      main.style.opacity = \"1\";\r\n      main.style.transform = \"scale(1)\";\r\n    }, 160);\r\n\r\n    thumbs.forEach(function (el) {\r\n      el.classList.toggle(\"is-active\", el === thumb);\r\n      el.setAttribute(\"aria-pressed\", el === thumb ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  thumbs.forEach(function (thumb) {\r\n    thumb.addEventListener(\"click\", function () {\r\n      activateThumb(thumb);\r\n    });\r\n    thumb.addEventListener(\"keydown\", function (event) {\r\n      if (event.key === \"Enter\" || event.key === \" \") {\r\n        event.preventDefault();\r\n        activateThumb(thumb);\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f613854 e-con e-atomic-element e-flexbox-base e-f613854-3441a4a \" data-id=\"f613854\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f613854\">\n    \t\t<div class=\"elementor-element elementor-element-7fc6943 elementor-widget elementor-widget-html\" data-id=\"7fc6943\" 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     CE i IFT SVG logotipi sa Alvion media library.\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    --gray: #706c6d;\n    --line: rgba(35, 31, 32, 0.12);\n\n    width: 100%;\n    padding: clamp(42px, 5vw, 62px) 24px;\n    color: var(--dark);\n    background: var(--white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  .alvion-cert__container {\n    display: grid;\n    grid-template-columns: minmax(280px, 1fr) auto;\n    gap: clamp(28px, 5vw, 70px);\n    align-items: center;\n    width: min(1280px, 100%);\n    margin: 0 auto;\n  }\n\n  .alvion-cert__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 12px;\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-cert__eyebrow::before {\n    content: \"\";\n    width: 26px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .alvion-cert h2 {\n    margin: 0;\n    color: var(--dark);\n    font-size: clamp(28px, 3.4vw, 42px);\n    font-weight: 900;\n    line-height: 1;\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: 560px;\n    margin: 14px 0 0;\n    color: var(--gray);\n    font-size: 15px;\n    line-height: 1.55;\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: 78px 1fr;\n    gap: 14px;\n    align-items: center;\n    min-width: min(100%, 250px);\n    min-height: 98px;\n    padding: 14px 18px 14px 14px;\n    border: 1px solid var(--line);\n    background: #faf9f9;\n    transition:\n      border-color 0.3s ease,\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .alvion-cert__badge:hover {\n    border-color: rgba(238, 37, 41, 0.35);\n    box-shadow: 0 14px 30px rgba(35, 31, 32, 0.08);\n    transform: translateY(-3px);\n  }\n\n  \/* Okvir za logo *\/\n  .alvion-cert__logo {\n    display: grid;\n    place-items: center;\n    width: 78px;\n    height: 70px;\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    max-width: 58px;\n    max-height: 46px;\n    object-fit: contain;\n    transform-origin: center;\n    animation: alvionCertFloat 3.8s ease-in-out infinite;\n  }\n\n  \/* CE i IFT imaju blago pomaknut ritam animacije *\/\n  .alvion-cert__badge:nth-child(2) .alvion-cert__logo img {\n    animation-delay: 0.9s;\n  }\n\n  .alvion-cert__badge:hover .alvion-cert__logo img {\n    animation: alvionCertPulse 0.7s ease;\n  }\n\n  @keyframes alvionCertFloat {\n    0%,\n    100% {\n      transform: translateY(0) scale(1);\n      opacity: 1;\n    }\n\n    50% {\n      transform: translateY(-4px) scale(1.06);\n      opacity: 0.92;\n    }\n  }\n\n  @keyframes alvionCertPulse {\n    0% {\n      transform: scale(1);\n    }\n\n    45% {\n      transform: scale(1.12);\n    }\n\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  .alvion-cert__badge-label {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--red);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .alvion-cert__badge-title {\n    display: block;\n    color: var(--dark);\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n  }\n\n  .alvion-cert__badge-desc {\n    display: block;\n    margin-top: 4px;\n    color: var(--gray);\n    font-size: 12px;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 900px) {\n    .alvion-cert__container {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .alvion-cert__badges {\n      width: 100%;\n    }\n\n    .alvion-cert__badge {\n      flex: 1 1 240px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .alvion-cert {\n      padding: 38px 18px;\n    }\n\n    .alvion-cert__badge {\n      grid-template-columns: 68px 1fr;\n      min-width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-cert__logo img {\n      animation: none !important;\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\">Verified Performance<\/p>\n\n      <h2 id=\"alvion-cert-title\">\n        Quality and\n        <span class=\"alvion-cert__accent\">certified.<\/span>\n      <\/h2>\n\n      <p class=\"alvion-cert__text\">\n        Alvion profiles are engineered to meet rigorous European standards.\n        Every system carries the CE marking and is tested at IFT Rosenheim \u2014\n        one of Europe\u2019s leading institutes for window and facade technology.\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           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n        <\/div>\n\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           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n        <\/div>\n\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-53f927b e-con e-atomic-element e-flexbox-base e-53f927b-b7f96e5 \" data-id=\"53f927b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53f927b\">\n    \t\t<div class=\"elementor-element elementor-element-6374c87 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6374c87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ALVION \u2014 COMPACT CONTACT STRIP\n     \u0160irina uskla\u0111ena sa Quality & Certified sekcijom.\n     Alvion ikona ima kontinuiranu animaciju.\n========================================================== -->\n\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;700;900&display=swap\");\n\n  .alvion-contact-strip,\n  .alvion-contact-strip * {\n    box-sizing: border-box;\n  }\n\n  .alvion-contact-strip {\n    --red: #ee2529;\n    --dark: #231f20;\n    --white: #ffffff;\n    --gray: #716d6e;\n\n    width: 100%;\n    \/* Isti horizontalni padding kao Quality sekcija *\/\n    padding: clamp(36px, 4.5vw, 52px) 24px;\n    color: var(--dark);\n    background: var(--white);\n    font-family: \"Gabarito\", sans-serif;\n  }\n\n  \/* Ista \u0161irina kontejnera kao .alvion-cert__container *\/\n  .alvion-contact-strip__shell {\n    display: grid;\n    grid-template-columns: minmax(220px, 0.7fr) minmax(420px, 1.3fr);\n    align-items: stretch;\n    width: min(1280px, 100%);\n    margin: 0 auto;\n    border: 1px solid var(--dark);\n    overflow: hidden;\n  }\n\n  \/* Lijevi crveni blok *\/\n  .alvion-contact-strip__intro {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 28px;\n    padding: clamp(22px, 3vw, 30px);\n    overflow: hidden;\n    color: var(--white);\n    background: var(--red);\n  }\n\n  \/* Alvion SVG ikona \u2014 animirana *\/\n  .alvion-contact-strip__brand {\n    position: absolute;\n    right: 18px;\n    bottom: 16px;\n    z-index: 0;\n    width: clamp(54px, 7vw, 78px);\n    height: auto;\n    opacity: 0.32;\n    pointer-events: none;\n    filter: brightness(0) invert(1);\n    transform-origin: center;\n    animation: alvionIconPulse 3.6s ease-in-out infinite;\n  }\n\n  @keyframes alvionIconPulse {\n    0%,\n    100% {\n      opacity: 0.22;\n      transform: translateY(0) scale(1) rotate(0deg);\n    }\n\n    40% {\n      opacity: 0.55;\n      transform: translateY(-6px) scale(1.08) rotate(-4deg);\n    }\n\n    70% {\n      opacity: 0.38;\n      transform: translateY(-2px) scale(1.03) rotate(2deg);\n    }\n  }\n\n  .alvion-contact-strip__label {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .alvion-contact-strip h2 {\n    position: relative;\n    z-index: 1;\n    max-width: 240px;\n    margin: 0;\n    color: var(--white);\n    font-size: clamp(28px, 3.2vw, 40px);\n    font-weight: 900;\n    line-height: 0.95;\n    letter-spacing: -0.04em;\n    text-transform: uppercase;\n  }\n\n  .alvion-contact-strip__links {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .alvion-contact-strip__link {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 8px;\n    min-height: 148px;\n    padding: 24px 26px;\n    color: var(--dark);\n    background: var(--white);\n    text-decoration: none;\n    overflow: hidden;\n    transition:\n      color 0.35s ease,\n      background 0.35s ease;\n  }\n\n  .alvion-contact-strip__link + .alvion-contact-strip__link {\n    border-left: 1px solid rgba(35, 31, 32, 0.14);\n  }\n\n  .alvion-contact-strip__link::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 3px;\n    background: var(--red);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n  }\n\n  .alvion-contact-strip__link:hover {\n    color: var(--white);\n    background: var(--dark);\n  }\n\n  .alvion-contact-strip__link:hover::before {\n    transform: scaleX(1);\n  }\n\n  .alvion-contact-strip__type {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\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-contact-strip__type svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n  }\n\n  .alvion-contact-strip__value {\n    color: inherit;\n    font-size: clamp(18px, 2vw, 24px);\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    word-break: break-word;\n  }\n\n  .alvion-contact-strip__note {\n    color: var(--gray);\n    font-size: 12px;\n    line-height: 1.4;\n    transition: color 0.35s ease;\n  }\n\n  .alvion-contact-strip__link:hover .alvion-contact-strip__note {\n    color: rgba(255, 255, 255, 0.55);\n  }\n\n  \/* Tablet \/ mobilni *\/\n  @media (max-width: 900px) {\n    .alvion-contact-strip {\n      padding: 28px 0;\n    }\n\n    .alvion-contact-strip__shell {\n      width: 100%;\n      border-left: 0;\n      border-right: 0;\n      grid-template-columns: 1fr;\n    }\n\n    .alvion-contact-strip__intro {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      min-height: 0;\n      padding: 18px 20px;\n    }\n\n    .alvion-contact-strip h2 {\n      max-width: none;\n      font-size: 28px;\n    }\n\n    .alvion-contact-strip__brand {\n      position: static;\n      width: 42px;\n      opacity: 0.55;\n      flex-shrink: 0;\n    }\n\n    .alvion-contact-strip__links {\n      grid-template-columns: 1fr;\n    }\n\n    .alvion-contact-strip__link + .alvion-contact-strip__link {\n      border-top: 1px solid rgba(35, 31, 32, 0.14);\n      border-left: 0;\n    }\n\n    .alvion-contact-strip__link {\n      min-height: 0;\n      padding: 18px 20px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .alvion-contact-strip {\n      padding: 22px 0;\n    }\n\n    .alvion-contact-strip__intro {\n      padding: 16px 18px;\n    }\n\n    .alvion-contact-strip__intro-copy {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .alvion-contact-strip h2 {\n      font-size: 26px;\n    }\n\n    .alvion-contact-strip__brand {\n      width: 38px;\n    }\n\n    .alvion-contact-strip__link {\n      padding: 16px 18px;\n      gap: 6px;\n    }\n\n    .alvion-contact-strip__value {\n      font-size: 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .alvion-contact-strip__brand {\n      animation: none;\n    }\n\n    .alvion-contact-strip *,\n    .alvion-contact-strip *::before,\n    .alvion-contact-strip *::after {\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<section class=\"alvion-contact-strip\" aria-labelledby=\"alvion-contact-strip-title\">\n  <div class=\"alvion-contact-strip__shell\">\n\n    <div class=\"alvion-contact-strip__intro\">\n      <div class=\"alvion-contact-strip__intro-copy\">\n        <p class=\"alvion-contact-strip__label\">Contact Alvion<\/p>\n        <h2 id=\"alvion-contact-strip-title\">Get in touch.<\/h2>\n      <\/div>\n\n      <img decoding=\"async\"\n        class=\"alvion-contact-strip__brand lazyload\"\n        data-src=\"https:\/\/alvion-pvc.com\/wp-content\/uploads\/2026\/07\/alvion-icon.svg\"\n        alt=\"\"\n        aria-hidden=\"true\"\n       src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\n    <\/div>\n\n    <div class=\"alvion-contact-strip__links\">\n\n      <a\n        class=\"alvion-contact-strip__link\"\n        href=\"mailto:info@alvion-pvc.com\"\n      >\n        <span class=\"alvion-contact-strip__type\">\n          Email\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\"><\/rect>\n            <path d=\"m4 7 8 6 8-6\"><\/path>\n          <\/svg>\n        <\/span>\n        <span class=\"alvion-contact-strip__value\">info@alvion-pvc.com<\/span>\n        <span class=\"alvion-contact-strip__note\">\n          Project &amp; specification inquiries\n        <\/span>\n      <\/a>\n\n      <a\n        class=\"alvion-contact-strip__link\"\n        href=\"tel:+38762462344\"\n      >\n        <span class=\"alvion-contact-strip__type\">\n          Phone\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 3h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 4 5a2 2 0 0 1 2-2Z\"><\/path>\n          <\/svg>\n        <\/span>\n        <span class=\"alvion-contact-strip__value\">+387 62 462 344<\/span>\n        <span class=\"alvion-contact-strip__note\">\n          Speak with the Alvion team\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Otkrijte A-Class 8500 Supremo uPVC sistem. Kombinuje modernu eleganciju, energetsku efikasnost i vrhunsku udobnost kako bi podigao svakodnevni \u017eivot na vi\u0161i nivo.<\/p>","protected":false},"author":1,"featured_media":1258,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1077","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/pages\/1077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/comments?post=1077"}],"version-history":[{"count":189,"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/pages\/1077\/revisions"}],"predecessor-version":[{"id":1953,"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/pages\/1077\/revisions\/1953"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/media\/1258"}],"wp:attachment":[{"href":"https:\/\/alvion-pvc.com\/bs\/wp-json\/wp\/v2\/media?parent=1077"}],"curies":[{"name":"radni list","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}