{"id":10,"date":"2026-03-15T20:26:56","date_gmt":"2026-03-15T20:26:56","guid":{"rendered":"https:\/\/pokaz.szczepanskipawel.pl\/?page_id=10"},"modified":"2026-03-15T21:13:18","modified_gmt":"2026-03-15T21:13:18","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/pokaz.szczepanskipawel.pl\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-021a8f8 e-con-full e-flex e-con e-parent\" data-id=\"021a8f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114b8f4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"114b8f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Za\u0142aduj biblioteki: Tailwind CSS -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<!-- G\u0142\u00f3wny kontener sklepu -->\n<div class=\"min-h-screen font-sans font-light selection:bg-[#331E1B] selection:text-[#F7F6F2]\" style=\"background-color: #F7F6F2; color: #331E1B;\">\n  \n  <!-- ULTRA-MINIMAL HEADER -->\n  <nav id=\"main-nav\" class=\"fixed top-0 left-0 w-full z-50 transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] bg-transparent py-8\">\n    <div class=\"px-8 md:px-16 flex items-center justify-between\">\n      \n      <!-- Left: Nav -->\n      <div class=\"w-1\/3 flex items-center\">\n        <button class=\"md:hidden mr-6\" onclick=\"openMenu()\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\n        <\/button>\n        <div class=\"hidden md:flex space-x-10 text-[9px] uppercase tracking-[0.3em] font-medium\">\n          <a href=\"#\" class=\"opacity-60 hover:opacity-100 transition-opacity duration-500\">Kolekcja<\/a>\n          <a href=\"#\" class=\"opacity-60 hover:opacity-100 transition-opacity duration-500\">Projektanci<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Center: Logo SVG -->\n      <div class=\"w-1\/3 flex flex-col items-center justify-center text-center\">\n        <a href=\"#\" class=\"flex flex-col items-center group\">\n          <svg id=\"logo-svg\" viewBox=\"0 0 44 68\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] h-14 mb-5 opacity-90 group-hover:opacity-100\" style=\"color: #331E1B;\">\n            <rect x=\"2\" y=\"2\" width=\"40\" height=\"64\" rx=\"20\" stroke=\"currentColor\" stroke-width=\"0.8\"\/>\n            <path d=\"M18 48 V22\" stroke=\"currentColor\" stroke-width=\"0.8\"\/>\n            <path d=\"M14 48 H22\" stroke=\"currentColor\" stroke-width=\"0.8\"\/>\n            <path d=\"M18 22 H26 C31 22 34 25 34 30 C34 35 31 38 26 38 H18\" stroke=\"currentColor\" stroke-width=\"0.8\"\/>\n            <path d=\"M18 22 H14\" stroke=\"currentColor\" stroke-width=\"0.8\"\/>\n            <path d=\"M10 22 Q 14 22 14 18 Q 14 22 18 22 Q 14 22 14 26 Q 14 22 10 22 Z\" fill=\"currentColor\"\/>\n          <\/svg>\n          <span id=\"logo-text-1\" class=\"font-serif uppercase leading-none transition-all duration-700 text-3xl tracking-[0.15em]\">\n            Pokaz\n          <\/span>\n          <span id=\"logo-text-2\" class=\"uppercase transition-all duration-700 font-medium text-[8px] tracking-[0.5em] mt-3\" style=\"opacity: 0.6;\">\n            Concept Store\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <!-- Right: Tools -->\n      <div class=\"w-1\/3 flex justify-end items-center space-x-8 text-[9px] uppercase tracking-[0.3em] font-medium\">\n        <button class=\"hidden lg:block opacity-60 hover:opacity-100 transition-opacity duration-500\">Konto<\/button>\n        <button class=\"flex items-center gap-2 opacity-60 hover:opacity-100 transition-opacity duration-500\">\n          <span>Koszyk<\/span>\n          <span id=\"cart-count\" class=\"font-serif italic text-xs\">(0)<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <!-- MOBILE MENU FULLSCREEN -->\n  <div id=\"mobile-menu\" class=\"fixed inset-0 z-[100] hidden flex-col p-8 transition-opacity duration-500\" style=\"background-color: #F7F6F2;\">\n    <button onclick=\"closeMenu()\" class=\"self-end mb-16 opacity-60 hover:opacity-100 transition-opacity\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n    <\/button>\n    <div class=\"flex flex-col space-y-8 text-2xl font-serif tracking-widest text-center\">\n      <a href=\"#\" class=\"opacity-70 hover:opacity-100 transition-opacity\">Nowo\u015bci<\/a>\n      <a href=\"#\" class=\"opacity-70 hover:opacity-100 transition-opacity\">Projektanci<\/a>\n      <a href=\"#\" class=\"opacity-70 hover:opacity-100 transition-opacity\">Odzie\u017c<\/a>\n      <a href=\"#\" class=\"opacity-70 hover:opacity-100 transition-opacity\">Akcesoria<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- HERO SECTION -->\n  <section class=\"relative w-full h-screen\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1490481651871-ab68de25d43d?q=80&w=2070&auto=format&fit=crop\" alt=\"Campaign\" class=\"w-full h-full object-cover object-center\" \/>\n    <div class=\"absolute inset-0 bg-gradient-to-b from-black\/10 via-transparent to-black\/20\"><\/div>\n    <div class=\"absolute bottom-16 left-0 w-full text-center text-white px-4\">\n      <p class=\"text-[9px] uppercase tracking-[0.4em] font-medium mb-4 opacity-90\">Kolekcja Wiosna \/ Lato<\/p>\n      <h1 class=\"text-4xl md:text-5xl font-serif tracking-wider mb-8 font-light italic\">Nowa Definicja Klasyki<\/h1>\n    <\/div>\n  <\/section>\n\n  <!-- --- NOWO\u015aCI (SCROLLING GRID) --- -->\n  <section class=\"pt-32 md:pt-48\">\n    <div class=\"px-4 md:px-16 mb-16 flex justify-between items-end\">\n      <div>\n        <h2 class=\"text-2xl font-serif italic mb-4\">Nowo\u015bci<\/h2>\n        <p class=\"text-[9px] uppercase tracking-[0.4em] font-medium opacity-50\">Ostatnio dodane<\/p>\n      <\/div>\n      <div class=\"hidden md:flex gap-4\">\n        <a href=\"#\" class=\"text-[9px] uppercase tracking-[0.4em] font-medium opacity-60 hover:opacity-100 transition-opacity\">Zobacz wszystko<\/a>\n      <\/div>\n    <\/div>\n    \n    <div class=\"flex overflow-x-auto snap-x snap-mandatory gap-6 md:gap-12 px-4 md:px-16 pb-12 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\">\n      \n      <!-- Product 1 -->\n      <div class=\"group relative cursor-pointer flex flex-col items-center min-w-[75vw] sm:min-w-[45vw] md:min-w-[30vw] lg:min-w-[22vw] snap-start\">\n        <div class=\"relative w-full aspect-[3\/4] overflow-hidden mb-8 bg-[#EFECE8]\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604695573706-53170668f6a6?q=80&w=1974&auto=format&fit=crop\" alt=\"Koszula z Jedwabiu\" class=\"w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out group-hover:opacity-0\" \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1604695573706-53170668f6a6?q=80&w=1974&auto=format&fit=crop\" alt=\"Koszula z Jedwabiu detail\" class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out opacity-0 group-hover:opacity-100 scale-105 group-hover:scale-100\" \/>\n          <button onclick=\"openAiModal(event, 'THE ODDER SIDE', 'Koszula z Jedwabiu', 'https:\/\/images.unsplash.com\/photo-1604695573706-53170668f6a6?q=80&w=1974&auto=format&fit=crop')\" class=\"absolute top-4 right-4 z-10 p-3 opacity-0 group-hover:opacity-100 transition-all duration-700 mix-blend-difference text-white hover:scale-110\" title=\"Stylizacje AI\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n          <\/button>\n          <div class=\"absolute inset-x-0 bottom-0 py-6 text-center bg-gradient-to-t from-black\/20 to-transparent translate-y-full group-hover:translate-y-0 transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]\">\n            <button onclick=\"addToCart(event)\" class=\"text-[9px] text-white uppercase tracking-[0.3em] font-medium\">Dodaj do koszyka<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"text-center w-full\">\n          <h3 class=\"text-[8px] font-medium tracking-[0.3em] uppercase opacity-50 mb-3\">THE ODDER SIDE<\/h3>\n          <p class=\"text-sm font-serif mb-2\">Koszula z Jedwabiu<\/p>\n          <p class=\"text-[10px] tracking-widest font-medium\">890 PLN<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2 -->\n      <div class=\"group relative cursor-pointer flex flex-col items-center min-w-[75vw] sm:min-w-[45vw] md:min-w-[30vw] lg:min-w-[22vw] snap-start\">\n        <div class=\"relative w-full aspect-[3\/4] overflow-hidden mb-8 bg-[#EFECE8]\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539533113208-f6df8cc8b543?q=80&w=1974&auto=format&fit=crop\" alt=\"We\u0142niany P\u0142aszcz\" class=\"w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out group-hover:opacity-0\" \/>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539533113208-f6df8cc8b543?q=80&w=1974&auto=format&fit=crop\" alt=\"We\u0142niany P\u0142aszcz detail\" class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out opacity-0 group-hover:opacity-100 scale-105 group-hover:scale-100\" \/>\n          <button onclick=\"openAiModal(event, 'LE BRAND', 'We\u0142niany P\u0142aszcz', 'https:\/\/images.unsplash.com\/photo-1539533113208-f6df8cc8b543?q=80&w=1974&auto=format&fit=crop')\" class=\"absolute top-4 right-4 z-10 p-3 opacity-0 group-hover:opacity-100 transition-all duration-700 mix-blend-difference text-white hover:scale-110\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n          <\/button>\n          <div class=\"absolute inset-x-0 bottom-0 py-6 text-center bg-gradient-to-t from-black\/20 to-transparent translate-y-full group-hover:translate-y-0 transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]\">\n            <button onclick=\"addToCart(event)\" class=\"text-[9px] text-white uppercase tracking-[0.3em] font-medium\">Dodaj do koszyka<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"text-center w-full\">\n          <h3 class=\"text-[8px] font-medium tracking-[0.3em] uppercase opacity-50 mb-3\">LE BRAND<\/h3>\n          <p class=\"text-sm font-serif mb-2\">We\u0142niany P\u0142aszcz<\/p>\n          <p class=\"text-[10px] tracking-widest font-medium\">3 200 PLN<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PRODUCTS SECTION (WYSELEKCJONOWANE) -->\n  <section class=\"py-24 md:py-32 px-4 md:px-16 border-t border-[rgba(51,30,27,0.05)] mt-16\">\n    <div class=\"container mx-auto\">\n      <div class=\"text-center mb-24\">\n        <h2 class=\"text-2xl font-serif italic mb-4\">Wyselekcjonowane<\/h2>\n        <p class=\"text-[9px] uppercase tracking-[0.4em] font-medium opacity-50\">Dla Ciebie<\/p>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-12 gap-y-24\">\n        \n        <!-- Product -->\n        <div class=\"group relative cursor-pointer flex flex-col items-center\">\n          <div class=\"relative w-full aspect-[3\/4] overflow-hidden mb-8 bg-[#EFECE8]\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1595777457583-95e059d581b8?q=80&w=1983&auto=format&fit=crop\" alt=\"Jedwabna Sukienka Maxi\" class=\"w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out group-hover:opacity-0\" \/>\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1595777457635-f09440626a57?q=80&w=1983&auto=format&fit=crop\" class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out opacity-0 group-hover:opacity-100 scale-105 group-hover:scale-100\" \/>\n            <button onclick=\"openAiModal(event, 'THE ODDER SIDE', 'Jedwabna Sukienka Maxi', 'https:\/\/images.unsplash.com\/photo-1595777457583-95e059d581b8?q=80&w=1983&auto=format&fit=crop')\" class=\"absolute top-4 right-4 z-10 p-3 opacity-0 group-hover:opacity-100 transition-all duration-700 mix-blend-difference text-white hover:scale-110\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n            <\/button>\n            <div class=\"absolute inset-x-0 bottom-0 py-6 text-center bg-gradient-to-t from-black\/20 to-transparent translate-y-full group-hover:translate-y-0 transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]\">\n              <button onclick=\"addToCart(event)\" class=\"text-[9px] text-white uppercase tracking-[0.3em] font-medium\">Dodaj do koszyka<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"text-center w-full\">\n            <h3 class=\"text-[8px] font-medium tracking-[0.3em] uppercase opacity-50 mb-3\">THE ODDER SIDE<\/h3>\n            <p class=\"text-sm font-serif mb-2\">Jedwabna Sukienka Maxi<\/p>\n            <p class=\"text-[10px] tracking-widest font-medium\">1 250 PLN<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Product -->\n        <div class=\"group relative cursor-pointer flex flex-col items-center\">\n          <div class=\"relative w-full aspect-[3\/4] overflow-hidden mb-8 bg-[#EFECE8]\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584273143981-41c073dfe8f8?q=80&w=1974&auto=format&fit=crop\" alt=\"Oversize Marynarka\" class=\"w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out group-hover:opacity-0\" \/>\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584273143890-a7d51b329c36?q=80&w=1974&auto=format&fit=crop\" class=\"absolute inset-0 w-full h-full object-cover transition-opacity duration-[1500ms] ease-in-out opacity-0 group-hover:opacity-100 scale-105 group-hover:scale-100\" \/>\n            <button onclick=\"openAiModal(event, 'MAGDA BUTRYM', 'Oversize Marynarka', 'https:\/\/images.unsplash.com\/photo-1584273143981-41c073dfe8f8?q=80&w=1974&auto=format&fit=crop')\" class=\"absolute top-4 right-4 z-10 p-3 opacity-0 group-hover:opacity-100 transition-all duration-700 mix-blend-difference text-white hover:scale-110\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n            <\/button>\n            <div class=\"absolute inset-x-0 bottom-0 py-6 text-center bg-gradient-to-t from-black\/20 to-transparent translate-y-full group-hover:translate-y-0 transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]\">\n              <button onclick=\"addToCart(event)\" class=\"text-[9px] text-white uppercase tracking-[0.3em] font-medium\">Dodaj do koszyka<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"text-center w-full\">\n            <h3 class=\"text-[8px] font-medium tracking-[0.3em] uppercase opacity-50 mb-3\">MAGDA BUTRYM<\/h3>\n            <p class=\"text-sm font-serif mb-2\">Oversize Marynarka<\/p>\n            <p class=\"text-[10px] tracking-widest font-medium\">4 800 PLN<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n      \n      <!-- PRZYCISK ZOBACZ WSZYSTKO -->\n      <div class=\"mt-32 w-full flex justify-center\">\n        <a href=\"#\" class=\"group inline-flex flex-col items-center text-[9px] uppercase tracking-[0.4em] font-medium transition-opacity hover:opacity-70\">\n          <span class=\"mb-2\">Zobacz pe\u0142n\u0105 kolekcj\u0119<\/span>\n          <div class=\"w-[1px] h-12 bg-current origin-top scale-y-50 group-hover:scale-y-100 transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]\"><\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- --- INSTAGRAM FEED --- -->\n  <section class=\"pb-32 md:pb-48 mt-16\">\n    <div class=\"text-center mb-16 px-4\">\n      <a href=\"https:\/\/www.instagram.com\/pokaz_conceptstore\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex flex-col items-center group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mb-6 opacity-80 group-hover:opacity-100 transition-opacity\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"\/><\/svg>\n        <h2 class=\"text-xl font-serif italic mb-2\">@pokaz_conceptstore<\/h2>\n        <p class=\"text-[9px] uppercase tracking-[0.4em] font-medium opacity-50 group-hover:opacity-100 transition-opacity\">\u015aled\u017a nas na Instagramie<\/p>\n      <\/a>\n    <\/div>\n    \n    <div class=\"grid grid-cols-2 md:grid-cols-5 gap-1 md:gap-2 px-1 md:px-2\">\n      <a href=\"#\" class=\"group relative aspect-square overflow-hidden bg-[#EFECE8]\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1483985988355-763728e1935b?q=80&w=2070&auto=format&fit=crop\" class=\"w-full h-full object-cover transition-transform duration-[2000ms] ease-out group-hover:scale-110\" \/>\n      <\/a>\n      <a href=\"#\" class=\"group relative aspect-square overflow-hidden bg-[#EFECE8]\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1434389678232-067b5eb5cd85?q=80&w=2050&auto=format&fit=crop\" class=\"w-full h-full object-cover transition-transform duration-[2000ms] ease-out group-hover:scale-110\" \/>\n      <\/a>\n      <a href=\"#\" class=\"group relative aspect-square overflow-hidden bg-[#EFECE8]\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509319117193-57bab727e09d?q=80&w=1974&auto=format&fit=crop\" class=\"w-full h-full object-cover transition-transform duration-[2000ms] ease-out group-hover:scale-110\" \/>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"py-32 px-4 md:px-16 border-t border-[rgba(51,30,27,0.1)]\">\n    <div class=\"container mx-auto grid grid-cols-1 md:grid-cols-12 gap-16\">\n      <div class=\"md:col-span-6 flex flex-col justify-between\">\n        <div>\n          <h3 class=\"text-2xl font-serif italic mb-8\">Newsletter<\/h3>\n          <form class=\"relative w-full max-w-sm border-b border-[rgba(51,30,27,0.2)] pb-2 group focus-within:border-[rgba(51,30,27,1)] transition-colors duration-500\">\n            <input type=\"email\" placeholder=\"E-mail\" class=\"w-full bg-transparent outline-none text-[11px] tracking-widest uppercase placeholder:opacity-40 placeholder:text-inherit\" \/>\n            <button type=\"submit\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 opacity-40 group-focus-within:opacity-100 transition-opacity\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n            <\/button>\n          <\/form>\n        <\/div>\n        <div class=\"mt-24 text-[8px] uppercase tracking-[0.3em] opacity-40\">\n          &copy; 2026 POKAZ CONCEPT STORE\n        <\/div>\n      <\/div>\n\n      <div class=\"md:col-span-3\">\n        <h4 class=\"text-[8px] font-medium tracking-[0.4em] uppercase mb-10 opacity-50\">E-Sklep<\/h4>\n        <ul class=\"space-y-6 text-[10px] tracking-widest uppercase\">\n          <li><a href=\"#\" class=\"hover:opacity-60 transition-opacity\">Projektanci<\/a><\/li>\n          <li><a href=\"#\" class=\"hover:opacity-60 transition-opacity\">Odzie\u017c<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"md:col-span-3\">\n        <h4 class=\"text-[8px] font-medium tracking-[0.4em] uppercase mb-10 opacity-50\">Informacje<\/h4>\n        <ul class=\"space-y-6 text-[10px] tracking-widest uppercase\">\n          <li><a href=\"#\" class=\"hover:opacity-60 transition-opacity\">Kontakt<\/a><\/li>\n          <li><a href=\"#\" class=\"hover:opacity-60 transition-opacity\">Instagram<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- --- MAGIC STYLES MODAL (AI) --- -->\n  <div id=\"ai-modal\" class=\"fixed inset-0 z-[120] hidden items-center justify-center p-4 md:p-12\">\n    <div class=\"absolute inset-0 bg-white\/60 backdrop-blur-xl\" onclick=\"closeAiModal()\"><\/div>\n    <div class=\"relative w-full max-w-6xl h-[85vh] bg-transparent flex flex-col md:flex-row shadow-2xl overflow-hidden\" style=\"background-color: #F7F6F2;\">\n      <button onclick=\"closeAiModal()\" class=\"absolute top-6 right-6 z-20 mix-blend-difference text-white hover:scale-110 transition-transform\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n      <\/button>\n\n      <!-- Left: Image -->\n      <div class=\"w-full md:w-1\/2 h-1\/2 md:h-full relative bg-[#EFECE8]\">\n        <img decoding=\"async\" id=\"ai-modal-image\" src=\"\" alt=\"Produkt\" class=\"w-full h-full object-cover\" \/>\n      <\/div>\n\n      <!-- Right: Content -->\n      <div class=\"w-full md:w-1\/2 p-12 md:p-24 overflow-y-auto flex flex-col justify-center\">\n        <div class=\"mb-16 text-center\">\n          <p class=\"text-[9px] uppercase tracking-[0.4em] opacity-50 mb-4 font-medium\">Notatnik Redakcji<\/p>\n          <h2 id=\"ai-modal-title\" class=\"text-3xl font-serif italic\">Tytu\u0142<\/h2>\n        <\/div>\n\n        <div class=\"w-full max-w-sm mx-auto\">\n          <!-- Loading State -->\n          <div id=\"ai-modal-loading\" class=\"flex flex-col items-center justify-center space-y-8 py-12 opacity-50\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-spin\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg>\n            <p class=\"text-[9px] tracking-[0.3em] uppercase\">Przygotowuj\u0119 wizj\u0119...<\/p>\n          <\/div>\n          <!-- Text State -->\n          <div id=\"ai-modal-advice\" class=\"hidden text-[11px] leading-[2.5] tracking-wide font-light text-justify\">\n            <p id=\"ai-modal-advice-text\"><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- SKRYPTY JAVASCRIPT OBS\u0141UGUJ\u0104CE INTERAKCJE -->\n<script>\n  \/\/ Czekamy na za\u0142adowanie ca\u0142ej struktury dokumentu (rozwi\u0105zuje problemy z asynchronicznym Elementorem)\n  document.addEventListener(\"DOMContentLoaded\", function() {\n\n    \/\/ Obs\u0142uga efektu Navbar przy przewijaniu\n    const nav = document.getElementById('main-nav');\n    const logoSvg = document.getElementById('logo-svg');\n    const logoText1 = document.getElementById('logo-text-1');\n    const logoText2 = document.getElementById('logo-text-2');\n\n    window.addEventListener('scroll', () => {\n      if (!nav) return; \/\/ Zabezpieczenie na wypadek braku elementu\n      if (window.scrollY > 30) {\n        nav.classList.add('bg-[#F7F6F2]\/90', 'backdrop-blur-md', 'py-4', 'shadow-[0_1px_0_rgba(51,30,27,0.05)]');\n        nav.classList.remove('bg-transparent', 'py-8');\n        \n        logoSvg.classList.add('h-6', 'mb-2', 'opacity-100');\n        logoSvg.classList.remove('h-14', 'mb-5', 'opacity-90');\n        \n        logoText1.classList.add('text-xl', 'tracking-[0.1em]');\n        logoText1.classList.remove('text-3xl', 'tracking-[0.15em]');\n        \n        logoText2.classList.add('text-[7px]', 'tracking-[0.3em]', 'mt-1');\n        logoText2.classList.remove('text-[8px]', 'tracking-[0.5em]', 'mt-3');\n      } else {\n        nav.classList.remove('bg-[#F7F6F2]\/90', 'backdrop-blur-md', 'py-4', 'shadow-[0_1px_0_rgba(51,30,27,0.05)]');\n        nav.classList.add('bg-transparent', 'py-8');\n        \n        logoSvg.classList.remove('h-6', 'mb-2', 'opacity-100');\n        logoSvg.classList.add('h-14', 'mb-5', 'opacity-90');\n        \n        logoText1.classList.remove('text-xl', 'tracking-[0.1em]');\n        logoText1.classList.add('text-3xl', 'tracking-[0.15em]');\n        \n        logoText2.classList.remove('text-[7px]', 'tracking-[0.3em]', 'mt-1');\n        logoText2.classList.add('text-[8px]', 'tracking-[0.5em]', 'mt-3');\n      }\n    });\n\n  });\n\n  \/\/ Funkcje zadeklarowane globalnie aby dzia\u0142a\u0142y w zdarzeniach onclick w HTML\n  function openMenu() { \n    const mobileMenu = document.getElementById('mobile-menu');\n    mobileMenu.classList.remove('hidden'); \n    mobileMenu.classList.add('flex'); \n  }\n  function closeMenu() { \n    const mobileMenu = document.getElementById('mobile-menu');\n    mobileMenu.classList.add('hidden'); \n    mobileMenu.classList.remove('flex'); \n  }\n\n  let cartCount = 0;\n  function addToCart(event) {\n    event.preventDefault();\n    event.stopPropagation();\n    cartCount++;\n    document.getElementById('cart-count').innerText = `(${cartCount})`;\n  }\n\n  function openAiModal(event, brand, name, imageSrc) {\n    event.preventDefault();\n    event.stopPropagation();\n    \n    const aiModal = document.getElementById('ai-modal');\n    const aiImage = document.getElementById('ai-modal-image');\n    const aiTitle = document.getElementById('ai-modal-title');\n    const aiAdviceText = document.getElementById('ai-modal-advice-text');\n    const aiLoading = document.getElementById('ai-modal-loading');\n    const aiAdviceContainer = document.getElementById('ai-modal-advice');\n\n    aiModal.classList.remove('hidden');\n    aiModal.classList.add('flex');\n    aiImage.src = imageSrc;\n    aiTitle.innerText = name;\n    \n    aiAdviceContainer.classList.add('hidden');\n    aiLoading.classList.remove('hidden');\n    aiLoading.classList.add('flex');\n\n    const apiKey = \"\"; \/\/ WPISZ TUTAJ SW\u00d3J KLUCZ API\n\n    if (!apiKey) {\n        aiLoading.classList.add('hidden');\n        aiLoading.classList.remove('flex');\n        aiAdviceContainer.classList.remove('hidden');\n        aiAdviceText.innerText = \"Aby funkcja dzia\u0142a\u0142a w Twoim Elementorze, musisz wygenerowa\u0107 klucz API w Google AI Studio i wklei\u0107 go w odpowiednie miejsce na samym dole kodu (w sekcji script).\";\n        return;\n    }\n\n    const url = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\n    const promptText = `Jak nosi\u0107: ${brand} - ${name}. Podaj 2 awangardowe, minimalistyczne stylizacje. Format: Zwyk\u0142y tekst, oddzielony pust\u0105 lini\u0105. Zero pogrubie\u0144.`;\n\n    fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({\n        contents: [{ parts: [{ text: promptText }] }],\n        systemInstruction: { parts: [{ text: \"Jeste\u015b dyrektorem artystycznym VOGUE. Kr\u00f3tko, bez zb\u0119dnych s\u0142\u00f3w.\" }] }\n      })\n    })\n    .then(res => res.json())\n    .then(data => {\n      aiLoading.classList.add('hidden');\n      aiLoading.classList.remove('flex');\n      aiAdviceContainer.classList.remove('hidden');\n      aiAdviceText.innerText = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Wyst\u0105pi\u0142 nieoczekiwany b\u0142\u0105d.\";\n    })\n    .catch(err => {\n      aiLoading.classList.add('hidden');\n      aiLoading.classList.remove('flex');\n      aiAdviceContainer.classList.remove('hidden');\n      aiAdviceText.innerText = \"Moje serwery s\u0105 przeci\u0105\u017cone, spr\u00f3buj ponownie za chwil\u0119.\";\n    });\n  }\n\n  function closeAiModal() {\n    const aiModal = document.getElementById('ai-modal');\n    aiModal.classList.add('hidden');\n    aiModal.classList.remove('flex');\n  }\n<\/script>\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>Kolekcja Projektanci Pokaz Concept Store Konto Koszyk (0) Nowo\u015bci Projektanci Odzie\u017c Akcesoria Kolekcja Wiosna \/ Lato Nowa Definicja Klasyki Nowo\u015bci Ostatnio dodane Zobacz wszystko Dodaj do koszyka THE ODDER SIDE Koszula z Jedwabiu 890 PLN Dodaj do koszyka LE BRAND We\u0142niany P\u0142aszcz 3 200 PLN Wyselekcjonowane Dla Ciebie Dodaj do koszyka THE ODDER SIDE Jedwabna [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":10,"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/pokaz.szczepanskipawel.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}