{"id":9,"date":"2026-08-12T20:08:26","date_gmt":"2026-08-12T20:08:26","guid":{"rendered":"https:\/\/motocyklomat.pl\/?page_id=9"},"modified":"2026-10-08T20:13:03","modified_gmt":"2026-10-08T20:13:03","slug":"all-listings","status":"publish","type":"page","link":"https:\/\/motocyklomat.pl\/?page_id=9","title":{"rendered":"OG\u0141OSZENIA"},"content":{"rendered":"\n<!-- MOTOCYKLOMAT \u2013 STRONA OG\u0141OSZENIA 2026 -->\n\n<style>\n.mm-ogloszenia{\n    --red:#FA0101;\n    --blue:#079CFF;\n    --bg:#07090b;\n    --panel:#101419;\n    --line:#29313a;\n    --muted:#b9c0c9;\n\n    font-family:Inter,Arial,Helvetica,sans-serif;\n    background:var(--bg);\n    color:#fff;\n\n    width:100vw;\nmax-width:none;\nposition:relative;\nleft:auto;\ntransform:none;\nmargin-left:calc(50% - 50vw);\n\n    padding:30px 24px 80px;\n    box-sizing:border-box;\n    overflow:hidden;\n}\n\n.mm-ogloszenia *{\n    box-sizing:border-box;\n}\n\n.mm-ogloszenia-shell{\n    width:100%;\n    max-width:1180px;\n    margin:0 auto;\n}\n\n\n\/* =========================\n   HERO\n========================= *\/\n\n.mm-ogloszenia-hero{\n    position:relative;\n    overflow:hidden;\n\n    min-height:360px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    text-align:center;\n\n    padding:55px 35px;\n\n    border:1px solid var(--line);\n    border-radius:0 !important;\n\n    background:\n        radial-gradient(circle at 88% 20%,rgba(250,1,1,.18),transparent 34%),\n        radial-gradient(circle at 10% 90%,rgba(7,156,255,.12),transparent 35%),\n        linear-gradient(135deg,#0b0f13 0%,#11161b 55%,#090b0e 100%);\n}\n.mm-ogloszenia-hero{\n    background:url(https:\/\/motocyklomat.pl\/wp-content\/uploads\/2026\/10\/Ogloszenia-Motocyklowe-w-Neonach.png) \n    center center \/ cover no-repeat !important;\n    min-height:0 !important;\n    aspect-ratio:1984 \/ 793;\n    padding:0 !important;\nborder:none !important;\n}\n\n.mm-ogloszenia-hero-in{\n    display:none !important;\n}\n\n.mm-ogloszenia-hero:before,\n.mm-ogloszenia-hero:after{\n    display:none !important;\n}\n.mm-ogloszenia-hero:before{\n    content:\"\";\n    position:absolute;\n    width:420px;\n    height:420px;\n    right:-160px;\n    top:-190px;\n\n    border:1px solid rgba(250,1,1,.28);\n    border-radius:50%;\n}\n\n.mm-ogloszenia-hero:after{\n    content:\"\";\n    position:absolute;\n    width:340px;\n    height:340px;\n    left:-200px;\n    bottom:-240px;\n\n    border:1px solid rgba(7,156,255,.25);\n    border-radius:50%;\n}\n\n.mm-ogloszenia-hero-in{\n    position:relative;\n    z-index:2;\n    max-width:900px;\n}\n\n.mm-ogloszenia-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    padding:8px 14px;\n    margin-bottom:22px;\n\n    border:1px solid #ffffff20;\n    border-radius:999px;\n\n    background:#0b0e12cc;\n\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.4px;\n}\n\n.mm-ogloszenia-badge i{\n    display:block;\n    width:7px;\n    height:7px;\n    border-radius:50%;\n    background:var(--red);\n\n    box-shadow:0 0 12px rgba(250,1,1,.8);\n}\n\n.mm-ogloszenia-hero h1{\n    margin:0 0 18px;\n\n    color:#fff;\n\n    font-size:clamp(46px,6vw,78px);\n    line-height:.94;\n    letter-spacing:-3px;\n\n    font-weight:950;\n    text-transform:uppercase;\n}\n\n.mm-ogloszenia-hero h1 span{\n    color:var(--red);\n}\n\n.mm-ogloszenia-hero p{\n    max-width:760px;\n    margin:0 auto;\n\n    color:#d7dce2;\n\n    font-size:18px;\n    line-height:1.5;\n}\n\n\n\/* =========================\n   TYTU\u0141 SEKCJI\n========================= *\/\n\n.mm-ogloszenia-title{\n    margin:34px 0 16px;\n\n    color:#fff;\n\n    font-size:24px;\n    font-weight:900;\n}\n\n\n\/* =========================\n   DWIE KAFLE\n========================= *\/\n\n.mm-ogloszenia-actions{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:18px;\n}\n\n.mm-ogloszenia-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:250px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    padding:36px;\n\n    text-align:center;\n    text-decoration:none;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:\n        radial-gradient(circle at 100% 0%,rgba(250,1,1,.14),transparent 42%),\n        linear-gradient(145deg,#11161b,#0b0e12);\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n.mm-ogloszenia-card:before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:100%;\n    height:3px;\n\n    background:linear-gradient(\n        90deg,\n        var(--blue) 0%,\n        var(--blue) 22%,\n        transparent 22%,\n        transparent 78%,\n        var(--red) 78%,\n        var(--red) 100%\n    );\n\n    opacity:.9;\n}\n\n.mm-ogloszenia-card:hover{\n    transform:translateY(-4px);\n\n    border-color:rgba(250,1,1,.65);\n\n    box-shadow:\n        0 16px 40px rgba(0,0,0,.35),\n        0 0 22px rgba(250,1,1,.07);\n}\n\n.mm-ogloszenia-card h2{\n    position:relative;\n\n    margin:0 0 12px;\n\n    color:#fff;\n\n    font-size:32px;\n    line-height:1.02;\n\n    font-weight:950;\n    text-transform:uppercase;\n}\n\n.mm-ogloszenia-card p{\n    position:relative;\n\n    max-width:440px;\n    margin:0 0 22px;\n\n    color:var(--muted);\n\n    font-size:15px;\n    line-height:1.5;\n}\n\n.mm-ogloszenia-cta{\n    position:relative;\n\n    color:var(--red);\n\n    font-size:14px;\n    font-weight:950;\n\n    text-transform:uppercase;\n}\n\n.mm-ogloszenia-cta:after{\n    content:\" \u2192\";\n}\n\n\n\/* =========================\n   DOLNY PASEK\n========================= *\/\n\n.mm-ogloszenia-trust{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n\n    margin-top:24px;\n\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n}\n\n.mm-ogloszenia-trust div{\n    padding:18px 12px;\n    text-align:center;\n\n    color:#aeb6c0;\n\n    font-size:12px;\n}\n\n.mm-ogloszenia-trust strong{\n    color:#fff;\n}\n\n.mm-ogloszenia-check{\n    color:var(--red);\n    font-weight:900;\n}\n\n\n\/* =========================\n   TELEFON\n========================= *\/\n\n@media(max-width:760px){\n\n    .mm-ogloszenia{\n        padding:35px 14px 50px;\n    }\n\n    .mm-ogloszenia-hero{\n        min-height:330px;\n        padding:38px 20px;\n        border-radius:16px;\n    }\n\n    .mm-ogloszenia-hero h1{\n        font-size:clamp(39px,12vw,55px);\n        letter-spacing:-2px;\n    }\n\n    .mm-ogloszenia-hero p{\n        font-size:16px;\n    }\n\n    .mm-ogloszenia-actions{\n        grid-template-columns:1fr;\n    }\n\n    .mm-ogloszenia-card{\n        min-height:220px;\n        padding:28px 20px;\n    }\n\n    .mm-ogloszenia-card h2{\n        font-size:28px;\n    }\n\n    .mm-ogloszenia-trust{\n        grid-template-columns:1fr;\n    }\n\n    .mm-ogloszenia-trust div{\n        border-bottom:1px solid #ffffff0d;\n    }\n\n    .mm-ogloszenia-trust div:last-child{\n        border-bottom:0;\n    }\n}\n\/* KARTY JAK W AKCESORIACH *\/\n.mm-ogloszenia-actions .mm-ogloszenia-card{\n    background:#080a0c !important;\n    box-shadow:none !important;\nmin-height:0 !important;\nheight:175px !important;\npadding:12px 24px !important;\n}\n\n\/* PRZEGL\u0104DAJ OG\u0141OSZENIA \u2013 niebieska ramka *\/\n.mm-ogloszenia-actions .mm-ogloszenia-card:nth-of-type(1){\n    border:2px solid #079CFF !important;\n}\n\n\/* DODAJ OG\u0141OSZENIE \u2013 czerwona ramka *\/\n.mm-ogloszenia-actions .mm-ogloszenia-card:nth-of-type(2){\n    border:2px solid #FA0101 !important;\n}\n\n\/* Usuni\u0119cie kolorowej kreski u g\u00f3ry *\/\n.mm-ogloszenia-actions .mm-ogloszenia-card::before{\n    display:none !important;\n}\n\n\/* Po najechaniu zachowaj w\u0142a\u015bciwy kolor ramek *\/\n.mm-ogloszenia-actions .mm-ogloszenia-card:nth-of-type(1):hover{\n    border-color:#079CFF !important;\n}\n\n.mm-ogloszenia-actions .mm-ogloszenia-card:nth-of-type(2):hover{\n    border-color:#FA0101 !important;\n}\n<\/style>\n\n\n<div class=\"mm-ogloszenia\">\n\n    <div class=\"mm-ogloszenia-shell\">\n\n\n        <!-- HERO -->\n\n        <section class=\"mm-ogloszenia-hero\">\n\n            <div class=\"mm-ogloszenia-hero-in\">\n\n                <div class=\"mm-ogloszenia-badge\">\n                    <i><\/i>\n                    MOTOCYKLOMAT\n                <\/div>\n\n                <h1>\n                    OG\u0141OSZENIA<br>\n                    <span>MOTOCYKLOWE<\/span>\n                <\/h1>\n\n                <p>\n                    Wybierz, co chcesz zrobi\u0107. Przegl\u0105daj motocykle dost\u0119pne\n                    na Motocyklomacie albo dodaj w\u0142asne og\u0142oszenie.\n                <\/p>\n\n            <\/div>\n\n        <\/section>\n\n\n       \n\n\n        <!-- KAFLE -->\n\n        <section class=\"mm-ogloszenia-actions\">\n\n\n            <!-- PRZEGL\u0104DAJ -->\n\n            <a class=\"mm-ogloszenia-card\" href=\"https:\/\/motocyklomat.pl\/?page_id=111\">\n\n                <h2>\n                    PRZEGL\u0104DAJ<br>\n                    OG\u0141OSZENIA\n                <\/h2>\n\n                <p>\n                    Wyszukuj motocykle, korzystaj z filtr\u00f3w\n                    i znajd\u017a interesuj\u0105c\u0105 Ci\u0119 ofert\u0119.\n                <\/p>\n\n                <span class=\"mm-ogloszenia-cta\">\n                    ZOBACZ OG\u0141OSZENIA\n                <\/span>\n\n            <\/a>\n\n\n            <!-- DODAJ -->\n\n            <a class=\"mm-ogloszenia-card\" href=\"https:\/\/motocyklomat.pl\/?page_id=8\">\n\n                <h2>\n                    DODAJ<br>\n                    OG\u0141OSZENIE\n                <\/h2>\n\n                <p>\n                    Wystaw sw\u00f3j motocykl szybko\n                    i bez zb\u0119dnych krok\u00f3w.\n                <\/p>\n\n                <span class=\"mm-ogloszenia-cta\">\n                    DODAJ OG\u0141OSZENIE\n                <\/span>\n\n            <\/a>\n\n\n        <\/section>\n\n\n        <!-- DOLNY PASEK -->\n\n        <section class=\"mm-ogloszenia-trust\">\n\n            <div>\n                <span class=\"mm-ogloszenia-check\">\u2713<\/span>\n                <strong> Prosto<\/strong> \u2014 minimum zb\u0119dnych krok\u00f3w\n            <\/div>\n\n            <div>\n                <span class=\"mm-ogloszenia-check\">\u2713<\/span>\n                <strong> Czytelnie<\/strong> \u2014 najwa\u017cniejsze informacje od razu\n            <\/div>\n\n            <div>\n                <span class=\"mm-ogloszenia-check\">\u2713<\/span>\n                <strong> Motocyklowo<\/strong> \u2014 portal skupiony na motocyklach\n            <\/div>\n\n        <\/section>\n\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MOTOCYKLOMAT OG\u0141OSZENIA MOTOCYKLOWE Wybierz, co chcesz zrobi\u0107. Przegl\u0105daj motocykle dost\u0119pne na Motocyklomacie albo dodaj w\u0142asne og\u0142oszenie. PRZEGL\u0104DAJ OG\u0141OSZENIA Wyszukuj motocykle, korzystaj z filtr\u00f3w i znajd\u017a interesuj\u0105c\u0105 Ci\u0119 ofert\u0119. ZOBACZ OG\u0141OSZENIA DODAJ OG\u0141OSZENIE Wystaw sw\u00f3j motocykl szybko i bez zb\u0119dnych krok\u00f3w. DODAJ OG\u0141OSZENIE \u2713 Prosto \u2014 minimum zb\u0119dnych krok\u00f3w \u2713 Czytelnie \u2014 najwa\u017cniejsze informacje od razu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":41,"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/motocyklomat.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}