{"id":12,"date":"2026-08-21T15:00:08","date_gmt":"2026-08-21T15:00:08","guid":{"rendered":"https:\/\/kutatradycja.pl\/?page_id=12"},"modified":"2026-08-21T16:56:02","modified_gmt":"2026-08-21T16:56:02","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/kutatradycja.pl\/?page_id=12","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\nStojak choinkowy \u2014 patyna z\u0142oto | Kuta Tradycja<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* ============================================\r\n TOKENY \u2014 kolory i typografia wyprowadzone\r\n z samego produktu: czarna baza, przetarte z\u0142oto\r\n ============================================ *\/\r\n:root{\r\n --ink: #17130f; \/* t\u0142o ciemnych sekcji \u2014 czer\u0144 z odrobin\u0105 ciep\u0142a, jak baza patyny *\/\r\n --ink-2: #221c15; \/* lekko ja\u015bniejsza czer\u0144, do kart na ciemnym tle *\/\r\n --gold: #b8935a; \/* g\u0142\u00f3wny akcent \u2014 przetarte z\u0142oto *\/\r\n --gold-light: #ddc190; \/* ja\u015bniejsze z\u0142oto \u2014 hover, highlighty *\/\r\n --parchment: #f4ede0; \/* t\u0142o jasnych sekcji \u2014 ciep\u0142a ko\u015b\u0107 s\u0142oniowa, nie biel *\/\r\n --parchment-2:#ece2cf; \/* karty na jasnym tle *\/\r\n --pine: #37463a; \/* trzeci akcent, u\u017cywany oszcz\u0119dnie *\/\r\n --text-dark: #241f19;\r\n --text-soft: #6b6152;\r\n --line-dark: rgba(184,147,90,0.28);\r\n --line-light: rgba(36,31,25,0.14);\r\n\r\n --serif: 'Fraunces', Georgia, serif;\r\n --sans: 'Work Sans', -apple-system, sans-serif;\r\n}\r\n\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;}\r\nhtml,body{width:100%;overflow-x:hidden;}\r\nbody{\r\n font-family:var(--sans);\r\n background:var(--parchment);\r\n color:var(--text-dark);\r\n line-height:1.55;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\nimg{max-width:100%;display:block;}\r\na{color:inherit;}\r\n:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}\r\n@media (prefers-reduced-motion: reduce){\r\n *{animation:none !important;transition:none !important;scroll-behavior:auto !important;}\r\n}\r\n\r\n.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}\r\n.eyebrow{\r\n font-family:var(--sans);font-weight:600;font-size:12.5px;letter-spacing:.14em;\r\n text-transform:uppercase;color:var(--gold);\r\n}\r\n\/* lekki, \u015bwi\u0105teczny akcent \u2014 ta sama gwiazdka, co na \u015brubach stojaka, nie obca grafika *\/\r\n.eyebrow::before{\r\n content:\"\";display:inline-block;width:9px;height:9px;margin-right:7px;vertical-align:1px;\r\n background:var(--gold);\r\n clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\r\n}\r\n.compare__head .eyebrow::before,.compare .eyebrow::before{background:var(--gold-light);}\r\n\r\n.flag-icon{width:18px;height:12px;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.12);border-radius:1px;}\r\nh1,h2,h3{font-family:var(--serif);font-weight:600;color:inherit;line-height:1.12;}\r\n.section-pad{padding:76px 0;}\r\n@media (max-width:640px){.section-pad{padding:56px 0;}}\r\n\r\n\/* ============================================\r\n PLACEHOLDER NA ZDJ\u0118CIA\r\n Podmie\u0144 na <img decoding=\"async\" src=\"...\"> gdy b\u0119dziesz mie\u0107 realne fotki.\r\n Podpis pod ramk\u0105 = dok\u0142adnie co sfotografowa\u0107 \/ nazwa pliku.\r\n ============================================ *\/\r\n.ph{\r\n position:relative;width:100%;\r\n background:\r\n repeating-linear-gradient(135deg, rgba(184,147,90,.09) 0 2px, transparent 2px 14px),\r\n linear-gradient(160deg,#2a231a,#1c1712);\r\n border:1px solid var(--line-dark);\r\n border-radius:2px;\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:10px;color:var(--gold-light);text-align:center;padding:20px;\r\n}\r\n.ph svg{width:34px;height:34px;opacity:.75;}\r\n.ph__label{font-size:13px;font-family:var(--sans);color:var(--gold-light);max-width:220px;}\r\n.ph__file{font-family:monospace;font-size:11px;color:rgba(221,193,144,.55);}\r\n\r\n\/* ============================================\r\n ZNAK GRAFICZNY \u2014 zawijas\r\n Powtarzaj\u0105cy si\u0119 motyw jako separator sekcji,\r\n echo kutych ramion samego stojaka.\r\n ============================================ *\/\r\n.ph[style*=\"background-image\"]{background-size:cover;background-position:center;}\r\n.ph.ph--filled svg,.ph.ph--filled .ph__label,.ph.ph--filled .ph__file{display:none;}\r\n\r\n.flourish{display:flex;justify-content:center;padding:8px 0;}\r\n.flourish svg{width:120px;height:28px;}\r\n\r\n\/* ============================================\r\n PASEK ZAUFANIA \u2014 g\u00f3ra strony\r\n ============================================ *\/\r\n.topbar{\r\n background:var(--ink);color:var(--parchment);\r\n font-size:13px;font-weight:500;text-align:center;padding:9px 16px;\r\n letter-spacing:.02em;\r\n}\r\n.topbar b{color:var(--gold-light);}\r\n\r\n.brandbar{background:var(--ink);text-align:center;padding:16px 16px 8px;}\r\n.brandbar__logo{\r\n font-family:var(--serif);font-weight:600;font-size:22px;\r\n letter-spacing:.02em;color:var(--gold-light);\r\n}\r\n.brandbar__logo::before,.brandbar__logo::after{\r\n content:\"\";display:inline-block;width:6px;height:6px;margin:0 11px;vertical-align:3px;\r\n background:var(--gold);\r\n clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\r\n}\r\n\r\n\/* ============================================\r\n HERO \u2014 bez menu nawigacyjnego celowo:\r\n one product store ma jedn\u0105 \u015bcie\u017ck\u0119, nie linki wyj\u015bcia\r\n ============================================ *\/\r\n.hero{background:var(--ink);color:var(--parchment);padding:64px 0 56px;}\r\n.hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;}\r\n@media (max-width:900px){.hero__grid{grid-template-columns:1fr;gap:32px;}}\r\n.hero h1{font-size:44px;margin:14px 0 18px;letter-spacing:-.01em;}\r\n@media (max-width:640px){.hero h1{font-size:32px;}}\r\n.hero__sub{font-size:17px;color:#d8cdb8;max-width:46ch;margin-bottom:28px;}\r\n.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:22px;}\r\n.price{font-family:var(--serif);font-size:30px;color:var(--gold-light);font-weight:600;}\r\n.price-note{font-size:13px;color:#a89a7f;}\r\n\r\n.btn-primary{\r\n display:inline-flex;align-items:center;gap:10px;\r\n background:var(--gold);color:var(--ink);\r\n font-family:var(--sans);font-weight:700;font-size:16px;\r\n padding:16px 30px;border-radius:2px;border:none;cursor:pointer;\r\n text-decoration:none;position:relative;overflow:hidden;\r\n}\r\n.btn-primary::after{\r\n content:\"\";position:absolute;inset:0;\r\n background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);\r\n transform:translateX(-120%);transition:transform .7s ease;\r\n}\r\n.btn-primary:hover::after{transform:translateX(120%);}\r\n.btn-primary:hover{background:var(--gold-light);}\r\n\r\n.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#c7bba3;}\r\n.trust-row span{display:flex;align-items:center;gap:7px;}\r\n.trust-row svg{width:15px;height:15px;stroke:var(--gold-light);flex-shrink:0;}\r\n\r\n.hero__img{position:relative;}\r\n.hero__img .ph{aspect-ratio:4\/5;}\r\n\r\n\/* ============================================\r\n AGITACJA PROBLEMU (ciemna, kontynuacja hero)\r\n ============================================ *\/\r\n.problem{background:var(--ink);color:var(--parchment);padding-bottom:72px;}\r\n.problem h2{font-size:28px;color:var(--parchment);max-width:20ch;margin-bottom:28px;}\r\n.problem ul{list-style:none;display:grid;gap:16px;max-width:560px;}\r\n.problem li{\r\n font-size:16px;color:#d8cdb8;padding-left:26px;position:relative;\r\n}\r\n.problem li::before{\r\n content:\"\u00d7\";position:absolute;left:0;top:-2px;color:#8a5a4a;font-size:19px;font-weight:700;\r\n}\r\n\r\n\/* ============================================\r\n ROZWI\u0104ZANIE + BENEFITY (jasne)\r\n ============================================ *\/\r\n.solution{padding-top:80px;background:#fff;}\r\n.solution__head{max-width:640px;margin:0 auto 56px;text-align:center;}\r\n.solution h2{font-size:34px;margin:10px 0 16px;}\r\n.solution p{color:var(--text-soft);font-size:16.5px;}\r\n\r\n.benefit-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-bottom:64px;}\r\n.benefit-row.rev .benefit-row__text{order:2;}\r\n.benefit-row.rev .benefit-row__img{order:1;}\r\n@media (max-width:800px){\r\n .benefit-row,.benefit-row.rev{grid-template-columns:1fr;gap:20px;}\r\n .benefit-row.rev .benefit-row__text,.benefit-row.rev .benefit-row__img{order:initial;}\r\n}\r\n.benefit-row__img .ph{aspect-ratio:1\/1;}\r\n.benefit-row__img--split{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\r\n.benefit-row__img--split .ph{aspect-ratio:1\/1;padding:14px;}\r\n.benefit-row__img--split .ph svg{width:26px;height:26px;}\r\n.benefit-row__img--split .ph__label{font-size:11.5px;}\r\n.benefit-num{font-family:var(--serif);font-size:14px;color:var(--gold);letter-spacing:.08em;margin-bottom:8px;}\r\n.benefit-row h3{font-size:24px;margin-bottom:12px;}\r\n.benefit-row p{color:var(--text-soft);font-size:15.5px;}\r\n\r\n\/* ============================================\r\n JAK TO DZIA\u0141A \u2014 3 kroki (numeracja uzasadniona:\r\n to realna, chronologiczna sekwencja monta\u017cu)\r\n ============================================ *\/\r\n.steps{background:var(--parchment-2);}\r\n.steps__head{text-align:center;max-width:520px;margin:0 auto 48px;}\r\n.steps__head h2{font-size:30px;margin-top:10px;}\r\n.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}\r\n@media (max-width:800px){.steps__grid{grid-template-columns:1fr;gap:30px;}}\r\n.step__num{\r\n font-family:var(--serif);font-size:42px;color:var(--gold);font-weight:600;\r\n line-height:1;margin-bottom:14px;\r\n}\r\n.step h3{font-size:19px;margin-bottom:8px;}\r\n.step p{color:var(--text-soft);font-size:14.5px;}\r\n\r\n\/* ============================================\r\n TABELA POR\u00d3WNAWCZA (ciemna, mocny kontrast)\r\n ============================================ *\/\r\n.compare{background:var(--ink);color:var(--parchment);}\r\n.compare__head{text-align:center;max-width:560px;margin:0 auto 44px;}\r\n.compare__head h2{color:var(--parchment);font-size:30px;margin-top:10px;}\r\ntable.compare-table{width:100%;border-collapse:collapse;font-size:15px;}\r\n.compare-frame{border:1px solid var(--gold);padding:3px;position:relative;margin-top:8px;}\r\n.compare-frame::before,.compare-frame::after{\r\n content:\"\";position:absolute;width:18px;height:18px;\r\n border:2px solid var(--gold-light);pointer-events:none;\r\n}\r\n.compare-frame::before{top:-7px;left:-7px;border-right:none;border-bottom:none;}\r\n.compare-frame::after{bottom:-7px;right:-7px;border-left:none;border-top:none;}\r\n.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}\r\n@media (max-width:640px){.table-scroll{margin:0;} table.compare-table{min-width:520px;}}\r\n.compare-table th{\r\n font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.04em;\r\n text-transform:uppercase;text-align:left;padding:14px 16px;color:#a89a7f;\r\n border-bottom:1px solid var(--line-dark);\r\n}\r\n.compare-table th.brand{color:var(--gold-light);}\r\n.compare-table td{padding:16px;border-bottom:1px solid rgba(184,147,90,.14);color:#d8cdb8;}\r\n.compare-table td.brand-cell{color:var(--parchment);font-weight:500;}\r\n.compare-table td.brand-cell svg{width:15px;height:15px;stroke:var(--gold);vertical-align:-2px;margin-right:6px;}\r\n.compare-table tr:last-child td{border-bottom:none;}\r\n@media (max-width:640px){\r\n table.compare-table{font-size:13px;}\r\n .compare-table th,.compare-table td{padding:11px 8px;}\r\n}\r\n\r\n\/* ============================================\r\n WARIANTY KOLORYSTYCZNE\r\n ============================================ *\/\r\n.variants{padding-top:80px;background:#fff;}\r\n.variants__head{text-align:center;max-width:520px;margin:0 auto 44px;}\r\n.variants__head h2{font-size:30px;margin-top:10px;}\r\n.variants__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}\r\n@media (max-width:700px){.variants__grid{grid-template-columns:1fr;max-width:360px;margin:0 auto;}}\r\n.variant-card{background:var(--parchment-2);padding:18px;border-radius:2px;}\r\n.variant-card .ph{aspect-ratio:1\/1;margin-bottom:14px;}\r\n.variant-card h3{font-size:17px;margin-bottom:4px;}\r\n.variant-card p{font-size:13.5px;color:var(--text-soft);}\r\n\r\n\/* ============================================\r\n POCHODZENIE \/ RZEMIOS\u0141O \u2014 b\u00f3l: nieufno\u015b\u0107 do\r\n \"kolejnej paczki z niewiadomego \u017ar\u00f3d\u0142a\"\r\n ============================================ *\/\r\n.origin{background:var(--parchment-2);}\r\n.origin__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center;}\r\n@media (max-width:800px){.origin__grid{grid-template-columns:1fr;gap:24px;}}\r\n.origin__img .ph{aspect-ratio:4\/3;}\r\n.origin h2{font-size:29px;margin:10px 0 16px;}\r\n.origin p{color:var(--text-soft);font-size:15.5px;margin-bottom:14px;}\r\n.origin p:last-child{margin-bottom:0;}\r\n\r\n\/* ============================================\r\n NAKLEJKA \/ STICKER na zdj\u0119ciu produktu\r\n ============================================ *\/\r\n.sticker{\r\n position:absolute;top:16px;left:16px;z-index:5;\r\n background:var(--gold);color:var(--ink);\r\n font-family:var(--sans);font-weight:700;font-size:11.5px;letter-spacing:.03em;\r\n padding:7px 13px;border-radius:2px;box-shadow:0 3px 10px rgba(0,0,0,.3);\r\n}\r\n.sticker--secondary{\r\n top:auto;bottom:16px;left:16px;\r\n display:flex;align-items:center;gap:7px;\r\n background:var(--ink);color:var(--parchment);border:1px solid var(--gold);\r\n}\r\n.sticker--secondary .flag-icon{width:16px;height:11px;}\r\n\r\n\/* ============================================\r\n SELEKTOR ROZMIARU I KOLORU\r\n Ten sam komponent powt\u00f3rzony w hero i finalnym CTA \u2014\r\n wyb\u00f3r synchronizuje si\u0119 mi\u0119dzy nimi przez JS (patrz koniec pliku)\r\n ============================================ *\/\r\n.picker{margin-bottom:26px;}\r\n.picker__group{margin-bottom:18px;}\r\n.picker__group:last-child{margin-bottom:0;}\r\n.picker__label{\r\n font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;\r\n color:#a89a7f;margin-bottom:10px;\r\n}\r\n.picker__options{display:flex;gap:10px;flex-wrap:wrap;}\r\n.picker__opt{\r\n background:transparent;border:1px solid var(--line-dark);color:var(--parchment);\r\n font-family:var(--sans);font-size:14px;font-weight:500;padding:10px 16px;border-radius:2px;\r\n cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.3;\r\n}\r\n.picker__opt span{font-size:11.5px;color:#a89a7f;}\r\n.picker__opt.is-active{border-color:var(--gold);background:rgba(184,147,90,.14);}\r\n.picker__opt.is-active span{color:var(--gold-light);}\r\n.picker__swatches{display:flex;gap:12px;align-items:center;}\r\n.swatch{\r\n width:32px;height:32px;border-radius:50%;border:2px solid transparent;\r\n cursor:pointer;padding:0;position:relative;background:transparent;\r\n}\r\n.swatch::after{content:\"\";position:absolute;inset:3px;border-radius:50%;}\r\n.swatch--zloto::after{background:linear-gradient(135deg,#b8935a,#e8cfa0);}\r\n.swatch--srebro::after{background:linear-gradient(135deg,#8d9299,#dde1e4);}\r\n.swatch--czarny::after{background:linear-gradient(135deg,#1c1c1c,#3f3f3f);}\r\n.swatch.is-active{border-color:var(--gold-light);}\r\n.swatch__name{font-size:12px;color:#c7bba3;margin-left:4px;}\r\n\r\n\/* ============================================\r\n PRZEWODNIK PO ROZMIARACH\r\n ============================================ *\/\r\n.sizeguide{background:var(--parchment-2);}\r\n.sizeguide__head{text-align:center;max-width:560px;margin:0 auto 40px;}\r\n.sizeguide__head h2{font-size:30px;margin:10px 0 12px;}\r\n.sizeguide__head p{color:var(--text-soft);font-size:15.5px;}\r\n.sizeguide__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px;margin:0 auto 28px;}\r\n@media (max-width:640px){.sizeguide__grid{grid-template-columns:1fr;}}\r\n.sizeguide__card{background:var(--parchment);border:1px solid var(--line-light);padding:24px;text-align:center;}\r\n.sizeguide__tree{font-family:var(--serif);font-size:15px;color:var(--pine);margin-bottom:6px;}\r\n.sizeguide__card h3{font-size:22px;margin-bottom:10px;}\r\n.sizeguide__card p{font-size:13.5px;color:var(--text-soft);}\r\n.sizeguide__note{text-align:center;font-size:13.5px;color:var(--text-soft);max-width:480px;margin:0 auto;}\r\n\r\n\/* ============================================\r\n DOPE\u0141NIJ KOMPLET \u2014 teaser upsellu\r\n (realny order bump \/ post-purchase upsell\r\n dzieje si\u0119 w checkoutcie, patrz notatka w wiadomo\u015bci)\r\n ============================================ *\/\r\n.addons{background:var(--parchment-2);}\r\n.addons__head{text-align:center;max-width:560px;margin:0 auto 40px;}\r\n.addons__head h2{font-size:28px;margin-top:10px;}\r\n.addons__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto;}\r\n@media (max-width:700px){.addons__grid{grid-template-columns:1fr;}}\r\n.addon-card{background:var(--parchment);border:1px solid var(--line-light);padding:20px;display:flex;gap:16px;align-items:center;}\r\n.addon-card .ph{width:84px;height:84px;flex-shrink:0;padding:8px;}\r\n.addon-card .ph svg{width:22px;height:22px;}\r\n.addon-card h4{font-size:15.5px;margin-bottom:4px;}\r\n.addon-card p{font-size:13px;color:var(--text-soft);}\r\n.addon-card .addon-price{font-family:var(--serif);color:var(--pine);font-weight:600;font-size:14px;margin-top:6px;}\r\n\r\n\/* ============================================\r\n ZAUFANIE \u2014 sekcja UCZCIWA.\r\n Sklep jest nowy, wi\u0119c NIE MA tu wymy\u015blonych opinii.\r\n Patrz wiadomo\u015b\u0107 \u2014 do podmiany po pierwszych zam\u00f3wieniach.\r\n ============================================ *\/\r\n.trust{padding-top:76px;background:#fff;}\r\n.trust__inner{max-width:680px;margin:0 auto;text-align:center;}\r\n.trust h2{font-size:28px;margin:10px 0 18px;}\r\n.trust p{color:var(--text-soft);font-size:16px;margin-bottom:32px;}\r\n.trust__badges{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:40px;}\r\n.trust__badge{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:150px;}\r\n.trust__badge svg{width:26px;height:26px;stroke:var(--pine);}\r\n.trust__badge span{font-size:12.5px;color:var(--text-soft);}\r\n.reviews-note{\r\n font-size:12.5px;color:var(--text-soft);border:1px dashed var(--line-light);\r\n padding:12px 16px;margin-bottom:24px;text-align:left;background:var(--parchment-2);\r\n}\r\n.reviews-note b{color:var(--text-dark);}\r\n.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;}\r\n@media (max-width:760px){.review-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto;}}\r\n.review-card{background:var(--parchment-2);padding:20px;border:1px solid var(--line-light);}\r\n.review-card__stars{color:var(--gold);letter-spacing:2px;margin-bottom:10px;font-size:14px;}\r\n.review-card__quote{font-family:var(--serif);font-size:15px;color:var(--text-dark);margin-bottom:16px;line-height:1.4;}\r\n.review-card__who{display:flex;align-items:center;gap:10px;}\r\n.review-card__who .ph{width:38px;height:38px;padding:0;border-radius:50%;overflow:hidden;flex-shrink:0;}\r\n.review-card__who .ph svg{width:15px;height:15px;}\r\n.review-card__name{font-size:13px;font-weight:600;}\r\n.review-card__loc{font-size:12px;color:var(--text-soft);}\r\n\r\n\/* ============================================\r\n FAQ \u2014 natywny <details>, zero JS\r\n ============================================ *\/\r\n.faq{background:var(--parchment-2);}\r\n.faq__head{text-align:center;margin-bottom:36px;}\r\n.faq__head h2{font-size:28px;margin-top:10px;}\r\n.faq__list{max-width:720px;margin:0 auto;}\r\n.faq details{border-bottom:1px solid var(--line-light);padding:18px 0;}\r\n.faq summary{\r\n font-family:var(--serif);font-size:17px;font-weight:500;cursor:pointer;\r\n list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;\r\n}\r\n.faq summary::-webkit-details-marker{display:none;}\r\n.faq summary::after{content:\"+\";font-family:var(--sans);font-size:22px;color:var(--gold);flex-shrink:0;}\r\n.faq details[open] summary::after{content:\"\u2013\";}\r\n.faq__answer{padding-top:12px;color:var(--text-soft);font-size:15px;max-width:60ch;}\r\n\r\n\/* ============================================\r\n PILNO\u015a\u0106 \u2014 realna, oparta na terminie dostawy\r\n ============================================ *\/\r\n.urgency{background:var(--pine);color:var(--parchment);text-align:center;padding:38px 24px;}\r\n.urgency p{font-family:var(--serif);font-size:19px;max-width:520px;margin:0 auto;}\r\n.urgency b{color:var(--gold-light);}\r\n\r\n\/* ============================================\r\n FINALNE CTA\r\n ============================================ *\/\r\n.final-cta{background:var(--ink);color:var(--parchment);text-align:center;padding:80px 24px;}\r\n.final-cta h2{color:var(--parchment);font-size:32px;max-width:18ch;margin:12px auto 16px;}\r\n.final-cta p{color:#c7bba3;max-width:44ch;margin:0 auto 30px;}\r\n.final-cta .trust-row{justify-content:center;margin-top:28px;}\r\n\r\n\/* ============================================\r\n STOPKA\r\n ============================================ *\/\r\nfooter{background:var(--ink);border-top:1px solid var(--line-dark);padding:28px 24px;text-align:center;}\r\nfooter p{font-size:12px;color:#8a7d64;max-width:640px;margin:0 auto 6px;}\r\nfooter a{text-decoration:underline;}\r\n\r\n\/* ============================================\r\n STICKY CTA \u2014 mobile, pojawia si\u0119 przy scrollu\r\n ============================================ *\/\r\n.sticky-cta{\r\n position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--ink);\r\n border-top:1px solid var(--line-dark);padding:12px 24px;\r\n display:none;align-items:center;justify-content:space-between;gap:12px;z-index:50;\r\n}\r\n@media (max-width:760px){.sticky-cta{display:flex;}}\r\n.sticky-cta__price{color:var(--parchment);font-family:var(--serif);font-size:15px;}\r\n.sticky-cta .btn-primary{padding:11px 20px;font-size:14px;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"brandbar\"><span class=\"brandbar__logo\">Kuta Tradycja<\/span><\/div>\r\n<div class=\"topbar\">Wysy\u0142ka z Polski w 24h  \u00b7  P\u0142atno\u015b\u0107 <b>BLIK<\/b>  \u00b7  Odbi\u00f3r w Paczkomacie<\/div>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\">\r\n <div class=\"wrap hero__grid\">\r\n <div>\r\n <p class=\"eyebrow\" style=\"display:flex;align-items:center;gap:8px;\">\r\n <svg class=\"flag-icon\" viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#fff\"\/><rect y=\"8\" width=\"24\" height=\"8\" fill=\"#dc143c\"\/><\/svg>\r\n Polska produkcja \u00b7 r\u0119cznie kszta\u0142towane i wyka\u0144czane\r\n <\/p>\r\n <h1>Postaw choink\u0119 raz.<br>Niech stoi prosto do Trzech Kr\u00f3li.<\/h1>\r\n <p class=\"hero__sub\">Metalowy stojak z regulacj\u0105 pnia dopasowan\u0105 do wysoko\u015bci Twojej choinki i misk\u0105 na wod\u0119. Wybierz rozmiar i kolor poni\u017cej \u2014 oba trzymaj\u0105 drzewko naprawd\u0119 pewnie, nie tylko \"w miar\u0119\".<\/p>\r\n\r\n <div class=\"picker\">\r\n <div class=\"picker__group\">\r\n <p class=\"picker__label\">Rozmiar \u2014 wg wysoko\u015bci choinki<\/p>\r\n <div class=\"picker__options\" data-picker=\"rozmiar\">\r\n <button type=\"button\" class=\"picker__opt is-active\" data-value=\"maly\">Ma\u0142y<span>choinka do 200 cm<\/span><\/button>\r\n <button type=\"button\" class=\"picker__opt\" data-value=\"duzy\">Du\u017cy<span>choinka 200 cm+<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"picker__group\">\r\n <p class=\"picker__label\">Kolor patyny<\/p>\r\n <div class=\"picker__swatches\" data-picker=\"kolor\">\r\n <button type=\"button\" class=\"swatch swatch--zloto is-active\" data-value=\"zloto\" aria-label=\"Z\u0142ota patyna\"><\/button>\r\n <button type=\"button\" class=\"swatch swatch--srebro\" data-value=\"srebro\" aria-label=\"Srebrna patyna\"><\/button>\r\n <button type=\"button\" class=\"swatch swatch--czarny\" data-value=\"czarny\" aria-label=\"Czarny mat\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"price-row\">\r\n <span class=\"price js-price\">169 z\u0142<\/span>\r\n <span class=\"price-note\">wysy\u0142ka od 11,99 z\u0142<\/span>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"btn-primary js-cta\">\r\n Zam\u00f3w teraz\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n\r\n <div class=\"trust-row\">\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Wysy\u0142ka w 24h<\/span>\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>14 dni na zwrot<\/span>\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Bezpieczne p\u0142atno\u015bci<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__img\">\r\n <span class=\"sticker\">Hit sezonu 26\/27<\/span>\r\n <span class=\"sticker sticker--secondary\">\r\n <svg class=\"flag-icon\" viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#fff\"\/><rect y=\"8\" width=\"24\" height=\"8\" fill=\"#dc143c\"\/><\/svg>\r\n R\u0119cznie w Polsce\r\n <\/span>\r\n <div class=\"ph\" id=\"hero-photo\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg>\r\n <p class=\"ph__label\" id=\"hero-photo-label\">Stojak Ma\u0142y na jednolitym tle, wariant z\u0142oto, choinka umieszczona w \u015brodku, kadr pionowy<\/p>\r\n <p class=\"ph__file\" id=\"hero-photo-file\">hero-maly-zloto.jpg<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ AGITACJA PROBLEMU ============ -->\r\n<section class=\"problem\">\r\n <div class=\"wrap\">\r\n <h2>Znasz to uczucie, kiedy choinka zaczyna si\u0119 przechyla\u0107?<\/h2>\r\n <ul>\r\n <li>Plastikowy stojak p\u0119ka po jednym, mo\u017ce dw\u00f3ch sezonach.<\/li>\r\n <li>Pie\u0144 si\u0119 wysuwa, choinka stoi krzywo, poprawiasz j\u0105 codziennie do \u015bwi\u0105t.<\/li>\r\n <li>Wygl\u0105da na tyle nie\u0142adnie, \u017ce i tak trzeba go czym\u015b zas\u0142oni\u0107.<\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"flourish\" style=\"background:var(--ink);\">\r\n <svg viewBox=\"0 0 120 28\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.4\"><path d=\"M2 14c14-14 22 14 36 0S66 0 74 14s24 14 36 0\"\/><\/svg>\r\n<\/div>\r\n\r\n<!-- ============ ROZWI\u0104ZANIE + BENEFITY ============ -->\r\n<section class=\"solution section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"solution__head\">\r\n <p class=\"eyebrow\">Rozwi\u0105zanie<\/p>\r\n <h2>Stojak, kt\u00f3ry nie chowa si\u0119 pod choink\u0105<\/h2>\r\n <p>Zaprojektowany tak, by robi\u0107 dwie rzeczy naraz: trzyma\u0107 drzewko pewnie i wygl\u0105da\u0107 na tyle dobrze, \u017ceby zostawi\u0107 go na widoku.<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-row__text\">\r\n <p class=\"benefit-num\">01<\/p>\r\n <h3>Dopasowuje si\u0119 do Twojej choinki, nie odwrotnie<\/h3>\r\n <p>Regulowana obejma \u2014 30\u201380 mm w rozmiarze Ma\u0142y, 50\u2013100 mm w rozmiarze Du\u017cy \u2014 obejmuje zar\u00f3wno smuk\u0142\u0105, m\u0142od\u0105 jod\u0142\u0119, jak i gruby pie\u0144 du\u017cego \u015bwierka, bez dok\u0142adania klin\u00f3w czy gazet.<\/p>\r\n <\/div>\r\n <div class=\"benefit-row__img\">\r\n <div class=\"ph\" data-img=\"benefit-regulacja\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\">Zbli\u017cenie na regulowan\u0105 obejm\u0119 i \u015bruby<\/p><p class=\"ph__file\">benefit-regulacja.jpg<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row rev\">\r\n <div class=\"benefit-row__text\">\r\n <p class=\"benefit-num\">02<\/p>\r\n <h3>Stoi pewnie, nawet gdy drzewko jest naprawd\u0119 du\u017ce<\/h3>\r\n <p>No\u015bno\u015b\u0107 120 kg w rozmiarze Ma\u0142y, do 180 kg w rozmiarze Du\u017cy \u2014 kt\u00f3ry ma dodatkowo dospawane wsparcie n\u00f3g, nie tylko wi\u0119ksze wymiary. To realna r\u00f3\u017cnica konstrukcyjna, nie sam mno\u017cnik ceny \u2014 choinka nie przechyli si\u0119, gdy dzieci b\u0119d\u0105 wiesza\u0107 ostatni\u0105 bombk\u0119.<\/p>\r\n <\/div>\r\n <div class=\"benefit-row__img\">\r\n <div class=\"ph\" id=\"benefit-stabilnosc-photo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\" id=\"benefit-stabilnosc-label\">Ma\u0142y: pe\u0142nowymiarowa choinka w aran\u017cacji salonu<\/p><p class=\"ph__file\" id=\"benefit-stabilnosc-file\">benefit-stabilnosc-maly.jpg<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row\">\r\n <div class=\"benefit-row__text\">\r\n <p class=\"benefit-num\">03<\/p>\r\n <h3>Zaprojektowany do eleganckich, urz\u0105dzonych wn\u0119trz<\/h3>\r\n <p>Ciep\u0142a patyna i kute w metalu zawijasy komponuj\u0105 si\u0119 z drewnem, mosi\u0105dzem i naturalnymi tkaninami tak samo dobrze, jak z sam\u0105 choink\u0105 \u2014 nie musisz go niczym zas\u0142ania\u0107.<\/p>\r\n <\/div>\r\n <div class=\"benefit-row__img\">\r\n <div class=\"ph\" id=\"benefit-wnetrze-photo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\" id=\"benefit-wnetrze-label\">Ma\u0142y: przy kominku\/fotelu, ciep\u0142e \u015bwiat\u0142o, kadr bliski<\/p><p class=\"ph__file\" id=\"benefit-wnetrze-file\">benefit-wnetrze-maly.jpg<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-row rev\" style=\"margin-bottom:0;\">\r\n <div class=\"benefit-row__text\">\r\n <p class=\"benefit-num\">04<\/p>\r\n <h3>Miska na wod\u0119 utrzymuje \u017cywe drzewko d\u0142u\u017cej w formie<\/h3>\r\n <p>Szczelna misa u podstawy pozwala podlewa\u0107 \u015bci\u0119te drzewko \u2014 d\u0142u\u017cej zatrzymuje ig\u0142y tam, gdzie ich miejsce.<\/p>\r\n <\/div>\r\n <div class=\"benefit-row__img\">\r\n <div class=\"ph\" id=\"benefit-misa-photo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\" id=\"benefit-misa-label\">Ma\u0142y: misa z g\u00f3ry, bez choinki<\/p><p class=\"ph__file\" id=\"benefit-misa-file\">benefit-misa-maly.jpg<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ JAK TO DZIA\u0141A ============ -->\r\n<section class=\"steps section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"steps__head\">\r\n <p class=\"eyebrow\">Monta\u017c<\/p>\r\n <h2>Gotowe w mniej ni\u017c 3 minuty<\/h2>\r\n <\/div>\r\n <div class=\"steps__grid\">\r\n <div class=\"step\">\r\n <p class=\"step__num\">01<\/p>\r\n <h3>Wstaw pie\u0144 na \u015brodek misy<\/h3>\r\n <p>Ustaw choink\u0119 pionowo, pie\u0144 powinien dotyka\u0107 metalowego kolca na dnie.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <p class=\"step__num\">02<\/p>\r\n <h3>Dokr\u0119\u0107 boczne \u015bruby<\/h3>\r\n <p>Trzy \u015bruby z gwiazdk\u0105 dociskaj\u0105 obejm\u0119, a\u017c poczujesz pewny, stabilny chwyt.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <p class=\"step__num\">03<\/p>\r\n <h3>Wyprostuj i zapomnij<\/h3>\r\n <p>Skoryguj pion, dolej wody do misy \u2014 i wracaj do stojaka dopiero po \u015bwi\u0119tach.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ POCHODZENIE \/ RZEMIOS\u0141O ============ -->\r\n<section class=\"origin section-pad\">\r\n <div class=\"wrap origin__grid\">\r\n <div class=\"origin__img\">\r\n <div class=\"ph\" data-img=\"origin-warsztat\">\r\n <p class=\"ph__file\">origin-warsztat.jpg<\/p>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <p class=\"eyebrow\" style=\"display:flex;align-items:center;gap:8px;\">\r\n <svg class=\"flag-icon\" viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#fff\"\/><rect y=\"8\" width=\"24\" height=\"8\" fill=\"#dc143c\"\/><\/svg>\r\n Zrobione w Polsce\r\n <\/p>\r\n <h2>Z [REGION, np. \u015al\u0105ska] \u2014 nie z kontenera<\/h2>\r\n <p>Ten stojak nie zje\u017cd\u017ca w tysi\u0105cach identycznych sztuk z fabrycznej ta\u015bmy po drugiej stronie \u015bwiata. Powstaje w niewielkim, [rodzinnym] zak\u0142adzie w [REGION]: gruba stal, spawanie, a na ko\u0144cu r\u0119czne przecieranie patyny p\u0119dzlem \u2014 sztuka po sztuce.<\/p>\r\n <p>Dlatego dwa egzemplarze nigdy nie wygl\u0105daj\u0105 identycznie. R\u00f3\u017cnice w roz\u0142o\u017ceniu patyny to \u015blad r\u0119cznej pracy, nie usterka \u2014 a je\u015bli zamawiasz, wiesz dok\u0142adnie, czyje r\u0119ce to zrobi\u0142y, nie tylko z jakiego magazynu wyjecha\u0142o.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ TABELA POR\u00d3WNAWCZA ============ -->\r\n<section class=\"compare section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"compare__head\">\r\n <p class=\"eyebrow\">R\u00f3\u017cnica<\/p>\r\n <h2>Zwyk\u0142y stojak vs Kuta Tradycja<\/h2>\r\n <\/div>\r\n <div class=\"compare-frame\">\r\n <div class=\"table-scroll\">\r\n <table class=\"compare-table\">\r\n <thead>\r\n <tr><th><\/th><th>Zwyk\u0142y plastikowy stojak<\/th><th class=\"brand\">Kuta Tradycja<\/th><\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr><td>Materia\u0142<\/td><td>Cienki plastik, p\u0119ka po sezonie<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Gruba stal, malowana proszkowo<\/td><\/tr>\r\n <tr><td>Regulacja pnia<\/td><td>Zwykle jeden rozmiar<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>2 rozmiary (30\u201380 mm i 50\u2013100 mm), dopasowane do wysoko\u015bci choinki<\/td><\/tr>\r\n <tr><td>Wygl\u0105d<\/td><td>Trzeba ukry\u0107 pod sp\u00f3dnic\u0105<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Wygl\u0105da jak dekoracja sama w sobie<\/td><\/tr>\r\n <tr><td>Stabilno\u015b\u0107<\/td><td>Choinka si\u0119 przechyla<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Wytrzyma\u0142o\u015b\u0107 120\u2013180 kg, zale\u017cnie od rozmiaru<\/td><\/tr>\r\n <tr><td>Miska na wod\u0119<\/td><td>Rzadko, cz\u0119sto przecieka<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Tak, szczelna<\/td><\/tr>\r\n <tr><td>\u017bywotno\u015b\u0107<\/td><td>Jeden, dwa sezony<\/td><td class=\"brand-cell\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Lata, bez utraty wygl\u0105du<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PRZEWODNIK PO ROZMIARACH ============ -->\r\n<section class=\"sizeguide section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"sizeguide__head\">\r\n <p class=\"eyebrow\">Zanim wybierzesz<\/p>\r\n <h2>Kt\u00f3ry rozmiar pasuje do Twojej choinki?<\/h2>\r\n <p>Dobierz po wysoko\u015bci drzewka \u2014 dok\u0142adnie tak, jak opisuj\u0105 j\u0105 sklepy i markety sprzedaj\u0105ce choinki, bez mierzenia niczego w milimetrach z g\u00f3ry.<\/p>\r\n <\/div>\r\n <div class=\"sizeguide__grid\">\r\n <div class=\"sizeguide__card\">\r\n <p class=\"sizeguide__tree\">Choinka do 200 cm<\/p>\r\n <h3>Rozmiar Ma\u0142y<\/h3>\r\n <p>Obejma 30\u201380 mm \u00b7 rozstaw ramion 40 cm \u00b7 no\u015bno\u015b\u0107 do 120 kg<\/p>\r\n <\/div>\r\n <div class=\"sizeguide__card\">\r\n <p class=\"sizeguide__tree\">Choinka 200 cm i wi\u0119cej<\/p>\r\n <h3>Rozmiar Du\u017cy<\/h3>\r\n <p>Obejma 50\u2013100 mm \u00b7 rozstaw ramion 60 cm \u00b7 no\u015bno\u015b\u0107 do 180 kg \u00b7 wzmocnione, dospawane wsparcie n\u00f3g<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"sizeguide__note\">Nie jeste\u015b pewien\/-a? Zmierz pie\u0144 tu\u017c nad ziemi\u0105 \u2014 je\u015bli jest grubszy ni\u017c du\u017ca pomara\u0144cza (ok. 8 cm), wybierz rozmiar Du\u017cy.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ WARIANTY KOLORYSTYCZNE ============ -->\r\n<section class=\"variants section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"variants__head\">\r\n <p class=\"eyebrow\">Wybierz wariant<\/p>\r\n <h2>Trzy wyko\u0144czenia do wyboru<\/h2>\r\n <p style=\"color:var(--text-soft);font-size:14.5px;margin-top:8px;\">Dost\u0119pne w obu rozmiarach \u2014 Ma\u0142y i Du\u017cy.<\/p>\r\n <\/div>\r\n <div class=\"variants__grid\">\r\n <div class=\"variant-card\">\r\n <div class=\"ph\" data-img=\"wariant-zloto\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\">Wariant z\u0142oto<\/p><p class=\"ph__file\">wariant-zloto.jpg<\/p><\/div>\r\n <h3>Patyna z\u0142oto<\/h3>\r\n <p>Ciep\u0142y, przetarty odcie\u0144 \u2014 najlepiej pasuje do wn\u0119trz w be\u017cach i drewnie.<\/p>\r\n <\/div>\r\n <div class=\"variant-card\">\r\n <div class=\"ph\" data-img=\"wariant-srebro\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\">Wariant srebro<\/p><p class=\"ph__file\">wariant-srebro.jpg<\/p><\/div>\r\n <h3>Patyna srebro<\/h3>\r\n <p>Ch\u0142odniejszy, elegancki ton \u2014 do wn\u0119trz w bieli i szaro\u015bciach.<\/p>\r\n <\/div>\r\n <div class=\"variant-card\">\r\n <div class=\"ph\" data-img=\"wariant-czarny\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"15\" rx=\"1\"\/><circle cx=\"9\" cy=\"11\" r=\"2\"\/><path d=\"M21 16l-5-5-9 9\"\/><\/svg><p class=\"ph__label\">Wariant czarny matowy<\/p><p class=\"ph__file\">wariant-czarny.jpg<\/p><\/div>\r\n <h3>Czarny mat<\/h3>\r\n <p>Stonowany, uniwersalny \u2014 znika w tle, gdy choinka ma by\u0107 gwiazd\u0105.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DOPE\u0141NIJ KOMPLET ============ -->\r\n<section class=\"addons section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"addons__head\">\r\n <p class=\"eyebrow\">Dope\u0142nij komplet<\/p>\r\n <h2>Pasuje razem ze stojakiem<\/h2>\r\n <\/div>\r\n <div class=\"addons__grid\">\r\n <div class=\"addon-card\">\r\n <div class=\"ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2v20M2 12h20\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Od\u017cywka do choinki<\/h4>\r\n <p>Utrzymuje \u017cywe drzewko \u015bwie\u017ce nawet o kilka dni d\u0142u\u017cej.<\/p>\r\n <p class=\"addon-price\">od 12,99 z\u0142<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"addon-card\">\r\n <div class=\"ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Zestaw ozd\u00f3b w komplecie<\/h4>\r\n <p>Bombki i \u0142a\u0144cuch w tym samym odcieniu co patyna stojaka.<\/p>\r\n <p class=\"addon-price\">od 39 z\u0142<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ZAUFANIE (uczciwe) ============ -->\r\n<section class=\"trust\">\r\n <div class=\"wrap trust__inner\">\r\n <p class=\"eyebrow\">Zanim zam\u00f3wisz<\/p>\r\n <h2>Nowa marka, sprawdzony wykonawca<\/h2>\r\n <p>Kuta Tradycja to nowy sklep \u2014 nie udajemy inaczej. Stojaki wykonuje polski producent stali z wieloletnim do\u015bwiadczeniem, ka\u017cda sztuka jest malowana proszkowo i r\u0119cznie wyka\u0144czana. Je\u015bli po rozpakowaniu stwierdzisz, \u017ce jednak nie pasuje do Twojego wn\u0119trza \u2014 odsy\u0142asz bez pyta\u0144.<\/p>\r\n <div class=\"trust__badges\">\r\n <div class=\"trust__badge\"><svg class=\"flag-icon\" viewBox=\"0 0 24 16\" style=\"width:26px;height:18px;\"><rect width=\"24\" height=\"16\" fill=\"#fff\"\/><rect y=\"8\" width=\"24\" height=\"8\" fill=\"#dc143c\"\/><\/svg><span>Wykonanie polskiego producenta<\/span><\/div>\r\n <div class=\"trust__badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"1\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg><span>Bezpieczna p\u0142atno\u015b\u0107 BLIK<\/span><\/div>\r\n <div class=\"trust__badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M3 12l4-8h10l4 8-9 10z\"\/><\/svg><span>Gwarancja satysfakcji \u2014 14 dni<\/span><\/div>\r\n <\/div>\r\n <div class=\"reviews-note\"><b>Uwaga przy edycji:<\/b> te trzy karty to szablon, nie prawdziwe opinie. Podmie\u0144 cytaty, imiona i miasta dopiero, gdy zbierzesz realne recenzje (patrz plan wysy\u0142ki testowej do znajomych, o kt\u00f3rym rozmawiali\u015bmy) \u2014 nigdy nie publikuj tej sekcji z wymy\u015blon\u0105 tre\u015bci\u0105.<\/div>\r\n <div class=\"review-grid\">\r\n <div class=\"review-card\">\r\n <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-card__quote\">\u201e[Tu wstaw prawdziwy cytat \u2014 konkretny, 1-2 zdania, np. co dok\u0142adnie klientce\/klientowi si\u0119 spodoba\u0142o]\"<\/p>\r\n <div class=\"review-card__who\">\r\n <div class=\"ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8\"\/><\/svg><\/div>\r\n <div><p class=\"review-card__name\">[Imi\u0119 i inicja\u0142]<\/p><p class=\"review-card__loc\">[Miasto]<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-card__quote\">\u201e[Cytat nr 2 \u2014 najlepiej odpowiadaj\u0105cy na inny b\u00f3l ni\u017c cytat nr 1, np. stabilno\u015b\u0107]\"<\/p>\r\n <div class=\"review-card__who\">\r\n <div class=\"ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8\"\/><\/svg><\/div>\r\n <div><p class=\"review-card__name\">[Imi\u0119 i inicja\u0142]<\/p><p class=\"review-card__loc\">[Miasto]<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-card__quote\">\u201e[Cytat nr 3 \u2014 np. o wygl\u0105dzie w salonie albo o jako\u015bci wykonania]\"<\/p>\r\n <div class=\"review-card__who\">\r\n <div class=\"ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8\"\/><\/svg><\/div>\r\n <div><p class=\"review-card__name\">[Imi\u0119 i inicja\u0142]<\/p><p class=\"review-card__loc\">[Miasto]<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FAQ ============ -->\r\n<section class=\"faq section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"faq__head\">\r\n <p class=\"eyebrow\">Pytania<\/p>\r\n <h2>Zanim klikniesz \u201eZam\u00f3w\"<\/h2>\r\n <\/div>\r\n <div class=\"faq__list\">\r\n <details>\r\n <summary>Czy stojak pasuje do mojej choinki?<\/summary>\r\n <p class=\"faq__answer\">Tak \u2014 sprzedajemy go w dw\u00f3ch rozmiarach. Ma\u0142y obejmuje pnie 30\u201380 mm (choinki do ok. 200 cm), Du\u017cy 50\u2013100 mm (choinki 200 cm i wi\u0119cej). Razem pokrywaj\u0105 zdecydowan\u0105 wi\u0119kszo\u015b\u0107 \u017cywych i sztucznych choinek sprzedawanych w Polsce \u2014 zobacz przewodnik po rozmiarach wy\u017cej.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Czy sam\/-a poradz\u0119 sobie z monta\u017cem?<\/summary>\r\n <p class=\"faq__answer\">Tak. To trzy kroki i mniej ni\u017c 3 minuty \u2014 nie potrzebujesz \u017cadnych narz\u0119dzi poza tymi, kt\u00f3re ju\u017c s\u0105 w stojaku (\u015bruby z gwiazdk\u0105 dokr\u0119casz r\u0119k\u0105).<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Jak du\u017ce drzewko utrzyma ten stojak?<\/summary>\r\n <p class=\"faq__answer\">No\u015bno\u015b\u0107 to 120 kg w rozmiarze Ma\u0142y i 180 kg w rozmiarze Du\u017cy \u2014 w obu przypadkach spokojnie wystarczy na ci\u0119\u017ckie drzewka, \u017cywe i sztuczne.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Czy dzia\u0142a te\u017c ze sztuczn\u0105 choink\u0105?<\/summary>\r\n <p class=\"faq__answer\">Tak. Obejma reguluje si\u0119 niezale\u017cnie od rodzaju drzewka \u2014 jedyne, na czym Ci zale\u017cy, to \u015brednica pnia lub trzpienia.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Czy farba si\u0119 z\u0142uszczy albo zarysuje z czasem?<\/summary>\r\n <p class=\"faq__answer\">Malowanie proszkowe jest du\u017co trwalsze ni\u017c zwyk\u0142y lakier \u2014 to ta sama technologia, kt\u00f3rej u\u017cywa si\u0119 do mebli ogrodowych czy barierek. Stojak jest pomy\u015blany na lata, nie na jeden sezon pod choink\u0105.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Sk\u0105d wiadomo, \u017ce ka\u017cdy egzemplarz naprawd\u0119 si\u0119 r\u00f3\u017cni?<\/summary>\r\n <p class=\"faq__answer\">Bo patyna nak\u0142adana jest p\u0119dzlem, r\u0119cznie, sztuka po sztuce \u2014 to naturalny efekt pracy rzemie\u015blnika, nie wz\u00f3r z drukarki. Zobaczysz to od razu po rozpakowaniu.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Dlaczego ten stojak kosztuje wi\u0119cej ni\u017c plastikowy z marketu?<\/summary>\r\n <p class=\"faq__answer\">Bo por\u00f3wnujesz grub\u0105, malowan\u0105 proszkowo stal do cienkiego plastiku, kt\u00f3ry p\u0119ka po sezonie. Ten stojak robiony jest r\u0119cznie w Polsce, nie sztancowany masowo w tysi\u0105cach identycznych sztuk \u2014 p\u0142acisz za materia\u0142 i prac\u0119, nie za mark\u0119.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Ile czekam na dostaw\u0119?<\/summary>\r\n <p class=\"faq__answer\">Wysy\u0142amy z Polski, zwykle nast\u0119pnego dnia roboczego. Do Paczkomatu paczka dociera najcz\u0119\u015bciej w 1\u20132 dni robocze od nadania.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Co je\u015bli mi si\u0119 nie spodoba?<\/summary>\r\n <p class=\"faq__answer\">Odsy\u0142asz bez pyta\u0144 \u2014 masz na to 14 dni od dostawy. To Twoje prawo przy zakupach na odleg\u0142o\u015b\u0107, ale wolimy, \u017ceby\u015b wiedzia\u0142\/a o nim zawczasu, a nie szuka\u0142\/a w regulaminie.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PILNO\u015a\u0106 ============ -->\r\n<section class=\"urgency\">\r\n <p>Choink\u0119 stawiasz raz w roku. Zam\u00f3w do <b>20 grudnia<\/b>, \u017ceby mie\u0107 pewno\u015b\u0107, \u017ce stojak dotrze na czas.<\/p>\r\n<\/section>\r\n\r\n<!-- ============ FINALNE CTA ============ -->\r\n<section class=\"final-cta\" id=\"zamow\">\r\n <p class=\"eyebrow\">Kuta Tradycja<\/p>\r\n <h2>Postaw choink\u0119, kt\u00f3ra stoi prosto \u2014 raz, a dobrze.<\/h2>\r\n <p>Stal, r\u0119cznie kszta\u0142towane i wyka\u0144czane w polskim warsztacie. Regulacja dopasowana do wysoko\u015bci choinki, wysy\u0142ka z Polski w 24h.<\/p>\r\n\r\n <div class=\"picker\" style=\"max-width:360px;margin-left:auto;margin-right:auto;text-align:left;\">\r\n <div class=\"picker__group\">\r\n <p class=\"picker__label\">Rozmiar \u2014 wg wysoko\u015bci choinki<\/p>\r\n <div class=\"picker__options\" data-picker=\"rozmiar\">\r\n <button type=\"button\" class=\"picker__opt is-active\" data-value=\"maly\">Ma\u0142y<span>choinka do 200 cm<\/span><\/button>\r\n <button type=\"button\" class=\"picker__opt\" data-value=\"duzy\">Du\u017cy<span>choinka 200 cm+<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"picker__group\">\r\n <p class=\"picker__label\">Kolor patyny<\/p>\r\n <div class=\"picker__swatches\" data-picker=\"kolor\">\r\n <button type=\"button\" class=\"swatch swatch--zloto is-active\" data-value=\"zloto\" aria-label=\"Z\u0142ota patyna\"><\/button>\r\n <button type=\"button\" class=\"swatch swatch--srebro\" data-value=\"srebro\" aria-label=\"Srebrna patyna\"><\/button>\r\n <button type=\"button\" class=\"swatch swatch--czarny\" data-value=\"czarny\" aria-label=\"Czarny mat\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"price-row\" style=\"justify-content:center;\">\r\n <span class=\"price js-price\">169 z\u0142<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"btn-primary js-cta\">\r\n Zam\u00f3w teraz\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <div class=\"trust-row\">\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>BLIK i karta<\/span>\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>Paczkomat InPost<\/span>\r\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M5 12l4 4L19 6\"\/><\/svg>14 dni na zwrot<\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <p>Kuta Tradycja \u2014 [Imi\u0119 i nazwisko \/ nazwa dzia\u0142alno\u015bci] \u00b7 [adres do dor\u0119cze\u0144] \u00b7 [e-mail kontaktowy]<\/p>\r\n <p><a href=\"#\">Regulamin sklepu<\/a> \u00b7 <a href=\"#\">Polityka prywatno\u015bci<\/a> \u00b7 <a href=\"#\">Odst\u0105pienie od umowy<\/a><\/p>\r\n<\/footer>\r\n\r\n<!-- ============ STICKY CTA (mobile) ============ -->\r\n<div class=\"sticky-cta\">\r\n <span class=\"sticky-cta__price js-price\">169 z\u0142<\/span>\r\n <a href=\"#\" class=\"btn-primary js-cta\">Zam\u00f3w teraz<\/a>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n KONFIGURACJA WOOCOMMERCE\r\n Wype\u0142nij prawdziwymi ID ze swojego panelu WooCommerce.\r\n Zalecana struktura (patrz wiadomo\u015b\u0107): 2 produkty zmienne\r\n (Ma\u0142y, Du\u017cy), ka\u017cdy z atrybutem \"Kolor\" i 3 wariacjami.\r\n productId = ID produktu nadrz\u0119dnego (zak\u0142adka \"Og\u00f3lne\" w edycji produktu)\r\n variationId = ID konkretnej wariacji koloru (zak\u0142adka \"Wariacje\")\r\n Je\u015bli nazwa atrybutu koloru w Twoim WooCommerce r\u00f3\u017cni si\u0119 od \"kolor\",\r\n zmie\u0144 \"attribute_kolor\" w funkcji buildUrl() na w\u0142a\u015bciwy slug atrybutu.\r\n ============================================ -->\r\n<script>\r\n\/\/ ============================================\r\n\/\/ WKLEJ TUTAJ LINKI DO ZDJ\u0118\u0106 Z BIBLIOTEKI MEDI\u00d3W WORDPRESS\r\n\/\/ W Bibliotece Medi\u00f3w kliknij zdj\u0119cie \u2192 skopiuj jego URL \u2192 wklej mi\u0119dzy cudzys\u0142owy.\r\n\/\/ Puste '' = nadal pokazuje si\u0119 szary placeholder z opisem, nic si\u0119 nie psuje.\r\n\/\/ ============================================\r\nconst IMG = {\r\n 'origin-warsztat': '',\r\n 'wariant-zloto': '',\r\n 'wariant-srebro': '',\r\n 'wariant-czarny': '',\r\n 'benefit-regulacja': '',\r\n 'hero-maly-zloto': '',\r\n 'hero-maly-srebro': '',\r\n 'hero-maly-czarny': '',\r\n 'hero-duzy-zloto': '',\r\n 'hero-duzy-srebro': '',\r\n 'hero-duzy-czarny': '',\r\n 'benefit-stabilnosc-maly': '',\r\n 'benefit-stabilnosc-duzy': '',\r\n 'benefit-wnetrze-maly': '',\r\n 'benefit-wnetrze-duzy': '',\r\n 'benefit-misa-maly': '',\r\n 'benefit-misa-duzy': ''\r\n};\r\n\r\nfunction setPhoto(el, url){\r\n if (!el) return;\r\n if (url){\r\n el.style.backgroundImage = 'url(' + url + ')';\r\n el.classList.add('ph--filled');\r\n } else {\r\n el.style.backgroundImage = '';\r\n el.classList.remove('ph--filled');\r\n }\r\n}\r\n\r\nfunction applyStaticImages(){\r\n document.querySelectorAll('.ph[data-img]').forEach(function(el){\r\n setPhoto(el, IMG[el.dataset.img]);\r\n });\r\n}\r\n\r\nconst STOJAK = {\r\n maly: {\r\n price: 169,\r\n productId: '[WOO_ID_MALY]',\r\n variants: {\r\n zloto: { variationId: '[WOO_VAR_MALY_ZLOTO]' },\r\n srebro: { variationId: '[WOO_VAR_MALY_SREBRO]' },\r\n czarny: { variationId: '[WOO_VAR_MALY_CZARNY]' }\r\n }\r\n },\r\n duzy: {\r\n price: 199,\r\n productId: '[WOO_ID_DUZY]',\r\n variants: {\r\n zloto: { variationId: '[WOO_VAR_DUZY_ZLOTO]' },\r\n srebro: { variationId: '[WOO_VAR_DUZY_SREBRO]' },\r\n czarny: { variationId: '[WOO_VAR_DUZY_CZARNY]' }\r\n }\r\n }\r\n};\r\n\r\n\/\/ 6 zdj\u0119\u0107 hero \u2014 ta sama sesja, ten sam kadr, zmieniany tylko egzemplarz.\r\n\/\/ Gdy b\u0119dziesz mie\u0107 realne pliki: usu\u0144 .ph z hero-photo, zamie\u0144 na\r\n\/\/ <img decoding=\"async\" id=\"hero-photo\" src=\"\"> i w updateUI() zmie\u0144 .textContent na .src.\r\nconst HERO_IMAGES = {\r\n 'maly-zloto': { file: 'hero-maly-zloto.jpg', label: 'Stojak Ma\u0142y na jednolitym tle, wariant z\u0142oto, choinka w \u015brodku, kadr pionowy' },\r\n 'maly-srebro': { file: 'hero-maly-srebro.jpg', label: 'Stojak Ma\u0142y na jednolitym tle, wariant srebro, choinka w \u015brodku, kadr pionowy' },\r\n 'maly-czarny': { file: 'hero-maly-czarny.jpg', label: 'Stojak Ma\u0142y na jednolitym tle, wariant czarny, choinka w \u015brodku, kadr pionowy' },\r\n 'duzy-zloto': { file: 'hero-duzy-zloto.jpg', label: 'Stojak Du\u017cy na jednolitym tle, wariant z\u0142oto, choinka w \u015brodku, kadr pionowy' },\r\n 'duzy-srebro': { file: 'hero-duzy-srebro.jpg', label: 'Stojak Du\u017cy na jednolitym tle, wariant srebro, choinka w \u015brodku, kadr pionowy' },\r\n 'duzy-czarny': { file: 'hero-duzy-czarny.jpg', label: 'Stojak Du\u017cy na jednolitym tle, wariant czarny, choinka w \u015brodku, kadr pionowy' }\r\n};\r\n\r\n\/\/ Zdj\u0119cia w sekcjach benefit \u2014 zale\u017cne tylko od rozmiaru, nie koloru\r\n\/\/ (kolor pokazuje ju\u017c hero i sekcja wariant\u00f3w, tu chodzi wy\u0142\u0105cznie o r\u00f3\u017cnic\u0119 rozmiaru).\r\nconst BENEFIT_IMAGES = {\r\n stabilnosc: {\r\n maly: { file: 'benefit-stabilnosc-maly.jpg', label: 'Ma\u0142y: pe\u0142nowymiarowa choinka w aran\u017cacji salonu' },\r\n duzy: { file: 'benefit-stabilnosc-duzy.jpg', label: 'Du\u017cy: pe\u0142nowymiarowa choinka, widoczne wsparcie n\u00f3g' }\r\n },\r\n wnetrze: {\r\n maly: { file: 'benefit-wnetrze-maly.jpg', label: 'Ma\u0142y: przy kominku\/fotelu, ciep\u0142e \u015bwiat\u0142o, kadr bliski' },\r\n duzy: { file: 'benefit-wnetrze-duzy.jpg', label: 'Du\u017cy: przy kominku\/fotelu, ciep\u0142e \u015bwiat\u0142o, kadr bliski' }\r\n },\r\n misa: {\r\n maly: { file: 'benefit-misa-maly.jpg', label: 'Ma\u0142y: misa z g\u00f3ry, bez choinki' },\r\n duzy: { file: 'benefit-misa-duzy.jpg', label: 'Du\u017cy: misa z g\u00f3ry, bez choinki, widoczna szersza \u015brednica' }\r\n }\r\n};\r\n\r\nlet selected = { rozmiar: 'maly', kolor: 'zloto' };\r\n\r\nfunction buildUrl(rozmiar, kolor){\r\n const cfg = STOJAK[rozmiar];\r\n const v = cfg.variants[kolor];\r\n return `\/?add-to-cart=${cfg.productId}&variation_id=${v.variationId}&attribute_kolor=${kolor}`;\r\n}\r\n\r\nfunction updateUI(){\r\n document.querySelectorAll('[data-picker=\"rozmiar\"] .picker__opt').forEach(function(el){\r\n el.classList.toggle('is-active', el.dataset.value === selected.rozmiar);\r\n });\r\n document.querySelectorAll('[data-picker=\"kolor\"] .swatch').forEach(function(el){\r\n el.classList.toggle('is-active', el.dataset.value === selected.kolor);\r\n });\r\n const price = STOJAK[selected.rozmiar].price;\r\n document.querySelectorAll('.js-price').forEach(function(el){ el.textContent = price + ' z\u0142'; });\r\n const url = buildUrl(selected.rozmiar, selected.kolor);\r\n document.querySelectorAll('.js-cta').forEach(function(el){ el.setAttribute('href', url); });\r\n\r\n const imgKey = selected.rozmiar + '-' + selected.kolor;\r\n const img = HERO_IMAGES[imgKey];\r\n const labelEl = document.getElementById('hero-photo-label');\r\n const fileEl = document.getElementById('hero-photo-file');\r\n if (img && labelEl && fileEl){\r\n labelEl.textContent = img.label;\r\n fileEl.textContent = img.file;\r\n }\r\n setPhoto(document.getElementById('hero-photo'), IMG[imgKey]);\r\n\r\n Object.keys(BENEFIT_IMAGES).forEach(function(key){\r\n const data = BENEFIT_IMAGES[key][selected.rozmiar];\r\n const bLabelEl = document.getElementById('benefit-' + key + '-label');\r\n const bFileEl = document.getElementById('benefit-' + key + '-file');\r\n if (data && bLabelEl && bFileEl){\r\n bLabelEl.textContent = data.label;\r\n bFileEl.textContent = data.file;\r\n }\r\n setPhoto(document.getElementById('benefit-' + key + '-photo'), IMG['benefit-' + key + '-' + selected.rozmiar]);\r\n });\r\n}\r\n\r\ndocument.querySelectorAll('[data-picker=\"rozmiar\"] .picker__opt').forEach(function(btn){\r\n btn.addEventListener('click', function(){ selected.rozmiar = btn.dataset.value; updateUI(); });\r\n});\r\ndocument.querySelectorAll('[data-picker=\"kolor\"] .swatch').forEach(function(btn){\r\n btn.addEventListener('click', function(){ selected.kolor = btn.dataset.value; updateUI(); });\r\n});\r\nupdateUI();\r\napplyStaticImages();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Stojak choinkowy \u2014 patyna z\u0142oto | Kuta Tradycja Kuta Tradycja Wysy\u0142ka z Polski w 24h  \u00b7  P\u0142atno\u015b\u0107 BLIK  \u00b7  Odbi\u00f3r […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":24,"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/kutatradycja.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}