{"id":157,"date":"2026-04-15T11:44:46","date_gmt":"2026-04-15T11:44:46","guid":{"rendered":"https:\/\/sos-max.com\/?page_id=157"},"modified":"2026-05-13T08:00:26","modified_gmt":"2026-05-13T08:00:26","slug":"galeria","status":"publish","type":"page","link":"https:\/\/sos-max.com\/?page_id=157","title":{"rendered":"Galeria"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"157\" class=\"elementor elementor-157\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14a05ae e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"14a05ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e585c99 elementor-widget elementor-widget-html\" data-id=\"e585c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* G\u0142\u00f3wna sekcja galerii *\/\r\n  .sos-gallery-section {\r\n    background-color: #050A30; \r\n    padding: 80px 20px;\r\n    font-family: 'Inter', 'Manrope', sans-serif;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Wewn\u0119trzny kontener *\/\r\n  .sos-gallery-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Nag\u0142\u00f3wek galerii *\/\r\n  .sos-gallery-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .sos-gallery-header h2 {\r\n    font-size: 2.8rem;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .sos-gallery-header h2 span {\r\n    color: #DC5F00;\r\n  }\r\n\r\n  .sos-gallery-header p {\r\n    color: #A0AEC0;\r\n    font-size: 1.1rem;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* --- Zaawansowana Siatka (Bento Box) --- *\/\r\n  .sos-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* Sztywny podzia\u0142 na 3 kolumny *\/\r\n    grid-auto-rows: 260px; \/* Bazowa wysoko\u015b\u0107 jednego wiersza *\/\r\n    gap: 24px;\r\n  }\r\n\r\n  \/* Baza dla ka\u017cdego kafelka *\/\r\n  .sos-gallery-item {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    display: block;\r\n    background-color: #1A2B4C;\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Modyfikator: Podw\u00f3jna szeroko\u015b\u0107 *\/\r\n  .sos-gallery-item.wide {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  \/* Modyfikator: Podw\u00f3jna wysoko\u015b\u0107 (Tw\u00f3j nowy prawy blok) *\/\r\n  .sos-gallery-item.tall {\r\n    grid-row: span 2;\r\n  }\r\n\r\n  \/* Zachowanie obrazka *\/\r\n  .sos-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \r\n    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    display: block;\r\n  }\r\n\r\n  \/* Warstwa nak\u0142adana po najechaniu myszk\u0105 *\/\r\n  .sos-gallery-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(0deg, rgba(5, 10, 48, 0.8) 0%, rgba(5, 10, 48, 0.2) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .sos-zoom-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background-color: #DC5F00;\r\n    color: #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    font-weight: 300;\r\n    transform: translateY(20px);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .sos-gallery-item:hover img {\r\n    transform: scale(1.05); \r\n  }\r\n\r\n  .sos-gallery-item:hover .sos-gallery-overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  .sos-gallery-item:hover .sos-zoom-icon {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Responsywno\u015b\u0107 dla urz\u0105dze\u0144 mobilnych *\/\r\n  @media (max-width: 992px) {\r\n    .sos-gallery-grid {\r\n      grid-template-columns: repeat(2, 1fr); \/* 2 kolumny na tablecie *\/\r\n      grid-auto-rows: 220px;\r\n    }\r\n    .sos-gallery-item.tall {\r\n      grid-row: span 1; \/* Reset wysoko\u015bci na mniejszych ekranach, by nie psu\u0107 siatki *\/\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sos-gallery-header h2 {\r\n      font-size: 2.2rem;\r\n    }\r\n    .sos-gallery-grid {\r\n      grid-template-columns: 1fr; \/* 1 kolumna na telefonie *\/\r\n      grid-auto-rows: 250px;\r\n    }\r\n    .sos-gallery-item.wide, .sos-gallery-item.tall {\r\n      grid-column: span 1;\r\n      grid-row: span 1;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sos-gallery-section\">\r\n  <div class=\"sos-gallery-inner\">\r\n    \r\n    <header class=\"sos-gallery-header\">\r\n      <h2>Galeria <span>SOS-MAX<\/span><\/h2>\r\n      <p>Zobacz z bliska nasze urz\u0105dzenia oraz intuicyjny interfejs systemu geolokalizacyjnego.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"sos-gallery-grid\">\r\n      \r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/DSCN9600-scaled.jpg\" class=\"sos-gallery-item wide\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/DSCN9600-scaled.jpg\" alt=\"Szerokie urz\u0105dzenie poziome\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/DSCN9591-scaled.jpg\" alt=\"Ma\u0142e zdj\u0119cie urz\u0105dzenia pionowo\" class=\"sos-gallery-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/DSCN9591-scaled.jpg\" alt=\"Ma\u0142e zdj\u0119cie urz\u0105dzenia pionowo\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX_panel_czasu.png\" class=\"sos-gallery-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX_panel_czasu.png\" alt=\"Historia tras mniejsze\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX_Geofencing3.png\" class=\"sos-gallery-item\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX_Geofencing3.png\" alt=\"Mapa i okno systemu\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/cropped-chatgpt-image-16-mar-2026-14-20-e1778141564710.png\" class=\"sos-gallery-item tall\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/cropped-chatgpt-image-16-mar-2026-14-20-e1778141564710.png\" alt=\"Wysokie zdj\u0119cie pionowe aplikacji\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n      <a href=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX1-scaled.png\" class=\"sos-gallery-item wide\">\r\n        <img decoding=\"async\" src=\"http:\/\/sos-max.com\/wp-content\/uploads\/2026\/04\/SOS_MAX1-scaled.png\" alt=\"Szerokie zdj\u0119cie mapy na dole\">\r\n        <div class=\"sos-gallery-overlay\"><div class=\"sos-zoom-icon\">+<\/div><\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Galeria SOS-MAX Zobacz z bliska nasze urz\u0105dzenia oraz intuicyjny interfejs systemu geolokalizacyjnego. + + + + + +<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/pages\/157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sos-max.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=157"}],"version-history":[{"count":22,"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/sos-max.com\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions\/579"}],"wp:attachment":[{"href":"https:\/\/sos-max.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}