{"id":19636,"date":"2025-03-04T22:14:54","date_gmt":"2025-03-04T21:14:54","guid":{"rendered":"https:\/\/ambertattoo.ink\/?page_id=19636"},"modified":"2026-04-01T22:57:02","modified_gmt":"2026-04-01T20:57:02","slug":"studio-tatuazu-amber-tattoo","status":"publish","type":"page","link":"https:\/\/ambertattoo.ink\/ru\/","title":{"rendered":"\u0422\u0430\u0442\u0443 \u0441\u0442\u0443\u0434\u0438\u044f Amber Tattoo \u0412\u0440\u043e\u0446\u043b\u0430\u0432"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n    \/* 0. FONT OPTIMIZATION *\/\n    @font-face {\n        font-family: 'Source Sans 3';\n        font-display: swap !important;\n    }\n\n    :root, html, body, * {\n        font-display: swap !important;\n        --primary: #ff7a00;\n        --primary-glow: rgba(255, 122, 0, 0.4);\n        --bg: #050505;\n        font-family: 'Source Sans 3', sans-serif !important; \n    }\n\n    \/* SCROLL INDICATOR *\/\n    .amber-progress-bar {\n        position: fixed; top: 0; left: 0; height: 3px;\n        background: var(--primary); width: 0%;\n        z-index: 2005; transition: width 0.1s ease-out;\n    }\n\n    \/* TOP INFO BAR (NAP SEO) *\/\n    .amber-top-bar {\n        background: rgba(0, 0, 0, 0.8);\n        color: #888;\n        font-size: 10px;\n        padding: 8px 50px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        position: fixed;\n        top: 0; left: 0; right: 0;\n        z-index: 1501;\n        border-bottom: 1px solid rgba(255,255,255,0.05);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: transform 0.4s;\n    }\n\n    .amber-top-bar .nap-brand { color: #fff; font-weight: 700; }\n    .amber-top-bar .nap-info { display: flex; gap: 25px; }\n    .amber-top-bar a { color: #fff; text-decoration: none; transition: 0.3s; font-weight: 700; }\n    .amber-top-bar a:hover { color: var(--primary); }\n    .amber-top-bar span.icon-label { color: var(--primary); margin-right: 4px; }\n    .amber-top-bar.hidden { transform: translateY(-100%); }\n\n    \/* HEADER *\/\n    .amber-header-elite {\n        display: flex; justify-content: space-between; align-items: center;\n        padding: 25px 50px; \n        position: fixed; \n        top: 31px !important; \n        left: 0; right: 0; \n        z-index: 1500; \n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .amber-header-elite.sticky {\n        padding: 12px 50px; \n        background: rgba(0, 0, 0, 0.95);\n        backdrop-filter: blur(20px); \n        border-bottom: 1px solid rgba(255, 122, 0, 0.3);\n        top: 0 !important;\n    }\n\n    \/* LOGO *\/\n    .amber-logo-box { display: block; width: 150px; height: 50px; z-index: 1601; position: relative; }\n    .amber-logo-box img { height: 50px !important; width: 150px !important; object-fit: contain; transition: 0.4s; }\n    .amber-header-elite.sticky .amber-logo-box img { height: 38px !important; width: 114px !important; }\n\n    \/* HAMBURGER MENU - Hidden on Desktop *\/\n    .amber-menu-trigger { display: none; }\n\n    \/* NAVIGATION *\/\n    .amber-nav-elite { display: flex; gap: 25px; align-items: center; }\n    .amber-nav-elite a {\n        color: #fff; text-decoration: none !important;\n        text-transform: uppercase; font-weight: 700 !important; font-size: 11px;\n        letter-spacing: 1.5px; transition: 0.3s; position: relative;\n    }\n    .amber-nav-elite a::after {\n        content: ''; position: absolute; width: 0; height: 2px;\n        bottom: -5px; left: 0; background: var(--primary); transition: 0.4s;\n    }\n    .amber-nav-elite a:hover { color: var(--primary); }\n    .amber-nav-elite a:hover::after { width: 100%; }\n\n    \/* MENU CTA BUTTON *\/\n    .amber-nav-elite a.nav-cta {\n        background: var(--primary);\n        color: #000 !important;\n        padding: 8px 18px;\n        border-radius: 2px;\n        letter-spacing: 2px;\n    }\n    .amber-nav-elite a.nav-cta::after { display: none; }\n    .amber-nav-elite a.nav-cta:hover { background: #fff; color: #000 !important; transform: translateY(-2px); }\n\n    \/* HERO SECTION *\/\n    .amber-hero-cyber {\n        height: 100vh; height: 100dvh; display: flex; flex-direction: column;\n        align-items: center; justify-content: center; text-align: center;\n        background: radial-gradient(circle at 50% 50%, #151515 0%, var(--bg) 100%);\n        padding: 0 20px; position: relative; overflow: hidden;\n    }\n\n    .amber-hero-cyber h1 {\n        font-weight: 700 !important; line-height: 0.9; margin-bottom: 25px;\n        font-size: clamp(2.2rem, 9vw, 4.8rem); text-transform: uppercase;\n        letter-spacing: -2px; color: #fff;\n        background: linear-gradient(to bottom, #ffffff 50%, var(--primary) 100%);\n        -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5));\n    }\n\n    .amber-tagline {\n        font-size: clamp(0.8rem, 2vw, 1.1rem); color: #fff;\n        text-transform: uppercase; letter-spacing: 4px; font-weight: 400 !important;\n        margin-bottom: 50px; opacity: 0.8; font-style: italic;\n    }\n\n    .amber-action-box { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }\n    \n    .amber-btn-cyber {\n        padding: 18px 45px; font-weight: 700 !important; text-transform: uppercase;\n        font-size: 14px; letter-spacing: 2px; text-decoration: none !important;\n        position: relative; transition: 0.4s; border-radius: 4px;\n        min-width: 260px; box-sizing: border-box; text-align: center;\n    }\n\n    .cyber-main { background: var(--primary); color: #000 !important; border: 2px solid var(--primary); }\n    .cyber-main:hover { transform: scale(1.05); background: #fff; border-color: #fff; box-shadow: 0 0 30px rgba(255,255,255,0.2); }\n\n    .cyber-outline { border: 2px solid rgba(255,255,255,0.2); color: #fff !important; }\n    .cyber-outline:hover { border-color: var(--primary); color: var(--primary) !important; background: rgba(255,122,0,0.05); }\n\n    .amber-scroll-indicator {\n        position: absolute; bottom: 40px; color: #fff;\n        text-decoration: none; font-size: 24px; transition: 0.4s;\n        opacity: 0.5;\n    }\n    .amber-scroll-indicator:hover { opacity: 1; color: var(--primary); transform: translateY(10px); }\n\n    \/* MOBILE VERSION *\/\n    @media (max-width: 992px) {\n        .amber-top-bar { padding: 8px 15px; font-size: 8.5px; flex-direction: column; gap: 5px; text-align: center; }\n        .amber-top-bar .nap-info { gap: 10px; }\n        .amber-header-elite { padding: 15px 20px; top: 45px !important; }\n        \n        .amber-nav-elite {\n            position: fixed; top: 0; right: -100%; height: 100vh; width: 280px;\n            background: #0a0a0a; flex-direction: column; justify-content: center; align-items: center; transition: 0.5s ease;\n            gap: 30px; \n            z-index: 1550; \/* Below button, above everything else *\/\n            box-shadow: -10px 0 30px rgba(0,0,0,0.8);\n        }\n        .amber-nav-elite.active { right: 0; }\n        .amber-btn-cyber { width: 90%; min-width: auto; padding: 18px 0; }\n        \n        \/* Menu button *\/\n        .amber-menu-trigger { \n            display: block; \n            z-index: 1600; \/* Above menu *\/\n            cursor: pointer; \n            width: 40px; height: 30px; \/* Increased click area *\/\n            position: relative;\n        }\n        .amber-menu-trigger span { \n            display: block; width: 28px; height: 2px; background: var(--primary); \n            margin: 6px auto; \n            transition: all 0.3s ease;\n        }\n        .amber-menu-trigger.active span:nth-child(1) { transform: rotate(45deg) translateY(11px); }\n        .amber-menu-trigger.active span:nth-child(2) { opacity: 0; }\n        .amber-menu-trigger.active span:nth-child(3) { transform: rotate(-45deg) translateY(-11px); }\n    }\n<\/style>\n\n<div class=\"amber-progress-bar\" id=\"scrollBar\"><\/div>\n\n<div class=\"amber-top-bar\" id=\"topBar\">\n    <div class=\"nap-brand\">Studio tatua\u017cu Amber Tattoo Wroc\u0142aw<\/div>\n    <div class=\"nap-info\">\n        <div class=\"top-item\"><span class=\"icon-label\">Adres:<\/span> Ofiar O\u015bwi\u0119cimskich 15<\/div>\n        <div class=\"top-item\"><span class=\"icon-label\">Tel:<\/span> <a href=\"tel:+48888935750\">888 935 750<\/a><\/div>\n    <\/div>\n<\/div>\n\n<header class=\"amber-header-elite\" id=\"eliteHeader\">\n    <a href=\"https:\/\/ambertattoo.ink\" class=\"amber-logo-box\">\n        <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-logo.webp?resize=150%2C50&#038;ssl=1\" \n             alt=\"Amber Tattoo Studio\" \n             width=\"150\" height=\"50\" \n             fetchpriority=\"high\" \n             decoding=\"sync\">\n    <\/a>\n    \n    <div class=\"amber-menu-trigger\" id=\"menuToggle\">\n        <span><\/span><span><\/span><span><\/span>\n    <\/div>\n\n    <nav class=\"amber-nav-elite\" id=\"navElite\">\n        <a href=\"https:\/\/ambertattoo.ink\">Home<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/tatuaze\/\">Portfolio<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/cennik\/\">Cennik<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/praca\/\">Praca<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/kontakt\/\">Kontakt<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/o-nas\/\">O Nas<\/a>\n        <a href=\"https:\/\/ambertattoo.ink\/umow-sie-na-tatuaz\/\" class=\"nav-cta\">Rezerwacja<\/a>\n    <\/nav>\n<\/header>\n\n<section class=\"amber-hero-cyber\">\n    <div class=\"amber-hero-content\">\n        <h1>Studio tatua\u017cu<br>Amber Tattoo Wroc\u0142aw<\/h1>\n        <p class=\"amber-tagline\">wyb\u00f3r tych, kt\u00f3rzy ceni\u0105 to, co najlepsze<\/p>\n        <div class=\"amber-action-box\">\n            <a href=\"https:\/\/wa.me\/48888935750\" class=\"amber-btn-cyber cyber-main\" target=\"_blank\" rel=\"noopener\">Wycena i Konsultacja<\/a>\n            <a href=\"https:\/\/ambertattoo.ink\/tatuaze\/\" class=\"amber-btn-cyber cyber-outline\">Nasze Portfolio<\/a>\n        <\/div>\n    <\/div>\n    <a href=\"#portfolio\" class=\"amber-scroll-indicator\" aria-label=\"Scroll down\">\u2193<\/a>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. Scroll logic\n    window.addEventListener('scroll', () => {\n        const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n        const scrolled = (winScroll \/ height) * 100;\n        \n        const scrollBar = document.getElementById(\"scrollBar\");\n        if(scrollBar) scrollBar.style.width = scrolled + \"%\";\n        \n        const header = document.getElementById('eliteHeader');\n        const topBar = document.getElementById('topBar');\n        \n        if (header && topBar) {\n            if (winScroll > 40) {\n                header.classList.add('sticky');\n                topBar.classList.add('hidden');\n            } else {\n                header.classList.remove('sticky');\n                topBar.classList.remove('hidden');\n            }\n        }\n    });\n\n    \/\/ 2. Menu logic\n    const menuToggle = document.getElementById('menuToggle');\n    const navElite = document.getElementById('navElite');\n    \n    if (menuToggle && navElite) {\n        menuToggle.addEventListener('click', function(e) {\n            e.preventDefault(); \/\/ Prevent default link behavior\n            this.classList.toggle('active');\n            navElite.classList.toggle('active');\n        });\n        \n        \/\/ Close menu on link click\n        const navLinks = navElite.querySelectorAll('a');\n        navLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                menuToggle.classList.remove('active');\n                navElite.classList.remove('active');\n            });\n        });\n    }\n});\n<\/script>\n\n\n\n<style>\n    :root {\n        --primary: #ff7a00;\n        --dark-bg: #050505;\n        --card-bg: rgba(255, 255, 255, 0.03);\n    }\n\n    .amber-about-hybrid {\n        padding: 120px 40px;\n        background-color: var(--dark-bg);\n        color: #fff;\n        display: flex;\n        align-items: center; \n        justify-content: center;\n        gap: 80px; \n        max-width: 1600px;\n        margin: 0 auto;\n        overflow: hidden;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u042f\u0432\u043d\u043e\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u0430 *\/\n        font-family: inherit;\n    }\n\n    \/* --- \u041b\u0415\u0412\u042b\u0419 \u0411\u041b\u041e\u041a: \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 --- *\/\n    .hybrid-image-box {\n        flex: 1;\n        position: relative;\n        max-width: 600px;\n    }\n\n    .hybrid-image-box img {\n        width: 100%;\n        height: auto;\n        border-radius: 4px;\n        filter: grayscale(100%) contrast(110%);\n        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n        display: block;\n    }\n\n    .hybrid-image-box:hover img {\n        filter: grayscale(0%) contrast(100%);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n\n    \/* --- \u041f\u0420\u0410\u0412\u042b\u0419 \u0411\u041b\u041e\u041a: \u041a\u041e\u041d\u0422\u0415\u041d\u0422 --- *\/\n    .hybrid-content-box {\n        flex: 1.2;\n        position: relative;\n        padding-top: 20px;\n    }\n\n    .hybrid-content-box::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 80px; height: 4px;\n        background: var(--primary);\n        border-radius: 2px;\n    }\n\n    .hybrid-content-box h2 {\n        font-family: inherit;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: 700 \u0432\u043c\u0435\u0441\u0442\u043e 900 *\/\n        font-weight: 700 !important;\n        text-transform: uppercase;\n        color: #fff;\n        font-size: clamp(2rem, 4vw, 3rem);\n        margin-bottom: 30px;\n        line-height: 1.1;\n        letter-spacing: -1px;\n        font-display: swap;\n    }\n\n    .hybrid-content-box h2 span {\n        color: var(--primary);\n    }\n\n    .hybrid-text {\n        font-size: 1.05rem;\n        line-height: 1.7;\n        opacity: 0.85;\n        margin-bottom: 35px;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: 400 \u0432\u043c\u0435\u0441\u0442\u043e 300 *\/\n        font-weight: 400;\n    }\n\n    .hybrid-location {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 40px;\n        padding: 15px 20px;\n        background: rgba(255, 122, 0, 0.05);\n        border-left: 3px solid var(--primary);\n        color: var(--primary);\n        font-weight: 700;\n        letter-spacing: 0.5px;\n    }\n\n    .hybrid-features {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .feature-card {\n        background: var(--card-bg);\n        padding: 20px 25px;\n        border-left: 2px solid rgba(255,255,255,0.1);\n        transition: 0.3s;\n        border-radius: 0 4px 4px 0;\n    }\n\n    .feature-card:hover {\n        background: rgba(255, 122, 0, 0.08);\n        border-left-color: var(--primary);\n        transform: translateX(10px);\n    }\n\n    .feature-card h4 {\n        margin: 0 0 8px 0;\n        color: #fff;\n        text-transform: uppercase;\n        font-size: 1rem;\n        letter-spacing: 1px;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: 700 \u0432\u043c\u0435\u0441\u0442\u043e 800 *\/\n        font-weight: 700;\n    }\n\n    .feature-card p {\n        margin: 0;\n        font-size: 0.9rem;\n        opacity: 0.7;\n        line-height: 1.5;\n        font-weight: 400;\n    }\n\n    @media (max-width: 992px) {\n        .amber-about-hybrid {\n            flex-direction: column;\n            padding: 60px 20px;\n            gap: 50px;\n        }\n        .hybrid-image-box { width: 100%; max-width: 100%; }\n        .hybrid-content-box { width: 100%; }\n        .hybrid-content-box h2 { font-size: 1.8rem; }\n    }\n<\/style>\n\n<section class=\"amber-about-hybrid\" id=\"o-nas\">\n    <div class=\"hybrid-image-box\">\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/classicu-2025-05-07-181317.480-2.jpg?ssl=1\" alt=\"Amber Tattoo Studio Interior\" loading=\"lazy\">\n    <\/div>\n\n    <div class=\"hybrid-content-box\">\n        <h2><span>Amber Tattoo<\/span> \u2013 Wi\u0119cej ni\u017c tylko salon tatua\u017cu<\/h2>\n        <p class=\"hybrid-text\">\n            Studio tatua\u017cu Amber Tattoo to przysta\u0144 dla najbardziej utalentowanych artyst\u00f3w. Nasz zesp\u00f3\u0142 to ekipa pasjonat\u00f3w, kt\u00f3rzy nieustannie doskonal\u0105 swoje umiej\u0119tno\u015bci, aby zapewni\u0107 Ci niezapomniane do\u015bwiadczenia i najwy\u017csz\u0105 jako\u015b\u0107.\n        <\/p>\n\n        <div class=\"hybrid-location\">\n            <span>\ud83d\udccd Znajdziesz nas w samym sercu Wroc\u0142awia \u2013 na Rynku, przy ulicy Ofiar O\u015bwi\u0119cimskich 15.<\/span>\n        <\/div>\n\n        <h3>Co nas wyr\u00f3\u017cnia?<\/h3>\n\n        <div class=\"hybrid-features\">\n            <div class=\"feature-card\">\n                <h4>Sterylno\u015b\u0107 i Higiena<\/h4>\n                <p>U\u017cywamy wy\u0142\u0105cznie jednorazowych igie\u0142 i materia\u0142\u00f3w najwy\u017cszej klasy.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <h4>Indywidualne Projekty<\/h4>\n                <p>Ka\u017cdy wz\u00f3r traktujemy wyj\u0105tkowo. Twoj\u0105 inspiracj\u0119 lub zdj\u0119cie dopasujemy anatomicznie do cia\u0142a, tworz\u0105c projekt, z kt\u00f3rego b\u0119dziesz dumny.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <h4>Klimat<\/h4>\n                <p>U nas poczujesz si\u0119 swobodnie \u2013 dobra muzyka i kawa w pakiecie.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* --- \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 --- *\/\n    .amber-gallery-v5 {\n        padding: 100px 20px;\n        background-color: #050505;\n        color: #fff;\n        text-align: center;\n        font-family: inherit !important; \n        overflow: hidden;\n    }\n\n    .amber-gallery-v5 .container {\n        max-width: 1600px;\n        margin: 0 auto;\n    }\n\n    .amber-gallery-v5 h2 {\n        font-size: clamp(2rem, 5vw, 3.5rem);\n        font-weight: 700 !important; \n        text-transform: uppercase;\n        margin-bottom: 20px;\n        letter-spacing: -1px;\n    }\n\n    .amber-gallery-v5 h2 span {\n        color: #ff7a00;\n    }\n\n    .amber-gallery-v5 .gallery-lead {\n        max-width: 900px;\n        margin: 0 auto 60px;\n        font-size: 1.1rem;\n        line-height: 1.7;\n        opacity: 0.8;\n        font-weight: 400;\n    }\n\n    \/* --- \u0421\u0415\u0422\u041a\u0410 \u0414\u041b\u042f \u0414\u0415\u0421\u041a\u0422\u041e\u041f\u0410 --- *\/\n    .amber-gallery-wrapper {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 15px;\n        margin-bottom: 50px;\n        min-height: 400px; \n    }\n\n    .tattoo-card {\n        position: relative;\n        aspect-ratio: 3 \/ 4;\n        overflow: hidden;\n        border-radius: 4px;\n        background: #111;\n    }\n\n    .tattoo-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n        filter: brightness(0.9) grayscale(20%);\n    }\n\n    .tattoo-card:hover img {\n        transform: scale(1.1);\n        filter: brightness(1.1) grayscale(0%);\n    }\n\n    .swipe-instruction {\n        display: none;\n        color: #ff7a00;\n        font-size: 13px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n        font-weight: 700;\n    }\n\n    .amber-insta-btn {\n        display: inline-block;\n        padding: 18px 45px;\n        color: #fff !important;\n        border: 1px solid #ff7a00;\n        text-decoration: none !important;\n        font-weight: 700;\n        text-transform: uppercase;\n        border-radius: 50px;\n        transition: 0.4s;\n    }\n\n    .amber-insta-btn:hover {\n        background-color: #ff7a00;\n        color: #000 !important;\n        box-shadow: 0 5px 25px rgba(255, 122, 0, 0.4);\n    }\n\n    @media (max-width: 1024px) {\n        .amber-gallery-wrapper { grid-template-columns: repeat(3, 1fr); }\n    }\n\n    @media (max-width: 768px) {\n        .amber-gallery-v5 { padding: 60px 0; }\n        .swipe-instruction { display: block; }\n        .amber-gallery-wrapper {\n            display: flex;\n            grid-template-columns: none;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            padding: 0 20px 30px;\n            gap: 15px;\n        }\n        .amber-gallery-wrapper::-webkit-scrollbar { display: none; }\n        .tattoo-card { flex: 0 0 75vw; scroll-snap-align: center; }\n        .container { padding: 0; }\n        .gallery-lead, h2, .gallery-footer { padding: 0 20px; }\n    }\n<\/style>\n\n<section class=\"amber-gallery-v5\" id=\"portfolio\">\n    <div class=\"container\">\n        <h2>Galeria <span>Amber Tattoo<\/span> Wroc\u0142aw<\/h2>\n        <p class=\"gallery-lead\">\n            Zaufaj profesjonalnym i do\u015bwiadczonym artystom z naszego studia tatua\u017cu. Nasza galeria to zbi\u00f3r projekt\u00f3w, w kt\u00f3rych technika spotyka si\u0119 z wizj\u0105. Przekonaj si\u0119 o naszym kunszcie.\n        <\/p>\n\n        <div class=\"swipe-instruction\">\u2190 przesu\u0144 prace \u2192<\/div>\n\n        <div class=\"amber-gallery-wrapper\">\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-wroclaw_2825-2.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 1\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-wroclaw_9735-2.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 2\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-wroclaw_2330-2.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 3\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_8091-2-1.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 4\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_1775.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 5\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_4420.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 6\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_8149.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 7\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/amber-tattoo-wroclaw_7970.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 8\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_1780.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 9\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"tattoo-card\"><img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2025\/12\/IMG_2698.jpg?resize=400%2C533&#038;ssl=1\" alt=\"Tattoo 10\" width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <\/div>\n\n        <div class=\"gallery-footer\">\n            <a href=\"https:\/\/www.instagram.com\/ambertattoo.ink\/\" class=\"amber-insta-btn\" target=\"_blank\">Zobacz Instagram<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* --- \u0421\u0442\u0438\u043b\u0438 \u0441\u0435\u043a\u0446\u0438\u0438 Trust & Awards --- *\/\n    .amber-awards-section {\n        padding: 120px 20px;\n        background-color: #080808; \n        color: #fff;\n        font-family: inherit !important;\n        overflow: hidden;\n    }\n\n    \/* \u0416\u0415\u0421\u0422\u041a\u0418\u0419 \u0424\u0418\u041a\u0421 \u041a\u041e\u041d\u0422\u0420\u0410\u0421\u0422\u0410 \u0414\u041b\u042f PAGESPEED *\/\n    .reviews-plugin-container .wp-google-name, \n    .reviews-plugin-container a.wp-google-name, \n    .reviews-plugin-container .wp-google-url,\n    .reviews-plugin-container a[href*=\"google.com\"] {\n        color: #ffffff !important;\n        opacity: 1 !important;\n        font-weight: 700 !important;\n        text-decoration: underline !important;\n    }\n\n    .reviews-plugin-container .wp-more-toggle,\n    .reviews-plugin-container span[class*=\"more-toggle\"] {\n        color: #ff7a00 !important;\n        opacity: 1 !important;\n        font-weight: 700 !important;\n        text-transform: uppercase;\n        font-size: 12px;\n    }\n\n    .reviews-plugin-container .wp-google-text,\n    .reviews-plugin-container .wp-google-feedback {\n        color: #ffffff !important;\n        opacity: 1 !important;\n        font-weight: 400 !important;\n    }\n\n    .reviews-plugin-container .wp-google-count, \n    .reviews-plugin-container .wp-google-poweredby {\n        color: #e0e0e0 !important;\n    }\n\n    \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0426\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0438 \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u0432\u044b\u043b\u0435\u0442\u043e\u0432 \u0432\u043f\u0440\u0430\u0432\u043e *\/\n    .reviews-plugin-container {\n        background: rgba(255, 255, 255, 0.05);\n        padding: 20px;\n        border-radius: 8px;\n        border: 1px solid rgba(255, 122, 0, 0.3);\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto !important; \/* \u0426\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u043c \u0431\u043b\u043e\u043a *\/\n        min-height: 250px;\n        box-sizing: border-box;\n        display: block;\n    }\n\n    \/* \u0424\u0438\u043a\u0441 \u0434\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 Google Reviews *\/\n    .reviews-plugin-container * {\n        max-width: 100% !important;\n    }\n\n    .amber-awards-section .container {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 0.8fr 1.2fr; \n        gap: 80px;\n        align-items: center;\n    }\n\n    .awards-content {\n        text-align: left;\n        max-width: 500px;\n    }\n\n    .amber-awards-section h2 {\n        font-size: clamp(2rem, 3.5vw, 2.8rem);\n        font-weight: 700 !important;\n        text-transform: uppercase;\n        line-height: 1.1;\n        margin-bottom: 25px;\n        letter-spacing: -1px;\n    }\n\n    .amber-awards-section h2 span {\n        color: #ff7a00;\n    }\n\n    .awards-lead {\n        font-size: 1.05rem;\n        line-height: 1.6;\n        opacity: 1 !important;\n        margin-bottom: 35px;\n        font-weight: 400; \n        border-left: 3px solid #ff7a00;\n        padding-left: 20px;\n        color: #ffffff !important;\n    }\n\n    .awards-visual-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 25px;\n    }\n\n    .award-photo {\n        position: relative;\n        overflow: hidden;\n        border-radius: 6px;\n        background: #111;\n        transition: all 0.4s ease;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n\n    .award-v { aspect-ratio: 3 \/ 4; }\n    .award-h { grid-column: span 2; aspect-ratio: 16 \/ 8; }\n\n    .award-photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        filter: brightness(0.9);\n        transition: 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    .award-photo:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(255, 122, 0, 0.2);\n    }\n\n    .award-photo:hover img {\n        filter: brightness(1);\n        transform: scale(1.04);\n    }\n\n    \/* --- \u041c\u0415\u0414\u0418\u0410-\u0417\u0410\u041f\u0420\u041e\u0421\u042b (\u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041d\u042b\u0415) --- *\/\n    @media (max-width: 1100px) {\n        .amber-awards-section .container { \n            grid-template-columns: 1fr; \n            gap: 50px; \n            text-align: center;\n        }\n        .awards-content { \n            text-align: center; \n            max-width: 100%; \n            margin: 0 auto; \n        }\n        .awards-lead { \n            border-left: none; \n            border-top: 3px solid #ff7a00; \n            padding: 20px 0 0; \n            max-width: 600px;\n            margin: 0 auto 35px auto;\n        }\n        .awards-visual-grid { \n            max-width: 700px; \n            margin: 0 auto; \n        }\n    }\n\n    @media (max-width: 600px) {\n        .amber-awards-section { padding: 60px 15px; }\n        .award-v { aspect-ratio: 1 \/ 1.1; }\n        .awards-visual-grid { gap: 15px; }\n        \n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0436\u0435\u0441\u0442\u043a\u043e\u0435 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n        .reviews-plugin-container {\n            padding: 10px;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n        }\n    }\n<\/style>\n\n<section class=\"amber-awards-section\" id=\"awards\">\n    <div class=\"container\">\n        \n        <div class=\"awards-content\">\n            <h2><span>Zaufanie<\/span> i nagrody naszego studia<\/h2>\n            <p class=\"awards-lead\">\n                Jako\u015b\u0107 naszych prac potwierdzaj\u0105 nie tylko nagrody bran\u017cowe, ale przede wszystkim setki zadowolonych klient\u00f3w, kt\u00f3rzy powierzyli nam swoj\u0105 sk\u00f3r\u0119.\n            <\/p>\n            \n            <div class=\"reviews-plugin-container\">\n                <div class=\"wp-gr rpi wpac wp-dark\" style=\"--rev-color: #ffffff;--name-color: #ffffff;--text-color: #ffffff;--head-name-color: #ffffff;--head-based-color: #bbbbbb;--powered-color: #bbbbbb;--btn-color: #ff7a00;\" data-id=\"16835\" data-layout=\"list\" data-exec=\"false\" data-options='{&quot;text_size&quot;:&quot;110&quot;,&quot;trans&quot;:{&quot;read more&quot;:&quot;\\u043f\\u043e\\u0434\\u0440\\u043e\\u0431\\u043d\\u0435\\u0435&quot;}}'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none!important\"><symbol id=\"grw-tripadvisor\" viewBox=\"0 0 713.496 713.496\"><g><circle fill=\"#34E0A1\" cx=\"356.749\" cy=\"356.748\" r=\"356.748\"\/><path d=\"M577.095,287.152l43.049-46.836h-95.465c-47.792-32.646-105.51-51.659-167.931-51.659   c-62.342,0-119.899,19.054-167.612,51.659H93.432l43.049,46.836c-26.387,24.075-42.929,58.754-42.929,97.259   c0,72.665,58.914,131.578,131.579,131.578c34.519,0,65.968-13.313,89.446-35.077l42.172,45.919l42.172-45.879   c23.478,21.764,54.887,35.037,89.406,35.037c72.665,0,131.658-58.913,131.658-131.578   C620.024,345.866,603.483,311.188,577.095,287.152z M225.17,473.458c-49.188,0-89.047-39.859-89.047-89.047   s39.86-89.048,89.047-89.048c49.187,0,89.047,39.86,89.047,89.048S274.357,473.458,225.17,473.458z M356.788,381.82   c0-58.595-42.61-108.898-98.853-130.383c30.413-12.716,63.776-19.771,98.813-19.771s68.439,7.055,98.853,19.771   C399.399,272.962,356.788,323.226,356.788,381.82z M488.367,473.458c-49.188,0-89.048-39.859-89.048-89.047   s39.86-89.048,89.048-89.048s89.047,39.86,89.047,89.048S537.554,473.458,488.367,473.458z M488.367,337.694   c-25.79,0-46.677,20.887-46.677,46.677c0,25.789,20.887,46.676,46.677,46.676c25.789,0,46.676-20.887,46.676-46.676   C535.042,358.621,514.156,337.694,488.367,337.694z M271.846,384.411c0,25.789-20.887,46.676-46.676,46.676   s-46.676-20.887-46.676-46.676c0-25.79,20.887-46.677,46.676-46.677C250.959,337.694,271.846,358.621,271.846,384.411z\"\/><\/g><\/symbol><symbol id=\"grw-google\" viewBox=\"0 0 512 512\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M482.56 261.36c0-16.73-1.5-32.83-4.29-48.27H256v91.29h127.01c-5.47 29.5-22.1 54.49-47.09 71.23v59.21h76.27c44.63-41.09 70.37-101.59 70.37-173.46z\" fill=\"#4285f4\"\/><path d=\"M256 492c63.72 0 117.14-21.13 156.19-57.18l-76.27-59.21c-21.13 14.16-48.17 22.53-79.92 22.53-61.47 0-113.49-41.51-132.05-97.3H45.1v61.15c38.83 77.13 118.64 130.01 210.9 130.01z\" fill=\"#34a853\"\/><path d=\"M123.95 300.84c-4.72-14.16-7.4-29.29-7.4-44.84s2.68-30.68 7.4-44.84V150.01H45.1C29.12 181.87 20 217.92 20 256c0 38.08 9.12 74.13 25.1 105.99l78.85-61.15z\" fill=\"#fbbc05\"\/><path d=\"M256 113.86c34.65 0 65.76 11.91 90.22 35.29l67.69-67.69C373.03 43.39 319.61 20 256 20c-92.25 0-172.07 52.89-210.9 130.01l78.85 61.15c18.56-55.78 70.59-97.3 132.05-97.3z\" fill=\"#ea4335\"\/><path d=\"M20 20h472v472H20V20z\"\/><\/g><\/symbol><\/svg><div class=\"wp-google-list\"><div class=\"grw-header\"><div class=\"grw-header-inner rpi-flx rpi-row12\"style=\"--dir:column;--align:center;--star-align-self:center\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2024\/02\/cropped-abmer_tattoo_studio_logo_black-2-e1707143568713-1.png?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&#039;)this.src=&#039;data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&#039;;\"><\/div><div class=\"rpi-flx rpi-col8\"style=\"--dir:column;--align:center;--star-align-self:center\"><div class=\"wp-google-name\"><a href=\"https:\/\/maps.google.com\/?cid=11863132270945978953\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Studio tatua\u017cu Amber Tattoo Wroc\u0142aw place profile - opens in a new window\">Studio tatua\u017cu Amber Tattoo Wroc\u0142aw<\/a><\/div><span class=\"rpi-stars\" role=\"img\" aria-label=\"Rating: 4.9 out of 5\" style=\"--rating:4.9\">4.9<\/span><div class=\"wp-google-based\">\u041e\u0441\u043d\u043e\u0432\u044b\u0432\u0430\u044f\u0441\u044c \u043d\u0430 143 \u043e\u0442\u0437\u044b\u0432\u0430\u0445<\/div><div class=\"wp-google-powered\">powered by <span><span style=\"color:#3c6df0!important\">G<\/span><span style=\"color:#d93025!important\">o<\/span><span style=\"color:#fb8e28!important\">o<\/span><span style=\"color:#3c6df0!important\">g<\/span><span style=\"color:#188038!important\">l<\/span><span style=\"color:#d93025!important\">e<\/span><\/span><\/div><\/div><\/div><\/div><div class=\"rpi-flx rpi-col16\"><div class=\"wp-google-review\"><div class=\"rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2026\/03\/ChIJTQn6tXfDD0cRSUo1ZfJPoqQ_fceab917c72821db20288351185b0e27.jpg?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;)this.src=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;;\"><\/div><div class=\"rpi-flx rpi-col4\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/115577304352467028097\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Jacek L. user profile - opens in a new window\">Jacek L.<\/a><div class=\"wp-google-time\" data-time=\"1770474018\">14:20 07 Feb 26<\/div><div class=\"wp-google-feedback\"><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><span class=\"wp-google-text\">Robili\u015bmy z Maksymem ca\u0142y r\u0119kaw w dotworku i szacun za cierpliwo\u015b\u0107. To by\u0142y miliony kropek, a wszystko siedzi idealnie r\u00f3wno, cieniowanie robi niesamowit\u0105 robot\u0119 na \u017cywo. Troch\u0119 godzin na fotelu sp\u0119dzi\u0142em, ale efekt jest tego wart. Jak planujecie co\u015b du\u017cego w tym stylu, to Amber to odpowiednie studio tatua\u017cu we Wroc\u0142awiu.<\/span><\/div><\/div><\/div><\/div><div class=\"wp-google-review\"><div class=\"rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2026\/04\/ChIJTQn6tXfDD0cRSUo1ZfJPoqQ_bf24ec098245e5e5a1898787c5a3c1f0.jpg?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;)this.src=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;;\"><\/div><div class=\"rpi-flx rpi-col4\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/103568109388298335696\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Angelika K. user profile - opens in a new window\">Angelika K.<\/a><div class=\"wp-google-time\" data-time=\"1770450713\">07:51 07 Feb 26<\/div><div class=\"wp-google-feedback\"><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><span class=\"wp-google-text\">Maksym to artysta przez du\u017ce A. Zrobi\u0142 mi na sk\u00f3rze ma\u0142e cudo, a kreska jest tak precyzyjna, \u017ce wszyscy pytaj\u0105, kto to robi\u0142. W Amber jest mega klimat, zero stresu, pe\u0142en komfort podczas sesji. Jak chcecie kogo\u015b z talentem i dobr\u0105 r\u0119k\u0105, to polecam to studio tatua\u017cu we Wroc\u0142awiu.<\/span><\/div><\/div><\/div><\/div><div class=\"wp-google-review\"><div class=\"rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2026\/03\/ChIJTQn6tXfDD0cRSUo1ZfJPoqQ_1118bb5a8b8ff8c034aa2834e21152c3.jpg?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;)this.src=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;;\"><\/div><div class=\"rpi-flx rpi-col4\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/114165099090886156978\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Dawid user profile - opens in a new window\">Dawid<\/a><div class=\"wp-google-time\" data-time=\"1770421182\">23:39 06 Feb 26<\/div><div class=\"wp-google-feedback\"><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><span class=\"wp-google-text\">Zrobi\u0142em tatua\u017c u Kevina i jestem pod wra\u017ceniem. Go\u015b\u0107 jest bardzo dok\u0142adny, skupiony na robocie, a efekt na sk\u00f3rze wygl\u0105da rewelacyjnie. W Amber wszystko na wysokim poziomie, od higieny po atmosfer\u0119. Konkretne studio tatua\u017cu we Wroc\u0142awiu, warto wpa\u015b\u0107.<\/span><\/div><\/div><\/div><\/div><div class=\"wp-google-review\"><div class=\"rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2026\/04\/ChIJTQn6tXfDD0cRSUo1ZfJPoqQ_a490b4d7b166270a760c057ef53f75c1.jpg?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;)this.src=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;;\"><\/div><div class=\"rpi-flx rpi-col4\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/104542080016736942618\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Katarzyna user profile - opens in a new window\">Katarzyna<\/a><div class=\"wp-google-time\" data-time=\"1770418814\">23:00 06 Feb 26<\/div><div class=\"wp-google-feedback\"><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><span class=\"wp-google-text\">By\u0142am u Maksyma i jestem zachwycona. Ma super wyczucie estetyki, wi\u0119c m\u00f3j pomys\u0142 dopracowa\u0142 tak, \u017ce wygl\u0105da teraz ob\u0142\u0119dnie. Samo tatuowanie posz\u0142o sprawnie i w mi\u0142ej atmosferze. W Amber czu\u0107, \u017ce dbaj\u0105 o klienta. Je\u015bli szukacie sprawdzone studio tatua\u017cu we Wroc\u0142awiu, to warto si\u0119 do niego wybra\u0107.<\/span><\/div><\/div><\/div><\/div><div class=\"wp-google-review\"><div class=\"rpi-flx rpi-row12\"><div class=\"grw-img-wrap\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"grw-img\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2026\/04\/ChIJTQn6tXfDD0cRSUo1ZfJPoqQ_0dc113e8d758336111de5093248cfdae.jpg?resize=50%2C50&#038;ssl=1\" loading=\"lazy\" alt=\"|\" width=\"50\" height=\"50\" onerror=\"if(this.src!=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;)this.src=&#039;https:\/\/ambertattoo.ink\/wp-content\/plugins\/widget-google-reviews\/assets\/img\/guest.png&#039;;\"><\/div><div class=\"rpi-flx rpi-col4\"><a href=\"https:\/\/www.google.com\/maps\/contrib\/107034977408107678224\/reviews\" class=\"wp-google-name\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"Piotr LM C. user profile - opens in a new window\">Piotr LM C.<\/a><div class=\"wp-google-time\" data-time=\"1770358780\">06:19 06 Feb 26<\/div><div class=\"wp-google-feedback\"><span class=\"rpi-stars\" style=\"--rating:5\"><\/span><span class=\"wp-google-text\">Konkretna sesja u Alexa. Go\u015b\u0107 zna si\u0119 na rzeczy, tatua\u017c wykonany bardzo starannie i szybko si\u0119 zagoi\u0142. W Amber jest fajne podej\u015bcie, bez zb\u0119dnego gadania, pe\u0142en profesjonalizm. Dobre studio tatua\u017cu we Wroc\u0142awiu, na pewno tam wr\u00f3c\u0119 po wi\u0119cej.<\/span><\/div><\/div><\/div><\/div><\/div><a href=\"https:\/\/maps.google.com\/?cid=11863132270945978953\" class=\"wp-google-url\" target=\"_blank\" rel=\"nofollow noopener\" aria-label=\"All reviews - opens in a new window\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043e\u0442\u0437\u044b\u0432\u044b<\/a><\/div><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"awards-visual-grid\">\n            <div class=\"award-photo award-v\">\n                <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2023\/02\/Wroclaw_tattoo_show_nagroda_3768-3-1.jpg?resize=400%2C533&#038;ssl=1\" \n                     alt=\"Nagroda dla Amber Tattoo na Wroclaw Tattoo Show - I miejsce\"\n                     width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n\n            <div class=\"award-photo award-v\">\n                <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2023\/02\/Wroclaw_tattoo_show_nagroda_3767-3-1.jpg?resize=400%2C533&#038;ssl=1\" \n                     alt=\"Wyr\u00f3\u017cnienie dla artyst\u00f3w Amber Tattoo Wroc\u0142aw\"\n                     width=\"400\" height=\"533\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n\n            <div class=\"award-photo award-h\">\n                <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/ambertattoo.ink\/wp-content\/uploads\/2023\/02\/332925135_1931772713830884_8622503427346140987_n.jpeg?resize=800%2C400&#038;ssl=1\" \n                     alt=\"Zesp\u00f3\u0142 Amber Tattoo Wroc\u0142aw odbieraj\u0105cy nagrod\u0119\"\n                     width=\"800\" height=\"400\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* --- \u0421\u0442\u0438\u043b\u0438 \u0441\u0435\u043a\u0446\u0438\u0438 FAQ --- *\/\n    .amber-faq-section {\n        padding: 100px 20px;\n        background-color: #050505;\n        color: #fff;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0448\u0440\u0438\u0444\u0442\u0430 \u0441\u0430\u0439\u0442\u0430 *\/\n        font-family: inherit !important;\n    }\n\n    .amber-faq-section .container {\n        max-width: 900px; \n        margin: 0 auto;\n    }\n\n    .amber-faq-section h2 {\n        font-size: clamp(2rem, 5vw, 3.5rem);\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 700 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u0430\u0448\u0435\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 *\/\n        font-weight: 700 !important;\n        text-transform: uppercase;\n        text-align: center;\n        margin-bottom: 60px;\n        letter-spacing: -1px;\n    }\n\n    .amber-faq-section h2 span {\n        color: #ff7a00;\n    }\n\n    \/* --- \u0421\u0442\u0438\u043b\u0438 \u0410\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d\u0430 --- *\/\n    .faq-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .faq-item {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 122, 0, 0.1);\n        border-radius: 8px;\n        overflow: hidden;\n        transition: 0.3s ease;\n    }\n\n    .faq-item:hover {\n        border-color: rgba(255, 122, 0, 0.4);\n        background: rgba(255, 255, 255, 0.05);\n    }\n\n    .faq-question {\n        width: 100%;\n        padding: 25px 30px;\n        background: none;\n        border: none;\n        color: #fff;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        font-size: 1.2rem;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 700 *\/\n        font-weight: 700;\n        text-align: left;\n        transition: 0.3s;\n        font-family: inherit;\n    }\n\n    .faq-question:hover {\n        color: #ff7a00;\n    }\n\n    .faq-icon {\n        position: relative;\n        width: 20px;\n        height: 20px;\n        flex-shrink: 0;\n    }\n\n    .faq-icon::before, .faq-icon::after {\n        content: '';\n        position: absolute;\n        background-color: #ff7a00;\n        transition: 0.3s ease;\n    }\n\n    .faq-icon::before {\n        top: 50%; left: 0; width: 100%; height: 2px; transform: translateY(-50%);\n    }\n\n    .faq-icon::after {\n        left: 50%; top: 0; width: 2px; height: 100%; transform: translateX(-50%);\n    }\n\n    .faq-item.active .faq-icon::after {\n        transform: translateX(-50%) rotate(90deg);\n        opacity: 0;\n    }\n    \n    .faq-item.active .faq-question {\n        color: #ff7a00;\n    }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        opacity: 0;\n    }\n\n    .faq-item.active .faq-answer {\n        max-height: 1000px; \n        opacity: 1;\n    }\n\n    .faq-answer-content {\n        padding: 0 30px 30px;\n        font-size: 1rem;\n        line-height: 1.7;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 400 \u0432\u043c\u0435\u0441\u0442\u043e 300 *\/\n        font-weight: 400;\n        color: #e0e0e0; \/* \u041f\u043e\u0432\u044b\u0448\u0435\u043d \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442 \u0434\u043b\u044f PageSpeed *\/\n    }\n\n    .faq-answer-content strong {\n        color: #ff7a00;\n        font-weight: 700;\n    }\n\n    @media (max-width: 600px) {\n        .amber-faq-section { padding: 80px 15px; }\n        .faq-question { padding: 20px; font-size: 1.1rem; }\n        .faq-answer-content { padding: 0 20px 25px; }\n    }\n<\/style>\n\n<section class=\"amber-faq-section\" id=\"faq\">\n    <div class=\"container\">\n        <h2>Masz <span>pytania<\/span> przed tatua\u017cem?<\/h2>\n\n        <div class=\"faq-wrapper\">\n            \n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Ile kosztuje tatua\u017c?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        Cena zale\u017cy od wielko\u015bci i szczeg\u00f3\u0142owo\u015bci wzoru. Koszt startowy (cena minimalna) to <strong>350 z\u0142<\/strong>. Oferujemy r\u00f3wnie\u017c sesj\u0119 ca\u0142odzienn\u0105 (ok. 6h \u0142\u0105cznie z przygotowaniem stanowiska i odbiciem wzoru) w cenie <strong>2000 z\u0142<\/strong>.<br><br>\n                        <strong>Wa\u017cne:<\/strong> Przy du\u017cych, wielosesyjnych projektach (r\u0119kaw, ca\u0142a noga, plecy) wycen\u0119 ustalamy indywidualnie podczas konsultacji. Wst\u0119pn\u0105 wycen\u0119 mniejszych prac przygotujemy, gdy prze\u015blesz nam opis przez Instagram, WhatsApp lub formularz.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Jak um\u00f3wi\u0107 si\u0119 na tatua\u017c?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        Najszybciej skontaktujesz si\u0119 z nami przez Instagram lub WhatsApp (przycisk na dole strony). Wy\u015blij nam opis pomys\u0142u, inspiracje i przybli\u017cony rozmiar.<br><br>\n                        <strong>Wa\u017cne:<\/strong> Aby zarezerwowa\u0107 konkretny termin sesji, wymagamy wp\u0142aty zadatku. Jest on oczywi\u015bcie odliczany od ko\u0144cowej ceny tatua\u017cu.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Czy tatua\u017c boli?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        Odczuwanie b\u00f3lu jest kwesti\u0105 indywidualn\u0105 i zale\u017cy od miejsca na ciele. Nasi klienci cz\u0119sto m\u00f3wi\u0105, \u017ce &#8222;strach ma wielkie oczy&#8221;, \u0430 samo uczucie przypomina po prostu mocniejsze drapanie.<br><br>\n                        W studio tatua\u017cu <strong>Amber Tattoo<\/strong> dbamy o Tw\u00f3j komfort \u2013 robimy przerwy w trakcie sesji, a lu\u017ana atmosfera i rozmowa pomagaj\u0105 zapomnie\u0107 o dyskomforcie. Dasz rad\u0119!\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Jak przygotowa\u0107 si\u0119 do tatua\u017cu?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        <strong>Najwa\u017cniejsze:<\/strong> wy\u015bpij si\u0119 i zjedz porz\u0105dne, po\u017cywne \u015bniadanie przed wizyt\u0105. To zapobiegnie os\u0142abieniu organizmu.<br><br>\n                        Prosimy, aby\u015b nie pi\u0142 alkoholu co najmniej 24h przed sesj\u0105 (alkohol rozrzedza krew i utrudnia tatuowanie). Za\u0142\u00f3\u017c te\u017c wygodne, lu\u017ane ubranie, kt\u00f3re pozwoli nam na swobodny dost\u0119p do tatuowanego miejsca.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Jak dba\u0107 o \u015bwie\u017cy tatua\u017c?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        Po sesji otrzymasz od nas szczeg\u00f3\u0142ow\u0105 instrukcj\u0119. W skr\u00f3cie: dbaj o higien\u0119, przemywaj tatua\u017c delikatnym myd\u0142em i smaruj dedykowanym kremem (np. marki <strong>LoveInk<\/strong>, kt\u00f3ry kupisz u nas na miejscu).<br><br>\n                        <strong>Wa\u017cne:<\/strong> Przez pierwsze 2-3 tygodnie unikaj s\u0142o\u0144ca, sauny, basenu i solarium. To kluczowe, aby tatua\u017c wygoi\u0142 si\u0119 idealnie i nie straci\u0142 koloru.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\n                    Od ilu lat mo\u017cna zrobi\u0107 tatua\u017c?\n                    <div class=\"faq-icon\"><\/div>\n                <\/button>\n                <div class=\"faq-answer\">\n                    <div class=\"faq-answer-content\">\n                        Mimo \u017ce prawo w Polsce tego nie zabrania, w studio tatua\u017cu <strong>Amber Tattoo<\/strong> mamy \u017celazn\u0105 zasad\u0119: wykonujemy tatua\u017ce wy\u0142\u0105cznie osobom pe\u0142noletnim <strong>(18+)<\/strong>.<br><br>\n                        Nie tatuujemy os\u00f3b poni\u017cej 18 roku \u017cycia, nawet za zgod\u0105 rodzic\u00f3w. Zale\u017cy nam, aby decyzja o tatua\u017cu by\u0142a w pe\u0142ni \u015bwiadoma i podj\u0119ta samodzielnie.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function() {\n        const faqQuestions = document.querySelectorAll('.faq-question');\n        if (faqQuestions.length > 0) {\n            faqQuestions.forEach(button => {\n                button.addEventListener('click', () => {\n                    const faqItem = button.parentElement;\n                    document.querySelectorAll('.faq-item').forEach(item => {\n                        if (item !== faqItem) item.classList.remove('active');\n                    });\n                    faqItem.classList.toggle('active');\n                });\n            });\n        }\n    })();\n<\/script>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Ile kosztuje tatua\u017c?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Cena zale\u017cy od wielko\u015bci i szczeg\u00f3\u0142owo\u015bci wzoru. Koszt startowy (cena minimalna) to 350 z\u0142. Oferujemy r\u00f3wnie\u017c sesj\u0119 ca\u0142odzienn\u0105 (ok. 6h) w cenie 2000 z\u0142. Przy du\u017cych projektach wycen\u0119 ustalamy indywidualnie.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Jak um\u00f3wi\u0107 si\u0119 na tatua\u017c?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Najszybciej skontaktujesz si\u0119 z nami przez Instagram lub WhatsApp. Wy\u015blij nam opis pomys\u0142u, inspiracje i przybli\u017cony rozmiar. Aby zarezerwowa\u0107 termin, wymagamy wp\u0142aty zadatku.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Czy tatua\u017c boli?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Odczuwanie b\u00f3lu jest kwesti\u0105 indywidualn\u0105. Nasi klienci cz\u0119sto m\u00f3wi\u0105, \u017ce uczucie przypomina mocniejsze drapanie. W Amber Tattoo dbamy o Tw\u00f3j komfort i robimy przerwy w trakcie sesji.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Jak przygotowa\u0107 si\u0119 do tatua\u017cu?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Najwa\u017cniejsze: wy\u015bpij si\u0119 i zjedz porz\u0105dne \u015bniadanie. Nie pij alkoholu co najmniej 24h przed sesj\u0105. Za\u0142\u00f3\u017c wygodne, lu\u017ane ubranie.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Jak dba\u0107 o \u015bwie\u017cy tatua\u017c?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Dbaj o higien\u0119, przemywaj tatua\u017c delikatnym myd\u0142em i smaruj dedykowanym kremem (np. LoveInk). Przez pierwsze 2-3 tygodnie unikaj s\u0142o\u0144ca, sauny, basenu i solarium.\"\n    }\n  }, {\n    \"@type\": \"Question\",\n    \"name\": \"Od ilu lat mo\u017cna zrobi\u0107 tatua\u017c?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"W studio Amber Tattoo mamy \u017celazn\u0105 zasad\u0119: wykonujemy tatua\u017ce wy\u0142\u0105cznie osobom pe\u0142noletnim (18+). Nie tatuujemy os\u00f3b poni\u017cej 18 roku \u017cycia, nawet za zgod\u0105 rodzic\u00f3w.\"\n    }\n  }]\n}\n<\/script>\n\n\n\n<style>\n    \/* --- \u0421\u0442\u0438\u043b\u0438 \u0441\u0435\u043a\u0446\u0438\u0438 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 --- *\/\n    .amber-contact-section {\n        padding: 100px 20px;\n        background-color: #050505;\n        color: #fff;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u0430 \u0441\u0430\u0439\u0442\u0430 *\/\n        font-family: inherit !important;\n    }\n\n    .amber-contact-section .container {\n        max-width: 1300px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: start;\n    }\n\n    \/* --- \u041b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430: \u0422\u0435\u043a\u0441\u0442 \u0438 \u0438\u043d\u0444\u043e --- *\/\n    .contact-info-side {\n        text-align: left;\n    }\n\n    .amber-contact-section h2 {\n        font-size: clamp(2rem, 4vw, 3rem);\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 700 *\/\n        font-weight: 700 !important;\n        text-transform: uppercase;\n        line-height: 1.1;\n        margin-bottom: 30px;\n        letter-spacing: -1px;\n    }\n\n    .amber-contact-section h2 span {\n        color: #ff7a00;\n    }\n\n    .contact-lead {\n        font-size: 1.1rem;\n        line-height: 1.7;\n        opacity: 0.9; \/* \u0427\u0443\u0442\u044c \u0432\u044b\u0448\u0435 \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430 *\/\n        margin-bottom: 50px;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 400 *\/\n        font-weight: 400;\n    }\n\n    \/* \u0421\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 *\/\n    .contact-details {\n        display: flex;\n        flex-direction: column;\n        gap: 25px;\n    }\n\n    .detail-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 15px;\n    }\n\n    .detail-item strong {\n        display: block;\n        color: #ff7a00;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n        margin-bottom: 5px;\n        font-weight: 700;\n    }\n\n    .detail-item p, .detail-item a {\n        margin: 0;\n        font-size: 1.05rem;\n        color: #fff;\n        text-decoration: none;\n        transition: 0.3s;\n        font-weight: 400;\n    }\n\n    .detail-item a:hover {\n        color: #ff7a00;\n        text-decoration: underline;\n    }\n\n    \/* \u0421\u043f\u0435\u0446-\u0441\u0441\u044b\u043b\u043a\u0430 WhatsApp *\/\n    .wa-link {\n        color: #25d366 !important;\n        font-weight: 700 !important;\n    }\n\n    \/* --- \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0430: \u0424\u043e\u0440\u043c\u0430 --- *\/\n    .contact-form-side {\n        background: #0c0c0c;\n        padding: 45px;\n        border-radius: 8px;\n        border: 1px solid rgba(255, 122, 0, 0.25);\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n    }\n\n    \/* \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e\u043b\u0435\u0439 CF7 *\/\n    .contact-form-side input, \n    .contact-form-side textarea {\n        width: 100%;\n        background: #151515 !important;\n        border: 1px solid rgba(255,255,255,0.2) !important;\n        color: #fff !important;\n        padding: 15px !important;\n        margin-bottom: 20px !important;\n        border-radius: 4px !important;\n        font-family: inherit !important;\n        font-size: 1rem !important;\n    }\n\n    .contact-form-side input:focus, \n    .contact-form-side textarea:focus {\n        border-color: #ff7a00 !important;\n        outline: none;\n    }\n\n    \/* \u041f\u043b\u0435\u0439\u0441\u0445\u043e\u043b\u0434\u0435\u0440\u044b \u0434\u043b\u044f PageSpeed (\u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442) *\/\n    .contact-form-side ::placeholder {\n        color: #bbbbbb !important;\n        opacity: 1;\n    }\n\n    .contact-form-side input[type=\"submit\"] {\n        background: #ff7a00 !important;\n        color: #000 !important;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041e: \u0416\u0438\u0440\u043d\u043e\u0441\u0442\u044c 700 *\/\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 2px !important;\n        border: none !important;\n        cursor: pointer !important;\n        transition: 0.4s !important;\n        padding: 20px !important;\n        margin-top: 10px !important;\n    }\n\n    .contact-form-side input[type=\"submit\"]:hover {\n        background: #fff !important;\n        color: #000 !important;\n        box-shadow: 0 0 25px rgba(255, 122, 0, 0.5);\n        transform: translateY(-2px);\n    }\n\n    \/* --- \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c --- *\/\n    @media (max-width: 1024px) {\n        .amber-contact-section .container {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n        .contact-info-side { text-align: center; }\n        .detail-item { justify-content: center; }\n        .contact-form-side { padding: 30px 20px; }\n    }\n\n    @media (max-width: 600px) {\n        .amber-contact-section { padding: 60px 15px; }\n        .amber-contact-section h2 { font-size: 2rem; }\n    }\n<\/style>\n\n<section class=\"amber-contact-section\" id=\"contact\">\n    <div class=\"container\">\n        \n        <div class=\"contact-info-side\">\n            <h2>Um\u00f3w si\u0119 na <span>wizyt\u0119<\/span> w Studio Amber Tattoo<\/h2>\n            <p class=\"contact-lead\">\n                Planujesz zrobi\u0107 sobie tatua\u017c? \u015awietnie! Niezale\u017cnie czy interesuj\u0105 Ci\u0119 tradycyjne wzory, styl japo\u0144ski czy minimalizm \u2013 nasi arty\u015bci stworz\u0105 dla Ciebie co\u015b wyj\u0105tkowego. Skorzystaj z formularza obok, opisz sw\u00f3j pomys\u0142, a nasze studio tatua\u017cu zajmie si\u0119 reszt\u0105.\n            <\/p>\n\n            <div class=\"contact-details\">\n                <div class=\"detail-item\">\n                    <div>\n                        <strong>Godziny otwarcia<\/strong>\n                        <p>Poniedzia\u0142ek \u2013 Niedziela: 11:00 \u2013 18:00<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"detail-item\">\n                    <div>\n                        <strong>Adres<\/strong>\n                        <p>ul. Ofiar O\u015bwi\u0119cimskich 15, 50-069 Wroc\u0142aw (Rynek)<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"detail-item\">\n                    <div>\n                        <strong>Telefon &#038; WhatsApp<\/strong>\n                        <p><a href=\"tel:+48888935750\">+48 888 935 750<\/a><\/p>\n                        <p><a href=\"https:\/\/wa.me\/48888935750\" class=\"wa-link\" target=\"_blank\" rel=\"noopener\">Napisz do nas na WhatsApp<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"detail-item\">\n                    <div>\n                        <strong>E-mail<\/strong>\n                        <p><a href=\"mailto:info@ambertattoo.ink\">info@ambertattoo.ink<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"contact-form-side\">\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f20739-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"20739\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ru\/wp-json\/wp\/v2\/pages\/19636#wpcf7-f20739-o1\" method=\"post\" class=\"wpcf7-form init cf7skins cf7s-default\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"20739\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f20739-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form-row\">\n   <label> Imi\u0119 *\n   <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Jak masz na imi\u0119?\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/div>\n\n<div class=\"form-row\">\n   <label> Telefon *\n   <span class=\"wpcf7-form-control-wrap\" data-name=\"telefon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+48 ...\" value=\"\" type=\"tel\" name=\"telefon\" \/><\/span> <\/label>\n<\/div>\n\n<div class=\"form-row\">\n   <label> Adres e-mail *\n   <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tw\u00f3j e-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/div>\n\n<hr>\n\n<label> Opis pomys\u0142u (miejsce, wielko\u015b\u0107, motyw) *\n<span class=\"wpcf7-form-control-wrap\" data-name=\"Wiadomosc\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Opisz sw\u00f3j pomys\u0142 na tatua\u017c...\" name=\"Wiadomosc\"><\/textarea><\/span> <\/label>\n\n<div class=\"file-upload-section\">\n   <label> Dodaj inspiracje \/ wzory (opcjonalne)\n   <span class=\"wpcf7-form-control-wrap\" data-name=\"inspiracje-tatuazu\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file\" accept=\".jpg,.png,.jpeg\" aria-invalid=\"false\" type=\"file\" name=\"inspiracje-tatuazu\" \/><\/span> <\/label>\n<\/div>\n\n<div class=\"rodo-checkbox\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"rodo-zgoda\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"rodo-zgoda\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Zapozna\u0142em si\u0119 z <a href=\"https:\/\/ambertattoo.ink\/studio-tatuazu\/polityka-prywatnosci\/\" target=\"_blank\">Polityk\u0105 Prywatno\u015bci<\/a> i akceptuj\u0119 jej postanowienia.<\/span><\/label><\/span><\/span><\/span>\n<\/div>\n\n<div class=\"captcha-box\">\n<\/div>\n\n<span id=\"wpcf7-69dcb80521ce7-wrapper\" class=\"wpcf7-form-control-wrap honeypot-731-wrap\" style=\"display:none !important; visibility:hidden !important;\"><label for=\"honeypot-731\" class=\"hp-message\">Please leave this field empty.<\/label><input id=\"honeypot-731\"  class=\"wpcf7-form-control wpcf7-text\" type=\"text\" name=\"honeypot-731\" value=\"\" size=\"40\" tabindex=\"-1\" autocomplete=\"new-password\" \/><\/span>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"WY\u015aLIJ ZAPYTANIE\" \/><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"117\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n    \/* 1. \u0412\u043d\u0435\u0448\u043d\u044f\u044f \u043e\u0431\u0435\u0440\u0442\u043a\u0430 *\/\n    .amber-map-wrapper-fixed {\n        width: 100% !important;\n        background-color: #050505;\n        padding: 60px 0;\n        display: block !important;\n        text-align: center !important;\n        clear: both;\n    }\n\n    \/* 2. \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043a\u0430\u0440\u0442\u044b *\/\n    .amber-map-frame-fixed {\n        display: inline-block !important;\n        width: 90% !important;\n        max-width: 1200px !important;\n        height: 500px !important;\n        border: 2px solid #ff7a00 !important;\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 0 30px rgba(255, 122, 0, 0.2) !important;\n        position: relative !important;\n        \/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u043e\u043d, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0431\u044b\u043b\u043e \u0431\u0435\u043b\u043e\u0439 \u0432\u0441\u043f\u044b\u0448\u043a\u0438 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 *\/\n        background: #111; \n    }\n\n    \/* 3. \u0422\u0432\u043e\u0439 iframe *\/\n    .amber-map-frame-fixed iframe {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        border: 0 !important;\n    }\n\n    @media (max-width: 768px) {\n        .amber-map-frame-fixed {\n            height: 350px !important;\n            width: 95% !important;\n        }\n    }\n<\/style>\n\n<div class=\"amber-map-wrapper-fixed\">\n    <div class=\"amber-map-frame-fixed\">\n        <iframe \n            title=\"Mapa Google z lokalizacj\u0105 studio tatua\u017cu Amber Tattoo Wroc\u0142aw\"\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2504.9978697194147!2d17.02882071210678!3d51.10849947160741!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470fc377b5fa094d%3A0xa4a24ff265354a49!2sStudio%20tatua%C5%BCu%20Amber%20Tattoo%20Wroc%C5%82aw!5e0!3m2!1spl!2spl!4v1766013210400!5m2!1spl!2spl\" \n            allowfullscreen=\"\" \n            loading=\"lazy\" \n            referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Studio tatua\u017cu Amber Tattoo Wroc\u0142aw Adres: Ofiar O\u015bwi\u0119cimskich 15 Tel: 888 935 750 Home Portfolio Cennik Praca Kontakt O Nas Rezerwacja Studio tatua\u017cuAmber Tattoo Wroc\u0142aw wyb\u00f3r tych, kt\u00f3rzy ceni\u0105 to, co najlepsze Wycena i Konsultacja Nasze Portfolio \u2193 Amber Tattoo \u2013 Wi\u0119cej ni\u017c tylko salon tatua\u017cu Studio tatua\u017cu Amber Tattoo to przysta\u0144 dla najbardziej utalentowanych [&hellip;]<\/p>\n","protected":false},"author":216297396,"featured_media":20986,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-19636","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/pages\/19636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/users\/216297396"}],"replies":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/comments?post=19636"}],"version-history":[{"count":100,"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/pages\/19636\/revisions"}],"predecessor-version":[{"id":21705,"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/pages\/19636\/revisions\/21705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/media\/20986"}],"wp:attachment":[{"href":"https:\/\/ambertattoo.ink\/ru\/wp-json\/wp\/v2\/media?parent=19636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}