/* ================================================================ POPRAWKI Z AUDYTU — 2026-09-01 (dostępność, spójność, drobny UI) Blok czysto addytywny: nadpisuje wcześniejsze reguły kaskadą. ================================================================ */ /* [UI-2] Globalna typografia nagłówków — Forum wszędzie */ h1,h2,h3,h4,h5,h6{font-family:Forum,Georgia,serif;font-weight:400} /* [UI-3] Warstwa „prose” dla stron treściowych (regulamin, polityki, wpisy) */ .entry-content{font-family:Karla,sans-serif;color:#262626;line-height:1.65;font-size:16px} :where(.entry-content) h1,:where(.entry-content) h2,:where(.entry-content) h3,:where(.entry-content) h4{font-family:Forum,Georgia,serif;font-weight:400;color:#262626;line-height:1.25;margin:1.6em 0 .5em} :where(.entry-content) h2{font-size:clamp(26px,2.4vw,34px);padding-bottom:.3em;border-bottom:1px solid #e5e5e5} .entry-content h3{font-size:clamp(21px,1.8vw,26px)} .entry-content p{margin:0 0 1em} .entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-left:1.4em} .entry-content li{margin-bottom:.45em} :where(.entry-content) a{color:#73623a;text-decoration:underline} :where(.entry-content) a:hover{color:#9c9159} .entry-content table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:15px} .entry-content th,.entry-content td{border:1px solid #ddd8c9;padding:9px 12px;text-align:left} .entry-content th{background:#f7f5ee;font-family:Karla,sans-serif;font-weight:700} .entry-content blockquote{border-left:3px solid #afa46b;margin:0 0 1.2em;padding:.4em 0 .4em 1.1em;color:#57544b} /* [UX-2] Kontrast: ciemny tekst na złocie zamiast białego (WCAG 4.5:1) */ /* [UX-2] wycofane na prośbę właściciela — przyciski wracają do oryginału (biały tekst na złocie) */ /* [UX-3] Kontrast cytatów */ .krzan-wquote__text{color:#57544b!important} /* [UX-4] Widoczny fokus — globalnie, plus przywrócenie w formularzach */ :focus-visible{outline:2px solid #8d7a45!important;outline-offset:2px} .krzan-kform input:focus-visible,.krzan-kform textarea:focus-visible, .krzan-cart__select:focus-visible,.krzan-cart__input:focus-visible{outline:2px solid #8d7a45!important;outline-offset:1px} /* [UX-5] 16 px w polach — iOS przestaje zoomować */ .krzan-kform input,.krzan-kform textarea,.krzan-kform select, .krzan-cart__select,.krzan-cart__input, .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{font-size:16px!important} /* [UX-7] Cele dotykowe min. 44 px */ .krzan-cart__qtybtn{width:34px!important;height:34px!important;position:relative} .krzan-cart__qtybtn::before{content:"";position:absolute;inset:-6px} .krzan-chip{padding:10px 14px!important;min-height:40px;display:inline-flex;align-items:center} .krzan-header__burger{padding:14px 10px!important} /* [KZ-1 / UI-9] Dolny limit skalowania nagłówka — koniec z tekstem 8,8 px na tabletach */ .krzan-header__cta{font-size:max(13px,calc(16*var(--s)))!important;padding:max(10px,calc(14*var(--s))) max(14px,calc(20*var(--s)))!important;border-radius:4px!important;letter-spacing:max(.24px,calc(.32*var(--s)))!important} .krzan-header__nav a{font-size:max(12px,calc(14*var(--s)))} /* [UX-16] Czytelność drobnych tekstów */ .krzan-zw__disclaimer,.krzan-glr__num{font-size:14px!important} .krzan-mobilenav__link{font-size:16px!important} .krzan-about__p{line-height:1.65!important} /* [UX-17] Poszanowanie reduced-motion */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important} } /* [UI-12] Równe kadry kart produktów */ .krzan-pcard__imglink img,.krzan-pcard img.attachment-woocommerce_thumbnail, ul.products li.product img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto} /* [UI-15] Select sortowania Woo w stylu motywu */ .woocommerce .orderby,select.orderby{font-family:Karla,sans-serif;font-size:16px;color:#262626;border:1px solid #d4d4d4;border-radius:4px;padding:10px 12px;background:#fff} /* [UI-11] Breadcrumbs — jeden styl */ .woocommerce-breadcrumb,.krzan-crumbs{font-family:Karla,sans-serif!important;font-size:13px!important;color:#8a8578!important;margin:0 0 18px!important} .woocommerce-breadcrumb a,.krzan-crumbs a{color:#8d7a45!important;text-decoration:none} .woocommerce-breadcrumb a:hover,.krzan-crumbs a:hover{text-decoration:underline} /* [UI-14] Bardzo wąskie ekrany (320–360 px) */ @media (max-width:360px){ .krzan-hero__title{font-size:clamp(26px,9vw,34px)!important} .krzan-section,.krzan-kform{padding-left:14px;padding-right:14px} .krzan-btn--gold,.krzan-kform__btn{padding:12px 16px!important;font-size:13px!important} } /* [EC-7] Kafelki kategorii nad listą sklepu */ .krzan-sklep-kat{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px} .krzan-sklep-kat a{font-family:Karla,sans-serif;font-size:14px;letter-spacing:.02em;color:#262626;background:#f3efe0;border:1px solid #ddd8c9;border-radius:999px;padding:10px 16px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center} .krzan-sklep-kat a:hover,.krzan-sklep-kat a.jest{background:#afa46b;border-color:#afa46b;color:#262626} /* [EC-2/EC-9] Notki informacyjne na karcie produktu */ .krzan-prod-info{font-family:Karla,sans-serif;background:#f7f5ee;border-left:3px solid #afa46b;border-radius:0 6px 6px 0;padding:12px 16px;margin:14px 0;font-size:14.5px;color:#57544b;line-height:1.55} .krzan-prod-info b{color:#262626} /* [CRO-5] Przycisk telefonu po terminie na nekrologu */ .krzan-zw-tel{display:inline-flex;align-items:center;gap:9px;background:#afa46b;border:1px solid #afa46b;color:#fff!important;border-radius:4px;padding:13px 20px;font-family:Karla,sans-serif;font-weight:700;font-size:15px;letter-spacing:.32px;text-transform:uppercase;text-decoration:none!important;margin-top:10px}.krzan-zw-tel svg{flex:none} .krzan-zw-tel:hover{filter:brightness(1.08)} .krzan-zw-deadline{font-family:Karla,sans-serif;font-size:13.5px;color:#8a5a00;background:#fcf3d9;border-radius:4px;padding:6px 10px;display:inline-block;margin-top:8px} /* [CRO-6] Znicz pamięci na nekrologu */ .krzan-znicz{margin:44px auto 12px;max-width:640px;padding:30px 16px 4px;background:transparent;border:0;border-top:1px solid #e3e0d5;font-family:Karla,sans-serif;text-align:center} .krzan-znicz__btn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #afa46b;color:#8d7a45;border-radius:4px;padding:13px 24px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:Karla,sans-serif;transition:background .2s,color .2s}.krzan-znicz__btn svg{flex:none;width:13px;height:17px} @media (hover:hover) and (pointer:fine){.krzan-znicz__btn:hover{background:#afa46b;color:#fff}} .krzan-znicz__btn[disabled]{opacity:1;cursor:default;background:#f3efe0;border-color:#d8d3c2;color:#8d7a45} .krzan-znicz__licznik{margin-top:12px;font-size:14px;color:#77746a} .krzan-znicz__share{margin-top:8px;font-size:13px;color:#8a8578} .krzan-znicz__share a,.krzan-znicz__share button{color:#8d7a45;background:none;border:0;cursor:pointer;font-family:Karla,sans-serif;font-size:13.5px;text-decoration:underline;padding:0 6px} /* [CRO-2] Blok kryzysowy na stronie głównej */ .krzan-kryzys{background:#f7f5ee;border:1px solid #ddd8c9;border-radius:6px;padding:34px 36px;margin:0 auto;max-width:1140px;font-family:Karla,sans-serif} .krzan-kryzys__h{font-family:Forum,Georgia,serif;font-weight:400;font-size:clamp(24px,2.6vw,32px);margin:0 0 6px;color:#262626} .krzan-kryzys__p{margin:0 0 18px;color:#57544b;font-size:15.5px;line-height:1.55} .krzan-kryzys__kroki{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none} .krzan-kryzys__kroki li{background:#fff;border:1px solid #e3e0d5;border-radius:6px;padding:14px 16px;font-size:14.5px;line-height:1.5;color:#404040} .krzan-kryzys__kroki b{color:#8d7a45;display:block;margin-bottom:4px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase} .krzan-kryzys__cta{display:inline-flex;align-items:center;gap:10px}.krzan-kryzys__cta svg{flex:none} .krzan-kryzys__mniej{margin-left:16px;color:#8d7a45;font-size:14px;text-decoration:underline} .krzan-kryzys__mniej:hover{color:#9c9159} /* [CRO-4] Moduł zasiłku ZUS */ .krzan-zus{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;padding:26px 32px;margin:34px auto;max-width:1080px;font-family:Karla,sans-serif;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between} .krzan-zus__txt{flex:1 1 380px} .krzan-zus__h{font-family:Forum,Georgia,serif;font-weight:400;font-size:clamp(20px,2vw,26px);margin:0 0 6px;color:#262626} .krzan-zus__p{margin:0;color:#57544b;font-size:15px;line-height:1.55} .krzan-zus__link{display:inline-block;background:#fff;border:1px solid #afa46b;color:#8d7a45;border-radius:4px;padding:12px 20px;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap} .krzan-zus__link:hover{background:#afa46b;color:#262626} /* [CRO-3] Opinie Google */ .krzan-opinie{max-width:1080px;margin:34px auto;font-family:Karla,sans-serif} .krzan-opinie__h{font-family:Forum,Georgia,serif;font-weight:400;font-size:clamp(24px,2.6vw,32px);color:#262626;margin:0 0 4px;text-align:center} .krzan-opinie__sub{text-align:center;color:#8a8578;font-size:14px;margin:0 0 20px} .krzan-opinie__sub b{color:#8d7a45} .krzan-opinie__slider{position:relative} .krzan-opinie__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .krzan-opinie__grid::-webkit-scrollbar{display:none} .krzan-opinie__card{flex:0 0 min(86%,330px);scroll-snap-align:start} @media (min-width:768px){.krzan-opinie__card{flex-basis:330px}} .krzan-opinie__strz{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #afa46b;color:#8d7a45;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(38,38,38,.08);padding:0} .krzan-opinie__strz--l{left:-10px} .krzan-opinie__strz--p{right:-10px} .krzan-opinie__strz:hover{background:#afa46b;color:#fff} @media (max-width:640px){.krzan-opinie__strz{display:none}} .krzan-opinie__card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:20px 22px} .krzan-opinie__stars{color:#afa46b;letter-spacing:2px;font-size:15px;margin-bottom:8px} .krzan-opinie__txt{font-size:14.5px;color:#57544b;line-height:1.6;margin:0 0 10px;font-style:italic} .krzan-opinie__kto{font-size:13px;color:#8a8578} .krzan-opinie__wiecej{text-align:center;margin-top:16px} .krzan-opinie__wiecej a{color:#8d7a45;font-size:14px;text-decoration:underline} /* [CRO-8] Wyszukiwarka w archiwum */ .krzan-arch-szukaj{max-width:420px;margin:0 auto 24px;font-family:Karla,sans-serif} .krzan-arch-szukaj input{width:100%;font-size:16px;padding:12px 16px;border:1px solid #d4d4d4;border-radius:4px;font-family:Karla,sans-serif} /* Nadpisania: sekcje audytowe wewnątrz .entry-content (warstwa prose nie może ich stylować) */ .entry-content .krzan-kryzys__h{color:#262626;border-bottom:0;padding-bottom:0;margin:0 0 6px} .entry-content .krzan-zus__h,.entry-content .krzan-opinie__h{border-bottom:0;padding-bottom:0;margin:0 0 6px} .entry-content .krzan-kryzys__kroki{padding-left:0;margin:0 0 18px;list-style:none} .entry-content .krzan-kryzys__kroki li{margin-bottom:0} .entry-content .krzan-kryzys a,.entry-content .krzan-zus__link,.entry-content .krzan-opinie__wiecej a{text-decoration:none} .entry-content .krzan-kryzys__mniej,.entry-content .krzan-opinie__wiecej a{text-decoration:underline} .krzan-kryzys{margin:26px auto} /* CTA w bloku kryzysowym: biały tekst jak w oryginalnych przyciskach motywu */ .entry-content .krzan-kryzys__cta,.entry-content .krzan-kryzys__cta:hover{color:#fff} .krzan-kryzys__cta{gap:11px} a.krzan-kryzys__cta{display:inline-flex;align-items:center;gap:11px} .krzan-zw-tel{margin-bottom:16px} /* Hero: karta „Skontaktuj się z nami” była ucinana przez overflow:clip cover-bloku (WP 6.4+) */ .krzan-hero.wp-block-cover{overflow:visible!important} .krzan-hero .krzan-hero__contact{z-index:5} /* Opinie w stylu Google: avatar, nazwa, czas, żółte gwiazdki, logo G, karta-link */ a.krzan-opinie__card{display:block;text-decoration:none;color:inherit;text-align:left;transition:box-shadow .2s,border-color .2s} a.krzan-opinie__card:hover{box-shadow:0 6px 18px rgba(38,38,38,.10);border-color:#d8d3c2} .krzan-opinie__top{display:flex;align-items:center;gap:11px;margin-bottom:10px} .krzan-opinie__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:#afa46b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;font-family:Karla,sans-serif} .krzan-opinie__avatar img{width:100%;height:100%;object-fit:cover;display:block} .krzan-opinie__meta{flex:1;min-width:0} .krzan-opinie__imie{display:block;font-size:14.5px;font-weight:700;color:#262626;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .krzan-opinie__czas{display:block;font-size:12.5px;color:#8a8578;line-height:1.4} .krzan-opinie__g{flex:none;line-height:0} .krzan-opinie__stars{display:block;color:#fbbc04;letter-spacing:1px;font-size:16px;margin-bottom:8px;line-height:1} .krzan-opinie__gwiazdka--pusta{color:#dadce0} .krzan-opinie__txt{display:block;font-size:14.5px;color:#404040;line-height:1.6;margin:0;font-style:normal} /* Hero na /wience-online/: warstwa prose przyciemniła biały tytuł na ciemnym zdjęciu */ .entry-content .krzan-whero__title,.entry-content .krzan-whero__sub{color:#fff!important;border-bottom:0;padding-bottom:0} /* Karta produktu: wyrównanie ilości i przycisku „Dodaj do koszyka” */ form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch} form.cart > *:not(.quantity):not(.single_add_to_cart_button){flex:1 1 100%} form.cart .quantity{flex:0 0 auto;margin:0;display:flex} form.cart .quantity .qty{height:54px;width:78px;text-align:center;border:1px solid #d4d4d4;border-radius:4px;font-size:16px;font-family:Karla,sans-serif;margin:0} form.cart .single_add_to_cart_button{flex:1 1 auto;min-height:54px;margin:0;display:inline-flex;align-items:center;justify-content:center} /* Złota wstęga na /oferta/: warstwa prose przyciemniła biały tytuł */ .entry-content .krzan-oband__title{color:#fff!important;border-bottom:0;padding-bottom:0} /* Panel klienta: warstwa prose pozłociła i podkreśliła linki menu oraz kafli — przywrócenie */ .entry-content .krzan-acct__item a{color:#fff!important;text-decoration:none!important} .entry-content .krzan-acct__item a:hover .krzan-acct__label{color:#afa46b} .entry-content .krzan-acct__item a:hover{color:#afa46b!important} .entry-content a.krzan-acct-tile,.entry-content .krzan-acct-tile a{color:inherit!important;text-decoration:none!important} .entry-content .krzan-acct-tile__title{color:#262626} .woocommerce-account .entry-content .krzan-panel a,.woocommerce-account .entry-content .krzan-cc a{text-decoration:none} /* Panel: wszystkie etykiety menu na biało (teksty i ikony), złoto tylko na hover/aktywnym */ .entry-content .krzan-acct__item .krzan-acct__label{color:#fff!important} .entry-content .krzan-acct__item .krzan-acct__ico{color:#fff!important} .entry-content .krzan-acct__item a:hover .krzan-acct__label,.entry-content .krzan-acct__item a:hover .krzan-acct__ico{color:#afa46b!important} .entry-content .krzan-acct__item.is-active .krzan-acct__label,.entry-content .krzan-acct__item.is-active .krzan-acct__ico{color:#afa46b!important} /* Znicz — wariant kompaktowy w prawej kolumnie nekrologu (pod licznikiem odwiedzin) */ .krzan-znicz--mini{margin:16px 0 6px;max-width:none;padding:0;border:0;background:transparent;text-align:left} .krzan-znicz--mini .krzan-znicz__btn{padding:10px 16px;font-size:12.5px;letter-spacing:.07em} .krzan-znicz--mini .krzan-znicz__btn svg{width:12px;height:16px} .krzan-znicz--mini .krzan-znicz__licznik{margin-top:8px;font-size:13px;color:#77746a;text-align:left} .krzan-znicz--mini .krzan-znicz__share{margin-top:4px;font-size:12.5px;color:#8a8578;text-align:left} .krzan-znicz--mini .krzan-znicz__share a,.krzan-znicz--mini .krzan-znicz__share button{font-size:12.5px;padding:0 4px 0 0} /* Przyciski motywu w treści: warstwa prose nie może ich podkreślać ani przebarwiać */ .entry-content a.krzan-btn:not(.krzan-btn--outline),.entry-content a.button{text-decoration:none!important} .entry-content a.krzan-btn--gold{color:#fff!important} .entry-content a.krzan-btn--outline{color:#404040!important} .entry-content a.krzan-btn--gold:hover{color:#fff!important} /* Mobile: przycisk Zamow wieniec (jump) + znicz dotyk */ .entry-content a.krzan-zw__jump{color:#fff !important;text-decoration:none !important} .entry-content a.krzan-zw__jump:hover{color:#fff !important} .krzan-znicz__btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.06)} @media (hover:none){ @media (hover:hover) and (pointer:fine){.krzan-znicz__btn:hover{background:#fff;color:#8d7a45}} @media (hover:hover) and (pointer:fine){.krzan-znicz__btn[disabled]:hover{background:#f3efe0}} } /* Wyszukiwarka w panelu zamowien */ .krzan-zam-szukaj{margin:0 0 18px} .krzan-zam-szukaj input{width:100%;max-width:420px;padding:11px 14px;border:1px solid #ddd8c9;border-radius:4px;font-family:Karla,sans-serif;font-size:15px;color:#262626;background:#fff} .krzan-zam-szukaj input:focus{outline:2px solid #afa46b;border-color:#afa46b} #krzan-zam{scroll-margin-top:120px} /* Panel: wysylka zdjecia kompozycji do klienta */ .krzan-oc__foto{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:4px 0 0;padding:12px 14px;background:#faf9f5;border:1px solid #e8e4d6;border-radius:8px} .krzan-oc__filelbl{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#57544b} .krzan-oc__filelbl input[type=file]{font:inherit;font-size:13px;max-width:230px} .krzan-oc__btn--foto{background:#afa46b;border-color:#afa46b;color:#fff} .krzan-oc__btn--foto:hover{background:#9c9159;border-color:#9c9159;color:#fff} @media (max-width:640px){.krzan-oc__foto{flex-direction:column;align-items:flex-start}.krzan-oc__filelbl{flex-direction:column;align-items:flex-start;gap:4px}} .krzan-oc__fotoinfo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;margin:8px 0 0;padding:10px 12px;background:#eef7f0;border:1px solid #cfe6d6;border-radius:8px} .krzan-oc__fotothumb{width:46px;height:46px;object-fit:cover;border-radius:6px;display:block;flex:0 0 auto} .krzan-oc__fototxt{font-size:13px;line-height:1.45;color:#2f6d4f} .krzan-oc__fototxt a{color:#2f6d4f;text-decoration:underline} .krzan-msg{margin:0 0 16px} .krzan-oc__foto .krzan-oc__btn--foto{background:#afa46b;border-color:#afa46b;color:#fff} .krzan-oc__foto .krzan-oc__btn--foto:hover{background:#9c9159;border-color:#9c9159;color:#fff} /* ===== Panel: UX/UI + debiloodpornosc ===== */ .krzan-acct :focus-visible{outline:3px solid #afa46b;outline-offset:2px;border-radius:4px} .krzan-acct button{cursor:pointer} .krzan-acct button[disabled]{opacity:.55;cursor:progress} .krzan-acct img{max-width:100%;height:auto} .krzan-oc__cust span,.krzan-oc__name,.krzan-cc__name{overflow-wrap:anywhere} .krzan-oc__btn,.krzan-oc__paid,.krzan-oc__save{min-height:44px} .krzan-oc__chips{flex-wrap:wrap} @media (max-width:782px){ .krzan-acct input:not([type=checkbox]):not([type=radio]):not([type=file]),.krzan-acct select,.krzan-acct textarea{font-size:16px;min-height:46px;width:100%;max-width:100%;box-sizing:border-box} .krzan-acct textarea{min-height:96px} .krzan-acct input[type=checkbox]{width:22px;height:22px;flex:0 0 auto} .krzan-acct .krzan-oc__btn,.krzan-acct .krzan-oc__paid,.krzan-acct .krzan-oc__save,.krzan-acct .krzan-cc__btn{width:100%;min-height:48px;font-size:15px;justify-content:center;text-align:center} .krzan-oc__actions{flex-direction:column;align-items:stretch;gap:10px} .krzan-oc__act,.krzan-oc__foto{width:100%} .krzan-oc__cust{display:flex;flex-direction:column;gap:8px} .krzan-oc__mailchk{display:flex;align-items:flex-start;gap:10px;line-height:1.35} .krzan-oc__filelbl{width:100%} .krzan-oc__filelbl input[type=file]{max-width:100%;width:100%} .krzan-ps{display:block} .krzan-ps__fields{margin-top:10px} .krzan-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px} .krzan-tab{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;padding:8px 10px} .krzan-cc__actions{display:flex;flex-wrap:wrap;gap:8px} .krzan-cc__actions>*{flex:1 1 100%} .krzan-panel__h{font-size:20px} } @media (max-width:782px){ .krzan-tabs{grid-template-columns:repeat(3,1fr);gap:6px} .krzan-tab{font-size:12.5px;letter-spacing:.02em;padding:8px 4px} .krzan-acct__burger{width:auto;min-width:66px;height:auto;padding:9px 12px 8px;gap:4px} .krzan-acct__burger span{width:22px} .krzan-acct__burger::after{content:'MENU';font-family:Karla,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:.1em;color:#fff;margin-top:4px} body.krzan-acct-open .krzan-acct__burger::after{content:'ZAMKNIJ'} .krzan-acct-tile{padding:14px 16px} .krzan-acct-tile__title{font-size:17px} .krzan-acct-tile__sub{font-size:12.5px} } @media (max-width:782px){ .krzan-acct__burger,.admin-bar .krzan-acct__burger{top:auto;bottom:18px;left:14px;flex-direction:row;align-items:center;justify-content:center;gap:9px;width:auto;min-width:0;height:48px;padding:0 18px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.34)} .krzan-acct__burger span{display:none} .krzan-acct__burger::before{content:'\2630';color:#fff;font-size:19px;line-height:1} .krzan-acct__burger::after{margin:0} .krzan-acct__content{padding-bottom:86px} } @media (max-width:782px){ .krzan-cc__admin{display:flex;flex-wrap:wrap;gap:8px;width:100%} .krzan-cc__admin>a,.krzan-cc__admin>button{flex:1 1 0;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;font-size:14px} .krzan-cc__share{min-height:46px;padding-left:14px;padding-right:14px} .krzan-cc__chip{white-space:normal;word-break:break-word} } @media (max-width:782px){ .krzan-cc__chip span{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word} .krzan-cc__chip{align-items:flex-start;height:auto;padding-top:10px;padding-bottom:10px} } @media (max-width:782px){ .krzan-cform__grid{grid-template-columns:1fr} .krzan-cform__submit{width:100%;min-height:52px;font-size:16px} .krzan-mo-prod__head{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .krzan-mo-prod__name{flex:1 1 100%} .krzan-mo-prod__qty{flex:0 0 auto;display:flex;align-items:center;gap:8px} .krzan-mo-prod__qty input{width:96px;min-width:96px} .krzan-mo-prod__img{flex:0 0 auto} .krzan-mo-prod__img img{width:64px;height:64px;object-fit:cover;border-radius:6px} } @media (max-width:782px){ .krzan-mo-prod__qty{white-space:nowrap;flex:1 1 100%} } .krzan-mo-szukaj{margin:0 0 14px} .krzan-mo-szukaj input{width:100%;max-width:420px;padding:11px 14px;border:1px solid #ddd8c9;border-radius:6px;font-family:Karla,sans-serif;font-size:15px;color:#262626;background:#fff} .krzan-mo-szukaj input:focus{outline:2px solid #afa46b;border-color:#afa46b} .krzan-mo-info{margin:0 0 10px;font-size:13.5px;color:#57544b} @media (max-width:782px){ .krzan-acct .krzan-mo-prod__qty input[type=number]{width:110px;min-width:110px;max-width:110px;text-align:center} .krzan-acct .krzan-ps__fld input{width:100%} } @media (max-width:782px){ .krzan-acct .krzan-mo-prod__qty input[type=number]{width:110px !important;min-width:110px;max-width:110px !important;text-align:center} } @media (max-width:640px){ .krzan-pp__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .krzan-pp__name{flex:1 1 100%} .krzan-pp__edit,.krzan-pp__save{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center} .krzan-pp__img img{max-width:120px} .krzan-acct-tile{padding:12px 14px} } /* ===== Panel: desktop ===== */ @media (min-width:783px){ .krzan-oc__actions{align-items:center;row-gap:12px} .krzan-oc__act{order:0} .krzan-oc__sent{order:0} .krzan-oc__foto{order:1} .krzan-oc__fotoinfo{order:2} .krzan-oc__actions form:has(.krzan-oc__btn--del){margin-left:auto} .krzan-oc__foto{justify-content:space-between} .krzan-oc__btn{padding-left:18px;padding-right:18px} } @media (min-width:1100px){ .krzan-acct{grid-template-columns:324px minmax(0,1fr)} } /* pelna nazwa kosciola zamiast urwanej + wygodniejsze przyciski kart ceremonii */ .krzan-cc__chip{height:auto;align-items:flex-start;padding-top:9px;padding-bottom:9px} .krzan-cc__chip span{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word} @media (min-width:783px){ .krzan-cc__admin>a,.krzan-cc__admin>button{min-height:42px;min-width:104px;display:inline-flex;align-items:center;justify-content:center} } @media (min-width:1100px){ .krzan-st__grid{grid-template-columns:repeat(5,minmax(0,1fr))} } @media (max-width:782px){ .krzan-st__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .krzan-st__reset{min-height:40px;display:inline-flex;align-items:center;padding:0 10px} } .krzan-st__reset{font-size:12.5px} .krzan-pp__edit{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding-left:16px;padding-right:16px} /* ===== Poradnik: kontrast i czytelnosc (audyt WCAG AA) ===== */ .entry-content .krzan-por-checklist__title, .entry-content .krzan-por-check__desc, .entry-content .krzan-por-quote__cite, .entry-content .krzan-por-outro, .entry-content .krzan-por-toc__helplbl, .entry-content .krzan-por-avail__label, .entry-content .krzan-por-avail__desc, .entry-content .krzan-por-note{color:#5f5c54 !important} .entry-content .krzan-por-toc__title, .entry-content .krzan-por-sec__eyebrow, .entry-content .krzan-por-note__mark{color:#8d7a45 !important} .entry-content .krzan-por-cta__title{color:#fff !important} .entry-content .krzan-por-cta__desc, .entry-content .krzan-por-cta__lead, .entry-content .krzan-por-cta__note{color:#e6e2d7 !important} .entry-content a.krzan-por-cta__btn{text-decoration:none !important} .entry-content a.krzan-por-cta__btn--gold{color:#1c1c1c !important;font-weight:700} .entry-content a.krzan-por-cta__btn--gold:hover{background:#bcb27c;color:#1c1c1c !important} .entry-content a.krzan-por-cta__btn--ghost{color:#f2efe6 !important;border-color:#6c6a63} .entry-content a.krzan-por-cta__btn--ghost:hover{border-color:#afa46b;color:#fff !important} .krzan-por-acc__btn{min-height:56px} .krzan-por-acc__btn[aria-expanded="true"]{background:#faf9f5} .entry-content .krzan-por-toc__title, .entry-content .krzan-por-sec__eyebrow, .entry-content .krzan-por-note__mark{color:#7d6b3e !important} .entry-content .krzan-por-toc__num{color:#1c1c1c !important;font-weight:700} /* Lista artykulow poradnika: bez podkreslania calego bloku */ .entry-content a.krzan-por-lista__link{text-decoration:none !important} .entry-content a.krzan-por-lista__link .krzan-por-lista__tt{text-decoration:none} .entry-content a.krzan-por-lista__link:hover .krzan-por-lista__tt{text-decoration:underline;text-underline-offset:3px} .entry-content a.krzan-por-lista__link .krzan-por-lista__nr{color:#7d6b3e} .entry-content a.krzan-por-lista__link .krzan-por-lista__op{color:#5f5c54} /* Akordeon: otwarty panel nigdy nie ucina tresci (staly max-height psul sie po zmianie szerokosci) */ .krzan-por-acc__btn[aria-expanded="true"] + .krzan-por-acc__panel{max-height:none !important;overflow:visible} @media (max-width:782px){ .krzan-por-cta{padding:22px 18px} .entry-content a.krzan-por-cta__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;box-sizing:border-box} .krzan-por-cta__btn+.krzan-por-cta__btn{margin-top:10px} .krzan-por-acc__btn{min-height:60px;padding-top:14px;padding-bottom:14px;text-align:left} .krzan-por-acc__btn span{line-height:1.35} .krzan-por-toc__link{min-height:44px;display:flex;align-items:center} } /* Globalny kontrast: token --bw400 uzywany wylacznie jako kolor tekstu dawal 2,5:1 (norma 4,5:1). */ :root{--bw400:#6b6b6b;--bw500:#5c5c5c} /* Male etykiety 11px: czerwien i zloto na bieli mialy 2,5-4,0:1 */ .krzan-fo-doc__tag{color:#7d6b3e} .krzan-fo-doc__tag[class*=pdf],.krzan-fo-doc__tag--pdf{color:#b02020} .krzan-fo-cat__badge{color:#7d6b3e} /* Zlote przyciski w ciemnych blokach: bialy napis na zlocie to 2,5:1 — ciemny daje 8,9:1 */ main a[class*="__btn--gold"],.entry-content a[class*="__btn--gold"]{color:#1c1c1c !important;font-weight:700;text-decoration:none !important} main a[class*="__btn--gold"] span,.entry-content a[class*="__btn--gold"] span,main a[class*="__btn--gold"] svg,.entry-content a[class*="__btn--gold"] svg{color:#1c1c1c !important} .entry-content .krzan-por-lista__meta,.krzan-por-lista__meta{color:#6b6659} .krzan-zus__link{color:#7d6b3e} /* Opinie Google: kontrast */ .krzan-opinie__sub b,.entry-content .krzan-opinie__sub b{color:#7d6b3e} .krzan-opinie__avatar{color:#1c1c1c !important;font-weight:700} .krzan-opinie__czas,.entry-content .krzan-opinie__czas{color:#6b6659} .krzan-kform__pilne a,.krzan-kform__pilne b,.entry-content .krzan-kform__pilne a{color:#7d6b3e} /* ===== Zlote przyciski: tlo #82743a zamiast #afa46b — bialy napis osiaga 4,6:1 ===== */ .wp-block-button__link,.wp-element-button,.krzan-kform__btn,.krzan-btn--gold,.krzan-btn:not(.krzan-btn--outline),.krzan-header__cta,.krzan-mobilenav__cta,.krzan-zw__jump{background-color:#82743a !important;color:#fff !important} .wp-block-button__link:hover,.wp-element-button:hover,.krzan-kform__btn:hover,.krzan-btn--gold:hover,.krzan-btn:not(.krzan-btn--outline):hover,.krzan-header__cta:hover,.krzan-mobilenav__cta:hover,.krzan-zw__jump:hover{background-color:#7a6d36 !important;color:#fff !important} .krzan-kform__pyt-info a,.krzan-kform a{color:#73623a} .krzan-cer-card__views,.krzan-cer-card__views span{color:#5f6266} .krzan-opinie__wiecej a,.entry-content .krzan-opinie__wiecej a{color:#73623a} /* Paginacja sklepu: aktywna strona bialy napis na zlocie 2,5:1 */ .page-numbers.current,span.page-numbers.current{background-color:#82743a !important;color:#fff !important} .woocommerce-breadcrumb a,.woocommerce-breadcrumb{color:#73623a} /* Wience online: kontrast */ .krzan-wkat__ile,.entry-content .krzan-wkat__ile{color:#6b6659} .krzan-wkat__cena,.entry-content .krzan-wkat__cena{color:#73623a} .krzan-step__num{background:#82743a !important;color:#fff !important} /* === HOME MOBILE: hero -> ceremonie bez przerwy, prosty akapit uslug === */ @media(max-width:767px){ .krzan-hero.wp-block-cover{overflow:hidden !important} .krzan-hero .wp-block-cover__inner-container{padding-bottom:26px !important} .krzan-hero .wp-block-cover__inner-container>.krzan-hero__textsec{margin-bottom:0 !important} .krzan-hero__svc{margin-bottom:18px !important} .krzan-hero__svc:last-child{margin-bottom:0 !important} .krzan-cer{padding-top:30px !important} .krzan-services__desc{text-align:left !important;max-width:100% !important;font-size:14px !important;line-height:1.65 !important;text-wrap:pretty;margin-bottom:26px !important} } @media(min-width:768px){.krzan-services__desc{text-wrap:balance}} /* brak ceremonii: statyczny przycisk "Zobacz pelna liste" ustepuje przyciskowi do archiwum */ .krzan-cer:has(.krzan-cer__count--empty) .krzan-cer__more:not(.krzan-cer__more--arch){display:none !important} .krzan-cer__more--arch{display:flex;justify-content:center;margin-top:18px} /* === WIENCE-ONLINE: filtry katalogu (te same chipy co na klepsydrze) === */ .krzan-wkat [hidden]{display:none !important} .krzan-wkat__filters{margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid #e3e1da;text-align:left} .krzan-wkat__filters .krzan-zw__filtertoggle{padding:10px 0;font:700 14px/1.2 Karla,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#1c1c1c;cursor:pointer} .krzan-wkat__frow{justify-content:space-between;margin-top:6px} .krzan-wkat__wynik{font:500 14px/1.4 Karla,sans-serif;color:#5c5c5c} .krzan-wkat__clear,.krzan-wkat__pusto button{background:#fff;border:1px solid #82743a;color:#82743a;border-radius:6px;padding:8px 14px;font:700 14px/1.2 Karla,sans-serif;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;min-height:40px} .krzan-wkat__clear:hover,.krzan-wkat__clear:focus-visible,.krzan-wkat__pusto button:hover,.krzan-wkat__pusto button:focus-visible{background:#82743a;color:#fff;outline:none} .krzan-wkat__pusto{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;margin:0;padding:28px 16px;font:400 16px/1.5 Karla,sans-serif;color:#3a3a3a;background:#fff;border:1px dashed #d9d5c8;border-radius:10px} .krzan-chip--on{background:#82743a !important;border-color:#82743a !important;color:#fff !important} .krzan-chip:focus-visible{outline:2px solid #1c1c1c;outline-offset:2px} .krzan-wkat--filtered .krzan-wkat__grupa{margin-top:0} @media(max-width:767px){ .krzan-wkat__filters .krzan-zw__filterlbl{width:100%;font-size:13px} .krzan-wkat__filters .krzan-zw__filterrow{gap:8px} .krzan-wkat__filters .krzan-chip{font-size:14px;line-height:22px;padding:8px 12px !important;min-height:40px} .krzan-wkat__frow{flex-direction:column;align-items:stretch} .krzan-wkat__clear{width:100%} } /* === WIENCE-ONLINE: toggle mobile jako przycisk === */ @media(max-width:767px){ .krzan-wkat__filters{border-bottom:0;padding-bottom:0;margin-bottom:22px} .krzan-wkat__filters[data-open="1"]{border-bottom:1px solid #e3e1da;padding-bottom:16px} .krzan-wkat__filters .krzan-zw__filtertoggle{border:1px solid #82743a;border-radius:6px;color:#82743a;padding:12px 14px;min-height:46px;justify-content:center;background:#fff} .krzan-wkat__filters .krzan-zw__filtertoggle .krzan-zw__ftarrow{color:#82743a} .krzan-wkat__filters[data-open="1"] .krzan-zw__filtertoggle{background:#82743a;color:#fff} .krzan-wkat__filters[data-open="1"] .krzan-zw__filtertoggle .krzan-zw__ftarrow{color:#fff} .krzan-wkat__filters .krzan-zw__filterbody{margin-top:16px} } /* === MIEJSCOWOSCI: nowe bloki (ceremonie, FAQ, sasiedzi) + stopka + obszar na home === */ .krzan-msc__tel{background:#82743a !important} .krzan-msc__tel:hover,.krzan-msc__tel:focus-visible{background:#6f6330 !important} .krzan-msc__cer{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px} .krzan-msc__cer li{background:#fff;border:1px solid #e6e3da;border-radius:8px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font-size:15px;line-height:1.5} .krzan-msc__cer li a{font-family:Forum,Georgia,serif;font-size:19px;color:#171717;text-decoration:none;flex:1 1 100%} .krzan-msc__cer li a:hover,.krzan-msc__cer li a:focus-visible{color:#73623a;text-decoration:underline} .krzan-msc__cer-d{font-weight:700;color:#3a3a3a} .krzan-msc__cer-l{color:#5c5c5c} .krzan-msc__cer-more{font-size:15px} .krzan-msc__faq{display:grid;gap:8px;margin:0 0 18px} .krzan-msc__q{background:#fff;border:1px solid #e6e3da;border-radius:8px;padding:0} .krzan-msc__q summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:700;font-size:16px;line-height:1.45;color:#171717;list-style:none;position:relative} .krzan-msc__q summary::-webkit-details-marker{display:none} .krzan-msc__q summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:#82743a;font-weight:400} .krzan-msc__q[open] summary::after{content:'\2212'} .krzan-msc__q summary:hover{color:#73623a} .krzan-msc__q summary:focus-visible{outline:2px solid #1c1c1c;outline-offset:-2px;border-radius:8px} .krzan-msc .krzan-msc__q p{padding:0 16px 16px;margin:0} .krzan-msc__q a,.krzan-msc__sas a,.krzan-msc__cer-more a{color:#73623a;text-decoration:underline;text-underline-offset:3px} .krzan-msc__sas{font-size:16px;line-height:2} .krzan-msc__sas a{font-weight:700} .krzan-footer__area{background:#f7f5ee;border-top:1px solid rgba(175,164,107,.35)} .krzan-footer__areainner{max-width:1536px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline} .krzan-footer__arealbl,.krzan-footer__arealinks{margin:0 !important;font-family:Karla,sans-serif;font-size:13px;line-height:1.9;color:#5c5c5c} .krzan-footer__arealbl{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#3a3a3a} .krzan-footer__arealinks a{color:#3a3a3a;text-decoration:none} .krzan-footer__arealinks a:hover,.krzan-footer__arealinks a:focus-visible{color:#73623a;text-decoration:underline} /* --- Obszar dzialania: karty jak w reszcie serwisu (2026-09-07) --- */ .krzan-area{background:#f5f5f5;padding:56px 24px;margin:0 !important;border-top:1px solid #e8e5da} .krzan-area__inner{max-width:1180px;margin:0 auto;text-align:center;box-sizing:border-box} .krzan-area__title{font-family:Forum,Georgia,serif;font-weight:400;font-size:clamp(30px,2.08vw,40px);line-height:1.1;color:#262626;margin:0 auto 16px} .krzan-area__lead{max-width:720px;margin:0 auto 30px;font-size:16px;line-height:1.7;color:#3a3a3a;text-wrap:pretty} .krzan-area__grid{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .krzan-area__item{margin:0;padding:0} .krzan-area__item::before{content:none !important} .krzan-area__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:98px;height:100%;padding:18px 14px;background:#fff;border-radius:6px;box-shadow:0 14px 44px -30px rgba(0,0,0,.3);text-decoration:none !important;box-sizing:border-box} .krzan-area__link:hover,.krzan-area__link:focus-visible{box-shadow:0 16px 36px -24px rgba(0,0,0,.45);outline:none} .krzan-area__link:focus-visible{box-shadow:0 0 0 2px #82743a} .krzan-area__n{font-family:Forum,Georgia,serif;font-weight:400;font-size:21px;line-height:1.2;color:#171717} .krzan-area__km{font-family:Karla,sans-serif;font-size:13px;line-height:1.4;color:#6b6659;letter-spacing:.01em} .krzan-area__link:hover .krzan-area__n{color:#73623a} .krzan-area__btns{display:flex;justify-content:center;margin:0} @media(max-width:899px){.krzan-area__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){ .krzan-area{padding:44px 16px} .krzan-area__lead{text-align:left;text-wrap:initial;font-size:15px;margin-bottom:24px} .krzan-area__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px} .krzan-area__link{min-height:86px;padding:14px 10px} .krzan-area__n{font-size:18px} .krzan-area__km{font-size:12px} .krzan-footer__areainner{padding:14px 16px} .krzan-msc__cer li a{font-size:18px} } /* === NEKROLOGI: hub /nekrologi/ (filtr miejscowosci) === */ .krzan-nek [hidden]{display:none !important} .krzan-cer--nek .krzan-nek__lead{max-width:820px;margin:0 auto 26px;text-align:center;font-size:16.5px;line-height:1.7;color:#3a3a3a;text-wrap:pretty} .krzan-nek__filtr{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0 0 34px;padding:16px;background:#fff;border:1px solid #e6e3da;border-radius:10px} .krzan-nek__lbl{font:700 13px/1.2 Karla,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#1c1c1c;margin-right:4px} .krzan-nek__filtr .krzan-chip{gap:6px} .krzan-nek__n{display:inline-block;min-width:22px;padding:1px 6px;border-radius:11px;background:rgba(0,0,0,.08);font-size:12px;font-weight:700;line-height:18px;text-align:center} .krzan-chip--on .krzan-nek__n{background:rgba(255,255,255,.25)} .krzan-nek__h2{margin-top:10px} .krzan-cer--nek .krzan-cer__grid{margin-bottom:38px} .krzan-nek__pusto{display:flex;flex-direction:column;gap:12px;align-items:center;padding:26px 16px;background:#fff;border:1px dashed #d9d5c8;border-radius:10px} .krzan-nek__clear{background:#fff;border:1px solid #82743a;color:#82743a;border-radius:6px;padding:8px 14px;font:700 14px/1.2 Karla,sans-serif;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;min-height:40px} .krzan-nek__clear:hover,.krzan-nek__clear:focus-visible{background:#82743a;color:#fff} @media(max-width:767px){.krzan-cer--nek .krzan-nek__lead{text-align:left;text-wrap:initial}.krzan-nek__filtr{justify-content:flex-start;padding:12px}.krzan-nek__lbl{width:100%}.krzan-nek__filtr .krzan-chip{font-size:14px;padding:8px 12px !important}} /* === NEKROLOGI (page 898): hero bez tla, widoczny H1 w stylu tytulow sekcji === */ .page-id-898 .content-area{margin-top:0 !important;padding-top:0 !important} .page-id-898 .entry-content-wrap{padding-top:0 !important} body.page-id-898 .entry-hero.page-hero-section,body.page-id-898 .entry-hero-container-inner,body.page-id-898 .entry-hero .hero-container,body.page-id-898 .entry-hero .entry-header{background:none transparent !important;box-shadow:none !important;border:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important} body.page-id-898 .entry-hero .entry-hero-container-inner::before,body.page-id-898 .entry-hero .entry-hero-container-inner::after{content:none !important;display:none !important} body.page-id-898 .entry-hero .entry-title{font-family:Forum,Georgia,serif !important;font-weight:400 !important;font-size:clamp(28px,4vw,40px) !important;line-height:1.2;color:#171717;margin:118px auto 0 !important;padding:0 20px;text-align:center;max-width:900px} .page-id-898 .krzan-cer--nek{padding-top:22px !important} @media(max-width:767px){body.page-id-898 .entry-hero .entry-title{margin-top:104px !important;padding:0 16px}} /* === UX HOME 2026-09-06: stopka miejscowosci, hero motto jako

=== */ /* stopka: nazwy miejscowosci nie lamia sie w polowie, rowne odstepy */ .krzan-footer__areainner{display:block;padding:16px 24px 14px} .krzan-footer__arealbl{margin:0 0 4px !important} .krzan-footer__arealinks{display:flex;flex-wrap:wrap;gap:6px 16px;line-height:1.6;margin:0 !important} .krzan-footer__arealinks a{white-space:nowrap} .krzan-footer__arealinks span{display:none} /* hero: motto jako akapit dziedziczy style tytulu; H1 = nazwa */ p.krzan-hero__title{margin-bottom:0} @media(max-width:767px){p.krzan-hero__title{margin:24px 0 22px !important}} /* uslugi: siatka bez baneru - rowne trzy kolumny, ostatni rzad wyrownany */ .krzan-services__grid{align-items:stretch} /* hero H1 nazwa w jednej linii na desktopie, czytelna interlinia na mobile */ @media(min-width:768px){h1.krzan-hero__sub{font-size:clamp(26px,3vw,40px) !important;line-height:1.2 !important;text-wrap:balance}} @media(max-width:767px){h1.krzan-hero__sub{font-size:26px !important;line-height:1.25 !important}} /* === BELKA POD HERO + ZASILEK ZUS (2026-09-07) === Ikony wyjechaly z fotografii do wlasnej, jasnej belki (byly nieczytelne na zdjeciu i wystawaly poza hero). Pasek o zasilku przestaje byc szara ramka - jest bialym pasem w tej samej siatce co reszta strony. */ .krzan-strip{background:#fff;border-top:1px solid #e8e5da;padding:20px max(24px,calc((100% - 1080px)/2)) !important;margin:0 !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:0 34px !important;position:relative;z-index:2} .krzan-strip .krzan-hero__svc{display:flex;align-items:center;gap:14px;margin:0;width:auto;height:auto;position:static} .krzan-strip .krzan-hero__svc-ico{margin:0;flex:none;line-height:0} .krzan-strip .krzan-hero__svc-ico img{width:42px;height:42px;display:block} .krzan-strip .krzan-hero__svc-label{margin:0;font-family:Karla,sans-serif;font-weight:700;font-size:12.5px;line-height:1.35;letter-spacing:.09em;text-transform:uppercase;color:#3a3a3a;max-width:200px} .krzan-strip .krzan-hero__svc-div{display:block;width:1px;min-height:38px;align-self:center;background:#e2ded1;margin:0;padding:0;flex:none} @media(max-width:767px){ .krzan-strip{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;padding:4px 12px 22px !important;text-align:center;background:#f5f5f5 !important;border-top:0 !important} .krzan-strip .krzan-hero__svc{flex-direction:column;align-items:center;gap:8px;width:auto !important;margin:0 !important} .krzan-strip .krzan-hero__svc-ico img{width:36px;height:36px} .krzan-strip .krzan-hero__svc-label{font-size:10.5px;letter-spacing:.05em;max-width:none;line-height:1.3} .krzan-strip .krzan-hero__svc-div{display:none} } /* zasilek: bialy pas, tresc w tej samej kolumnie co reszta */ .krzan-zus{background:#fff !important;border:0 !important;border-top:1px solid #e8e5da !important;border-radius:0 !important;max-width:none !important;margin:0 !important;padding:30px max(24px,calc((100% - 1080px)/2)) !important;gap:20px 28px} .krzan-zus__h{font-size:clamp(21px,1.7vw,26px);margin:0 0 7px} .krzan-zus__p{font-size:15.5px;line-height:1.65;color:#4a4a4a;max-width:62ch} .krzan-zus__link{border-radius:6px;padding:13px 22px;min-height:46px;display:inline-flex;align-items:center;border-color:#82743a;color:#73623a} .krzan-zus__link:hover,.krzan-zus__link:focus-visible{background:#82743a;color:#fff;border-color:#82743a;outline:none} @media(max-width:767px){.krzan-zus{background:#f5f5f5 !important;border-top:0 !important;padding:2px 16px 32px !important;gap:14px}.krzan-zus__link{width:100%;justify-content:center}} /* dlugosc wiersza we wstepie uslug (audyt 2026-09-07) */ @media(min-width:768px){.krzan-services__desc{max-width:720px !important;margin-left:auto !important;margin-right:auto !important;font-size:16px;line-height:1.65}} /* === AUDYT WIZUALNY 2026-09-07: klikalne karty, telefon w hero, kontrast, skala, galeria === */ /* karty uslug i pozycje w belce klikalne w calosci */ .krzan-card{position:relative} .krzan-card__title a{color:inherit;text-decoration:none !important} .krzan-card__title a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:6px} .krzan-card:hover{box-shadow:0 18px 40px -26px rgba(0,0,0,.45)} .krzan-card:hover .krzan-card__title a{color:#73623a} .krzan-card__title a:focus-visible::after{outline:2px solid #82743a;outline-offset:3px} .krzan-strip .krzan-hero__svc{position:relative} .krzan-strip .krzan-hero__svc-label a{color:inherit;text-decoration:none !important} .krzan-strip .krzan-hero__svc-label a::after{content:"";position:absolute;inset:-10px;z-index:2;border-radius:6px} .krzan-strip .krzan-hero__svc:hover .krzan-hero__svc-label a{color:#73623a} .krzan-strip .krzan-hero__svc-label a:focus-visible::after{outline:2px solid #82743a} /* przycisk telefonu w hero - tylko mobile, desktop ma karte kontaktowa */ .krzan-hero__tel{display:none} @media(max-width:767px){ .krzan-hero__tel{display:flex;align-self:stretch;width:100%;box-sizing:border-box;align-items:center;justify-content:center;gap:12px;margin:22px 0 2px;padding:13px 18px;min-height:56px;background:#82743a;color:#fff !important;border-radius:8px;text-decoration:none !important;box-shadow:0 10px 26px -18px rgba(0,0,0,.55)} .krzan-hero__tel svg{flex:none} .krzan-hero__tel b{display:block;font:700 11.5px/1.2 Karla,sans-serif;letter-spacing:.09em;text-transform:uppercase;opacity:.92} .krzan-hero__tel em{display:block;font:700 21px/1.2 Karla,sans-serif;font-style:normal;letter-spacing:.02em} .krzan-hero__tel:focus-visible{outline:3px solid #1c1c1c;outline-offset:2px} } /* kontrast okraglego przycisku telefonu (bylo 2,5:1) */ .krzan-cta-call{background:#82743a !important;color:#fff !important} /* jedna skala naglowkow i tekstu */ .krzan-zus__h{font-size:30px !important} .krzan-about__title,.krzan-mainc__title{font-size:30px !important} .krzan-opinie__h{font-size:30px !important} @media(max-width:767px){ .krzan-zus__h,.krzan-about__title,.krzan-mainc__title,.krzan-opinie__h{font-size:26px !important} .krzan-cer__title,.krzan-services__title,.krzan-gal__title,.krzan-area__title{font-size:26px !important} .krzan-hero__desc{font-size:15px !important;line-height:1.6 !important} .krzan-about__p,.krzan-mainc__p,.krzan-services__desc,.krzan-cer__count{font-size:16px !important;line-height:1.62 !important} .krzan-card__desc{font-size:15px !important;line-height:1.6 !important} .krzan-strip .krzan-hero__svc-label{font-size:12px !important;line-height:1.45 !important;letter-spacing:.05em} } /* galeria: rowne kafle 4:3 zamiast rzedow o roznej wysokosci */ .krzan-gal__grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important} .krzan-gal__col{display:contents !important} .krzan-gal__img{margin:0 !important;width:auto !important;aspect-ratio:4/3 !important;overflow:hidden;border-radius:6px} .krzan-gal__img img{width:100% !important;height:100% !important;object-fit:cover;display:block} @media(max-width:767px){.krzan-gal__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}} /* lista ostatnich pozegnan, gdy nie ma nadchodzacych ceremonii */ .krzan-cer__count--empty{max-width:720px;margin:0 auto 20px} .krzan-cer__ost{list-style:none;max-width:760px;margin:0 auto 24px;padding:0;display:grid;gap:10px;text-align:left} .krzan-cer__ost li{background:#fff;border:1px solid #e6e3da;border-radius:8px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:3px 14px;align-items:baseline;font-family:Karla,sans-serif;font-size:15px;line-height:1.5} .krzan-cer__ost li::before{content:none !important} .krzan-cer__ost li a{flex:1 1 100%;font-family:Forum,Georgia,serif;font-size:19px;line-height:1.25;color:#171717;text-decoration:none !important} .krzan-cer__ost li a:hover,.krzan-cer__ost li a:focus-visible{color:#73623a;text-decoration:underline !important} .krzan-cer__ost-d{font-weight:700;color:#3a3a3a;font-variant-numeric:tabular-nums} .krzan-cer__ost-l{color:#5c5c5c} @media(max-width:767px){.krzan-cer__ost{gap:8px}.krzan-cer__ost li{padding:11px 14px;font-size:14px}.krzan-cer__ost li a{font-size:18px}} /* mobile: zwarte karty uslug - sekcja miala 1811px */ @media(max-width:767px){ .krzan-card{display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;gap:4px 14px !important;align-items:start !important;text-align:left !important;padding:18px 16px !important} .krzan-card__ico{grid-row:1 / span 2;margin:0 !important;align-self:center} .krzan-card__title{text-align:left !important;margin:0 !important;font-size:19px !important} .krzan-card__desc{text-align:left !important;margin:2px 0 0 !important} } /* === KOREKTA KART MOBILE 2026-09-07 === */ @media(max-width:767px){ .krzan-services__grid{gap:12px !important} .krzan-services__grid .krzan-card{margin:0 !important} .krzan-card__ico{align-self:start !important;margin-top:1px !important} } /* === RWD OBSZAR DZIALANIA + MARGINESY BOCZNE 2026-09-07 === */ .krzan-area{box-sizing:border-box;padding-left:24px !important;padding-right:24px !important} .krzan-area__grid{padding:0 !important;margin-left:0 !important;margin-right:0 !important;list-style:none !important} .krzan-area__link{box-sizing:border-box} .krzan-area__lead{margin-left:auto !important;margin-right:auto !important} .krzan-opinie__h{box-sizing:border-box;padding-left:15px;padding-right:15px} @media(max-width:767px){ .krzan-area{padding-left:15px !important;padding-right:15px !important} .krzan-area__grid{gap:12px !important;margin-bottom:22px !important} .krzan-area__link{min-height:82px;padding:14px 10px} .krzan-area__n{font-size:17px} .krzan-area__km{font-size:12px} } @media(max-width:359px){ .krzan-area__grid{gap:10px !important} .krzan-area__link{min-height:72px;padding:12px 6px} .krzan-area__n{font-size:16px} .krzan-area__km{font-size:11px} .krzan-strip .krzan-hero__svc-label{font-size:10.5px !important;letter-spacing:.02em !important;line-height:1.3 !important} .krzan-strip{gap:8px !important;padding-left:10px !important;padding-right:10px !important} } /* starsze przegladarki bez aspect-ratio (Safari < 15) */ @supports not (aspect-ratio:4/3){ .krzan-gal__img{height:0 !important;padding-bottom:75%;position:relative} .krzan-gal__img img{position:absolute;top:0;left:0} } /* starsze przegladarki bez inset (Safari < 14.1) */ .krzan-card__title a::after,.krzan-strip__item a::after{top:0;right:0;bottom:0;left:0} /* === GALERIA MOBILE ROWNE RZEDY 2026-09-07 === */ @media(max-width:767px){ .krzan-gal__col:nth-child(2) .krzan-gal__img:nth-of-type(2){display:block !important} .krzan-gal__col:nth-child(4){display:none !important} } /* ===================================================================== * PORADNIK - spojna kolumna tekstu i czytelnosc (2026-09-07) * Bylo: H1 na calej szerokosci 970px, tekst w kolumnie 640px (tytul * zaczynal sie 165px na lewo od tresci), spis tresci wysrodkowany, * kotwice ze spisu chowaly sie pod przyklejonym naglowkiem strony. * ===================================================================== */ .single-krzan_poradnik .entry-header, .single-krzan_poradnik .entry-content > *{max-width:720px !important;margin-left:auto !important;margin-right:auto !important} .single-krzan_poradnik .entry-title{font-size:clamp(28px,3.2vw,40px) !important;line-height:1.18 !important;margin:0 !important;text-wrap:balance} .single-krzan_poradnik .krzan-por-updated{font-size:13px !important;letter-spacing:.02em;color:#6f6a5e;margin:8px auto 30px !important} /* kotwice ze spisu tresci nie chowaja sie pod naglowkiem */ .single-krzan_poradnik .entry-content [id]{scroll-margin-top:100px} /* rytm sekcji */ .single-krzan_poradnik .entry-content h2{margin-top:56px !important;font-size:27px !important;line-height:1.28 !important} .single-krzan_poradnik .entry-content h3{margin-top:34px !important;font-size:20px !important;line-height:1.35 !important} .single-krzan_poradnik .entry-content p{line-height:1.72} .single-krzan_poradnik .entry-content ul{padding-left:22px} .single-krzan_poradnik .entry-content ul li{margin-bottom:9px;line-height:1.6} .single-krzan_poradnik .entry-content ul li::marker{color:#afa46b} .single-krzan_poradnik .krzan-por-toc + p{font-size:19px;line-height:1.62} /* spis tresci: do lewej, pelna szerokosc pudelka, ciasniejsze wiersze */ .single-krzan_poradnik .krzan-por-toc{padding:20px 24px 14px !important;margin-bottom:34px !important} .single-krzan_poradnik .krzan-por-toc__title{width:auto !important;margin:0 0 12px !important;padding:0 0 12px !important;font-size:12px !important;letter-spacing:.14em !important;border-bottom:1px solid rgba(0,0,0,.08)} .single-krzan_poradnik .krzan-por-toc ol{width:auto !important;margin-left:0 !important;margin-right:0 !important} .single-krzan_poradnik .krzan-por-toc li{margin-bottom:0 !important} .single-krzan_poradnik .krzan-por-toc li a{display:block;padding:5px 0;line-height:1.35} /* pytania i odpowiedzi jako karty */ .single-krzan_poradnik .krzan-por-faq__item{background:#fff;border:1px solid #e8e5da;border-radius:8px;padding:20px 22px;margin-bottom:12px} .single-krzan_poradnik .krzan-por-faq__q{font-weight:700 !important;font-size:17px !important;line-height:1.4 !important;margin:0 0 8px !important} .single-krzan_poradnik .krzan-por-faq__a{margin:0 !important;line-height:1.65} @media(max-width:767px){ .single-krzan_poradnik .entry-title{font-size:27px !important;line-height:1.22 !important} .single-krzan_poradnik .entry-content p, .single-krzan_poradnik .entry-content li{font-size:17px !important} .single-krzan_poradnik .krzan-por-toc + p{font-size:18px} .single-krzan_poradnik .entry-content h2{margin-top:42px !important;font-size:23px !important} .single-krzan_poradnik .entry-content h3{font-size:19px !important} .single-krzan_poradnik .krzan-por-toc{padding:18px 18px 10px !important;margin-bottom:28px !important} .single-krzan_poradnik .krzan-por-faq__item{padding:16px 16px} .single-krzan_poradnik .entry-content [id]{scroll-margin-top:84px} } /* === LIGHTBOX: blokada przewijania tla (2026-09-07) === */ body.krzan-lb-open{position:fixed !important;left:0;right:0;width:100%;overflow:hidden !important;overscroll-behavior:none} .krzan-lb,.krzan-lbz,.krzan-zoom{overscroll-behavior:contain} /* === TERMIN 3 H DLA WIAZANEK DO REKI (2026-09-07) === */ .krzan-zw__szybkie{margin:8px 0 0;font-size:14px;line-height:1.5;color:#5c5647} .krzan-zw__szybkie--only{color:#82743a;font-weight:600} /* === FILTRY: przygaszone opcje bez wynikow (2026-09-07) === */ .krzan-zw__filters .krzan-chip--empty, .krzan-wkat__filters .krzan-chip--empty, .krzan-chip--empty{opacity:.35 !important;cursor:not-allowed !important;pointer-events:none;text-decoration:line-through;text-decoration-thickness:1px} /* === PORADNIK: karta z faktami (2026-09-07) === */ .krzan-por-fakty{background:#f7f5ee;border:1px solid #e8e2cf;border-left:3px solid #afa46b;border-radius:0 8px 8px 0;padding:22px 24px;margin:26px auto 30px} .krzan-por-fakty__title{margin:0 0 14px;font-family:Karla,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6f6a5e} .krzan-por-fakty__kwota{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:2px} .krzan-por-fakty__kwota b{font-family:Forum,Georgia,serif;font-weight:400;font-size:44px;line-height:1;color:#82743a} .krzan-por-fakty__kwota span{font-size:15px;color:#5c5647} .krzan-por-fakty__lista{margin:0;display:grid;gap:10px} .krzan-por-fakty__lista>div{display:grid;grid-template-columns:minmax(140px,34%) 1fr;gap:4px 16px} .krzan-por-fakty__lista dt{margin:0;font-weight:700;font-size:15px;color:#1c1c1c} .krzan-por-fakty__lista dd{margin:0;font-size:15px;color:#4a463d} .single-krzan_poradnik .krzan-por-checklist{margin:26px auto 30px} @media(max-width:600px){ .krzan-por-fakty{padding:18px} .krzan-por-fakty__kwota b{font-size:38px} .krzan-por-fakty__lista>div{grid-template-columns:1fr;gap:2px} .krzan-por-fakty__lista dt{font-size:14px} } /* === GOTOWE NAPISY NA SZARFE 2026-09-07 ======================= */ .krzan-szarfa{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px} .krzan-szarfa__lbl{flex:0 0 100%;font-size:13px;line-height:1.45;color:#5c5647;margin:0 0 2px} .krzan-szarfa__chip{ appearance:none;border:1px solid #d8d3c2;background:#fff;color:#3f3b32; font-family:inherit;font-size:13px;line-height:1.25; padding:7px 11px;border-radius:999px;cursor:pointer; transition:border-color .15s,background-color .15s,color .15s; } .krzan-szarfa__chip:hover{border-color:#afa46b;background:#f7f5ee} .krzan-szarfa__chip.is-on{border-color:#82743a;background:#82743a;color:#fff} .krzan-szarfa__chip--alt{background:#f5f5f5;color:#5c5647;border-style:dashed} .krzan-szarfa__chip--alt.is-on{background:#5c5647;border-color:#5c5647;color:#fff} .krzan-szarfa__chip:focus-visible{outline:3px solid #82743a;outline-offset:2px} @media (max-width:600px){ .krzan-szarfa{gap:7px} .krzan-szarfa__chip{font-size:14px;padding:11px 14px;min-height:44px} .krzan-szarfa__lbl{font-size:12.5px} } /* === DROBNE POPRAWKI UX FORMULARZY 2026-09-07 ================= */ /* iOS przybliza ekran przy polach ponizej 16px - blokujemy to. */ @media (max-width:767px){ input[type="text"],input[type="tel"],input[type="email"],input[type="number"], input[type="search"],input[type="password"],input[type="datetime-local"], select,textarea{font-size:16px !important} .krzan-cart__qtybtn,.quantity .plus,.quantity .minus{ min-width:44px !important;min-height:44px !important; } } /* === LEJEK: WYJASNIENIE, SZKIELETY, RATUNEK 2026-09-07 ========= */ .krzan-zw__wyjasnienie{ max-width:640px;margin:0 auto 22px;padding:14px 18px; background:#f7f5ee;border-left:3px solid #afa46b;border-radius:0 6px 6px 0; font-size:15.5px;line-height:1.55;color:#4a4437; } .krzan-zw__czekaj{margin:22px 0 0} .krzan-zw__szkielety{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .krzan-zw__szkielet{ height:230px;border-radius:8px;background:#eceae4; background-image:linear-gradient(100deg,#eceae4 30%,#f6f5f1 50%,#eceae4 70%); background-size:220% 100%;animation:krzanSzkielet 1.5s linear infinite; } @keyframes krzanSzkielet{from{background-position:180% 0}to{background-position:-20% 0}} @media (prefers-reduced-motion:reduce){.krzan-zw__szkielet{animation:none}} @media (min-width:768px){.krzan-zw__szkielety{grid-template-columns:repeat(4,1fr)}} .krzan-zw__ratunek{ margin:16px 0 0;padding:14px 18px;background:#fff;border:1px solid #e2ddcd; border-radius:8px;font-size:15.5px;line-height:1.6;color:#4a4437; } .krzan-zw__ratunek a{color:#73623a;font-weight:600} @media (max-width:600px){ .krzan-zw__wyjasnienie{font-size:15px;padding:13px 15px;margin-bottom:18px} .krzan-zw__szkielet{height:180px} .krzan-zw__ratunek{font-size:15px} } /* Plywajacy telefon nie zaslania przycisku platnosci w koszyku. */ .krzan-fab--cicho{display:none !important} /* === STRONY MIEJSCOWOSCI: RAMKA Z NUMEREM I SPOJNOSC 2026-09-08 === Ramka z telefonem byla jedynym elementem wysrodkowanym w kolumnie wyrownanej do lewej (L303 zamiast L153) - stad wrazenie, ze odstaje. Do tego stopien pisma skakal miedzy sekcjami 16 / 16,5 px. */ .krzan-msc .krzan-msc__tel{ margin-left:0 !important; margin-right:auto !important; max-width:100% !important; box-sizing:border-box; } .krzan-msc .krzan-msc__tel:hover{filter:brightness(1.08)} .krzan-msc .krzan-msc__tel:focus-visible{outline:3px solid #262626;outline-offset:3px} .krzan-usl__cta .krzan-msc__tel{margin-top:14px;margin-bottom:14px} /* Jednolity stopien pisma w calej kolumnie tekstu. */ .krzan-msc__lista,.krzan-msc__uslugi,.krzan-msc__usc, .krzan-msc__faq,.krzan-msc__sas,.krzan-msc__linki, .krzan-msc__note,.krzan-usl__cta,.krzan-usl__cta-alt{ font-size:17px !important; line-height:1.62 !important; } .krzan-msc__lead{font-size:18px !important;line-height:1.6 !important} .krzan-msc__faq summary{font-size:17px !important} /* Podpis z danymi gminy czyta sie jak sierota - dajemy mu role podpisu. */ .krzan-msc__meta{ font-size:15px !important; line-height:1.5 !important; color:#6b6455 !important; margin-top:18px !important; padding-top:14px; border-top:1px solid #e6e2d6; } @media (max-width:600px){ .krzan-msc .krzan-msc__tel{ width:100% !important; max-width:none !important; min-height:64px; } .krzan-msc__lead{font-size:17px !important} .krzan-msc__lista,.krzan-msc__uslugi,.krzan-msc__usc, .krzan-msc__faq,.krzan-msc__sas,.krzan-msc__linki, .krzan-msc__note,.krzan-usl__cta,.krzan-usl__cta-alt{font-size:16.5px !important} .krzan-msc__faq summary{min-height:44px;display:flex;align-items:center} } /* === FORMALNOSCI ONLINE: mniej maszynerii 2026-09-08 ============ */ .krzan-fo-searchbox--off{display:none !important} .krzan-fo-help--gora{margin:0 0 30px !important} @media (max-width:600px){ .krzan-fo-help--gora{margin:0 0 22px !important} .krzan-fo-doc__dl{min-height:44px;display:inline-flex;align-items:center} } /* === SPECYFIKACJA KOMPOZYCJI NA KARCIE PRODUKTU 2026-09-08 ===== */ .krzan-spec{ margin:6px 0 16px;padding:10px 14px; background:#f7f5ee;border-left:3px solid #afa46b;border-radius:0 6px 6px 0; font-size:15.5px;line-height:1.55;color:#4a4437; } .krzan-spec__sep{color:#afa46b;padding:0 2px} @media (max-width:600px){.krzan-spec{font-size:15px;padding:10px 12px}} .krzan-spec__sklad{color:#3f3b32;font-weight:600} /* === RAPORT MARZY W PANELU 2026-09-08 ========================== */ .krzan-mz__form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0 0 20px} .krzan-mz__fld{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#5c5647} .krzan-mz__fld input{padding:9px 11px;border:1px solid #d8d3c2;border-radius:6px;font:inherit;font-size:16px} .krzan-mz__btn{padding:11px 20px;border:0;border-radius:6px;background:#82743a;color:#fff;font:inherit;font-weight:700;cursor:pointer;min-height:44px} .krzan-mz__btn:hover{filter:brightness(1.08)} .krzan-mz__kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px} .krzan-mz__kafel{background:#fff;border:1px solid #e2ddcd;border-radius:8px;padding:14px 16px} .krzan-mz__kafel--mocny{background:#f7f5ee;border-color:#d8d3c2} .krzan-mz__lbl{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#6f6857} .krzan-mz__val{display:block;font-size:21px;font-weight:700;margin-top:4px;color:#3f3b32;font-variant-numeric:tabular-nums} .krzan-mz__uwaga{background:#fdf6ee;border-left:3px solid #c9603a;border-radius:0 6px 6px 0;padding:12px 16px;margin:0 0 18px;font-size:15.5px;line-height:1.55;color:#4a4437} .krzan-mz__tabwrap{overflow-x:auto} .krzan-mz__tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} .krzan-mz__tab th{text-align:left;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#6f6857;padding:9px 10px;border-bottom:1px solid #d8d3c2;font-weight:600} .krzan-mz__tab td{padding:10px;border-bottom:1px solid #efece2;font-size:15.5px} .krzan-mz__n{text-align:right} .krzan-mz__kropka{color:#c9603a;font-weight:700} .krzan-mz__stopka{margin:16px 0 0;font-size:13.5px;line-height:1.55;color:#6f6857} @media (max-width:600px){.krzan-mz__val{font-size:19px}.krzan-mz__tab td,.krzan-mz__tab th{padding:8px 6px;font-size:14.5px}} /* Skład kwiatowy i nazwa produktu potrzebują całej szerokości wiersza. */ .krzan-pp__form .krzan-pp__fld--full{flex:1 1 100% !important;min-width:0} .krzan-pp__form .krzan-pp__fld--full input{width:100%} /* Nazwane polki cenowe w katalogu wiencow (2026-09-08) */ .krzan-wkat__polka{grid-column:1/-1;list-style:none;display:flex;align-items:baseline;gap:12px;margin:26px 0 2px;padding:0 0 8px;border-bottom:1px solid #e6e1cf} .krzan-wkat__grid>.krzan-wkat__polka:first-child{margin-top:4px} .krzan-wkat__polka-nazwa{font-family:Forum,Georgia,serif;font-size:21px;line-height:1.2;color:#262626;letter-spacing:.2px} .krzan-wkat__polka-zakres{font-size:14px;color:#7c7869;white-space:nowrap} @media (max-width:600px){.krzan-wkat__polka{margin:20px 0 2px}.krzan-wkat__polka-nazwa{font-size:19px}} /* Chipy szarfy: dwa w rzedzie w waskiej kolumnie koszyka (2026-09-09) */ .krzan-szarfa{row-gap:7px} .krzan-szarfa__chip{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;text-align:center} @media (max-width:480px){.krzan-szarfa__chip{font-size:12.5px;padding:7px 10px}} /* Trzy polecane kompozycje nad blokiem zamawiania (2026-09-09) */ .krzan-zw__polecane{margin:16px 0 22px} .krzan-zw__polecanelbl{font-size:14px;line-height:1.45;color:#5c5647;margin:0 0 10px;text-align:center} .krzan-zw__polecane ul.products{display:flex!important;gap:10px;margin:0;padding:0 0 6px;list-style:none;float:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} .krzan-zw__polecane ul.products li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important} .krzan-zw__polecane .krzan-pcard__imgwrap{margin-bottom:6px} .krzan-zw__polecane .krzan-pcard__name,.krzan-zw__polecane .woocommerce-loop-product__title{font-size:13.5px;line-height:1.3} .krzan-zw__polecanewiecej{margin:12px 0 0;text-align:center;font-size:14px} .krzan-zw__polecanewiecej a{color:#73623a} .krzan-zw__polecane ul.products li.product{flex:0 0 66%;scroll-snap-align:start} /* Kolumna bloku zamawiania ma ok. 320 px na kazdej szerokosci, wiec kafel uklada sie pionowo zawsze, nie tylko na telefonie (2026-09-09). */ .krzan-zw__polecane .krzan-pcard__row{flex-direction:column;align-items:flex-start;gap:2px} .krzan-zw__polecane .krzan-pcard__title,.krzan-zw__polecane .krzan-pcard__prices{width:100%;flex:1 1 auto;min-width:0} @media (max-width:600px){ .krzan-zw__polecanelbl{text-align:left} } /* Znicz pamieci: jeden spokojny kafel zamiast trzech luznych linii (2026-09-09) */ .krzan-znicz{max-width:520px;padding:26px 22px 22px;background:#fbf9f3;border:1px solid #e6e1cf;border-top:1px solid #e6e1cf;border-radius:10px;margin:40px auto 16px} .krzan-znicz__btn{background:#fff;border:1px solid #d8d3c2;color:#6f6446;border-radius:100px;padding:12px 22px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .krzan-znicz__btn svg{width:15px;height:20px;color:#afa46b} @media (hover:hover) and (pointer:fine){.krzan-znicz__btn:hover{background:#fff;border-color:#afa46b;color:#5c5236}} .krzan-znicz__btn[disabled]{background:#f3efe0;border-color:#e0d9c2;color:#7a6f4d} .krzan-znicz__btn[disabled] svg{color:#c3b986} .krzan-znicz__licznik{margin-top:14px;font-size:15px;line-height:1.5;color:#5c5647} .krzan-znicz__share{margin-top:14px;padding-top:14px;border-top:1px solid #ece7d8;font-size:13px;color:#8a8578} .krzan-znicz__share a,.krzan-znicz__share button{color:#73623a;text-decoration:none;border-bottom:1px solid #ddd5bd;padding-bottom:1px} .krzan-znicz__share a:hover,.krzan-znicz__share button:hover{border-bottom-color:#afa46b} @media (max-width:600px){.krzan-znicz{margin:32px 0 14px;padding:22px 16px 18px;border-radius:8px}} /* polecane-typografia: kafel zajawki ma wlasna, mniejsza skale (2026-09-09) */ .krzan-zw__polecane ul.products li.product .krzan-pcard__name{font-size:15px!important;line-height:1.32!important;word-break:normal!important;overflow-wrap:anywhere!important;hyphens:none!important} .krzan-zw__polecane ul.products li.product .krzan-pcard__typ{font-size:12.5px!important;line-height:1.3!important} .krzan-zw__polecane ul.products li.product .krzan-pcard__price{font-size:17px!important;line-height:1.2!important;white-space:nowrap} .krzan-zw__polecane ul.products li.product .krzan-pcard__badge{font-size:11px!important} .krzan-zw__polecane ul.products li.product{word-break:normal!important} /* znicz-hover-guard: na dotyku hover potrafil zjadac pierwsze tapniecie (2026-09-09) */ /* Po zamknieciu zamowien online przycisk prowadzi do telefonu, nie do katalogu (2026-09-09) */ .krzan-zw__telcta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 2px;font-weight:500;font-size:14px;padding-left:18px;padding-right:18px;white-space:nowrap} .entry-content a.krzan-zw__telcta{text-decoration:none!important} /* polecane-kompakt: na nekrologu to teaser, nie katalog. Przy szerokim ekranie kolumna zamawiania ma 726 px, wiec 66% dawalo karty 479x854 px (2026-09-09). */ @media (min-width:601px){ .krzan-zw__polecane ul.products li.product{flex:0 0 200px!important} } .krzan-zw__polecane .krzan-pcard__opis{display:none!important} /* main.css trzyma te liste na .woocommerce ul.products li.product ul.krzan-pcard__zawiera z !important - trzeba wyzszej specyficznosci, nie mocniejszego slowa. */ .krzan-zw__polecane ul.products li.product ul.krzan-pcard__zawiera{display:none!important} .krzan-zw__polecane ul.products li.product .krzan-pcard__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .krzan-zw__polecane ul.products li.product .krzan-pcard__body{padding-left:10px!important;padding-right:10px!important;gap:8px} .krzan-zw__polecane ul.products li.product a.krzan-pcard__btn{padding:11px 10px!important;font-size:12.5px!important;letter-spacing:.4px!important;line-height:1.25!important} .krzan-zw__polecane ul.products li.product .krzan-pcard__prices{justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important} /* .krzan-zw__form ma reczne order na dzieciach - bez tego polecane laduja nad naglowkiem (2026-09-09) */ .krzan-zw__polecane{order:2} /* znicz-dopasowanie (2026-09-09): na nekrologu znicz byl kremowym kafelkiem o max-width 520px z margin auto - w kolumnie 342 px wychodzil wezszy i wysrodkowany, przy bialych kartach z radius 4px. Teraz mowi tym samym jezykiem co reszta kolumny. */ .krzan-znicz.krzan-znicz--mini{max-width:none;width:auto;align-self:stretch;flex:0 0 auto;margin:16px 0 24px;padding:16px;background:#fff;border:0;border-radius:4px;box-shadow:rgba(0,0,0,.05) 0 4px 7.5px 0;text-align:left} .krzan-znicz.krzan-znicz--mini .krzan-znicz__btn{padding:11px 18px;font-size:13px;letter-spacing:.02em} .krzan-znicz.krzan-znicz--mini .krzan-znicz__btn svg{width:14px;height:18px} .krzan-znicz.krzan-znicz--mini .krzan-znicz__licznik{margin-top:10px;font-size:13.5px;line-height:1.45;color:#77746a;text-align:left} .krzan-znicz.krzan-znicz--mini .krzan-znicz__share{margin-top:12px;padding-top:12px;border-top:1px solid #ece8dc;font-size:12.5px;text-align:left} /* Kafelek nekrologu: zdjecie jako *{width:100%!important;max-width:none!important;align-self:stretch!important} .krzan-cart__side{display:contents!important} .krzan-cart__sidecard{order:-1;padding:16px!important;gap:12px!important;align-items:stretch!important} .krzan-cart__sidetitle{font-size:20px!important;margin:0!important;text-align:left!important} .krzan-checkout .krzan-cart__sidelist{display:flex!important;max-height:none!important;gap:2px!important} .krzan-checkout .krzan-cart__sideline{display:block!important;margin:6px 0!important} .krzan-cart__sitemimg{display:none!important} .krzan-cart__sitembody{width:100%} /* zwarta lista pozycji: jedna linia na kompozycje */ .krzan-checkout .krzan-cart__sidegrp{margin:6px 0 0!important;padding:0!important;gap:6px!important} .krzan-checkout .krzan-cart__sidegrpname{font-size:13px!important;letter-spacing:.02em} .krzan-checkout .krzan-cart__cross--sm svg{width:12px!important;height:12px!important} .krzan-checkout .krzan-cart__sitem{padding:3px 0!important;background:transparent!important;border-radius:0!important} .krzan-checkout .krzan-cart__sitembody{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:baseline!important;gap:2px 10px!important;width:100%} .krzan-checkout .krzan-cart__sitem{display:flex!important;align-items:flex-start!important;gap:12px!important} .krzan-checkout .krzan-cart__sitemimg{flex:0 0 52px!important} .krzan-checkout .krzan-cart__sitemtop{flex:1 1 60%;display:flex;gap:6px;align-items:baseline;margin:0!important} .krzan-checkout .krzan-cart__sitemtitle{font-size:14px!important;line-height:1.3!important;margin:0!important} .krzan-checkout .krzan-co-qty{font-size:12px;color:#77746a} .krzan-checkout .krzan-cart__sitembot{flex:0 0 auto;display:flex;align-items:baseline;margin:0!important} .krzan-checkout .krzan-cart__sitemprice{font-size:14px!important;font-weight:600} .krzan-cart__totrow{gap:10px} .krzan-cart__totrow span:first-child{white-space:nowrap} .krzan-cart__sitem{padding:8px 0!important} .krzan-cart__sitemtyp{display:none!important} .krzan-cart__sitemtitle{font-size:15px!important} .krzan-cart__sitemchip{display:none!important} .krzan-cart__sidegrp{margin:6px 0 0!important} .krzan-cart__sideline{margin:4px 0!important} .krzan-checkout__main{order:0} .krzan-co-final{order:1;background:#fff;border-radius:6px;box-shadow:0 4px 7.5px rgba(0,0,0,.05);padding:16px} .krzan-co-card{margin-bottom:16px!important} } /* pasek na dole ekranu (tylko telefon) */ .krzan-co-bar{display:none} @media (max-width:1000px){ .krzan-co-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9000;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 14px rgba(0,0,0,.12)} .krzan-co-bar__suma{font:600 15px/1.2 Karla,sans-serif;color:#262626;white-space:nowrap} .krzan-co-bar__suma small{display:block;font-weight:400;font-size:11.5px;color:#77746a} .krzan-co-bar__btn{flex:1 1 auto;background:#82743a;color:#fff;border:0;border-radius:4px;padding:13px 12px;font:700 14px/1.2 Karla,sans-serif;letter-spacing:.3px;text-transform:uppercase;cursor:pointer} .krzan-co-bar.is-hidden{display:none} body.krzan-co-haspasek{padding-bottom:84px} } /* Strony transportu na Ukraine (PL/UK): lista, tabela dokumentow, CTA (2026-09-09) */ .krzan-ua-lista{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px} .krzan-ua-lista li{position:relative;padding-left:26px;font:400 15.5px/1.55 Karla,sans-serif;color:#3f3b32} .krzan-ua-lista li::before{content:'';position:absolute;left:0;top:9px;width:14px;height:8px;border-left:2px solid #afa46b;border-bottom:2px solid #afa46b;transform:rotate(-45deg)} .krzan-ua-lista a{color:#82743a;text-decoration:underline;text-underline-offset:3px} .krzan-ua-tab{margin:22px 0 0;background:#fff;border:1px solid #e6e1cf;border-radius:8px;overflow:hidden} .krzan-ua-tab__row{display:grid;grid-template-columns:1.6fr 1.3fr 1fr;gap:12px;padding:12px 16px;border-top:1px solid #eeeae0;font:400 14.5px/1.45 Karla,sans-serif;color:#3f3b32} .krzan-ua-tab__row:first-child{border-top:0} .krzan-ua-tab__row--h{background:#f7f5ee;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#5c5647} .krzan-ua-tab__row span:last-child{font-weight:600;color:#6f6446} .krzan-ua-note{margin:14px 0 0;font:400 13.5px/1.5 Karla,sans-serif;color:#77746a} .krzan-ua-cta{text-align:center} .krzan-ua-cta .krzan-tr__lead{max-width:640px;margin-left:auto;margin-right:auto} .krzan-ua-cta .krzan-tr__lead a{color:#82743a;text-decoration:underline;text-underline-offset:3px} .krzan-ua-cta .krzan-tr-about__cta{font-size:20px;padding:16px 34px} @media (max-width:640px){ .krzan-ua-tab__row{grid-template-columns:1fr;gap:2px;padding:10px 14px} .krzan-ua-tab__row--h{display:none} .krzan-ua-tab__row span:nth-child(2)::before{content:'wydaje: ';color:#8a8578} .krzan-ua-tab__row span:nth-child(3)::before{content:'załatwia: ';color:#8a8578;font-weight:400} html[lang=uk] .krzan-ua-tab__row span:nth-child(2)::before{content:'видає: '} html[lang=uk] .krzan-ua-tab__row span:nth-child(3)::before{content:'оформлює: '} } /* ==== cmentarze-przeworsk: tabela cennika (2026-09-09) ==== */ .krzan-cm-tabwrap{margin:22px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch} .krzan-cm-tab{width:100%;min-width:420px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e6e1cf;border-radius:8px;overflow:hidden;font:400 14.5px/1.45 Karla,sans-serif;color:#3f3b32} .krzan-cm-tab th,.krzan-cm-tab td{padding:11px 14px;text-align:left;border-top:1px solid #eeeae0;vertical-align:top} .krzan-cm-tab thead th{border-top:0;background:#f7f5ee;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#5c5647} .krzan-cm-tab td:not(:first-child),.krzan-cm-tab th:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} .krzan-cm-tab td[colspan]{text-align:left;white-space:normal} .krzan-cm-tab tbody tr:nth-child(even) td{background:#fcfbf7} .krzan-tr--cm .krzan-ua-lista a{color:#7a6a2b;text-decoration:underline;text-underline-offset:2px} .krzan-tr--cm .krzan-ua-lista li{margin-bottom:8px} @media (max-width:600px){.krzan-cm-tab{font-size:13.5px}.krzan-cm-tab th,.krzan-cm-tab td{padding:9px 10px}} /* ==== badge Zywe/Mieszane na waskich kartach (nekrolog, polecane): lewy gorny rog, pionowo (2026-09-09) ==== */ #krzan-zw-catalog ul.products li.product .krzan-pcard__badge--zywe, #krzan-zw-catalog ul.products li.product .krzan-pcard__badge--mieszane, .krzan-zw__polecane ul.products li.product .krzan-pcard__badge--zywe, .krzan-zw__polecane ul.products li.product .krzan-pcard__badge--mieszane{left:8px;right:auto;top:8px;bottom:auto;width:auto;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box} #krzan-zw-catalog ul.products li.product .krzan-pcard__badge--zywe + .krzan-pcard__badge--mieszane, #krzan-zw-catalog ul.products li.product .krzan-pcard__badge--mieszane + .krzan-pcard__badge--zywe, .krzan-zw__polecane ul.products li.product .krzan-pcard__badge--zywe + .krzan-pcard__badge--mieszane, .krzan-zw__polecane ul.products li.product .krzan-pcard__badge--mieszane + .krzan-pcard__badge--zywe{top:36px} /* ==== poradnik (hub /poradnik/): czytelnosc (2026-09-09) ==== */ .krzan-por-sec__title{line-height:1.18;padding-bottom:8px} .krzan-por-sec__lead{font-size:16.5px;line-height:1.65;color:#3f3b32} .krzan-por-step__title{font-size:17px;line-height:1.35} .krzan-por-step__desc{font-size:16.5px;line-height:1.65;color:#2b2a26} .krzan-por-note{font-size:15px;line-height:1.6;color:#3f3b32} .krzan-por-steps{padding-left:0!important;margin-left:0!important} @media (max-width:600px){ .krzan-por-sec__head{flex-direction:column;gap:12px;margin-bottom:22px} .krzan-por-sec__ico{width:40px;height:40px} .krzan-por-sec__headtext{width:100%} .krzan-por-sec__title{font-size:25px} .krzan-por-step{gap:12px;padding-bottom:22px} .krzan-por-step__num{width:28px;height:28px;border-radius:14px;font-size:14px;flex:0 0 28px} .krzan-por-step:not(:last-child)::before{left:13px;top:32px} .krzan-por-step__body{padding-top:2px} .krzan-por-step__body .krzan-por-note{margin-left:-40px;padding:13px 15px} } /* ==== formalnosci-online: pasek filtrow pod naglowkiem mobilnym (62px), a nie pod desktopowym wzorem 5.1vw (2026-09-09) ==== */ @media (max-width:767px){.krzan-fo-bar{top:62px}} /* ==== pasek zmiany jezyka PL/UK nad trescia stron transportu (2026-09-09) ==== */ .krzan-langbar{box-sizing:border-box;max-width:1240px;margin:16px auto 8px!important;white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:1.5;width:calc(100% - 40px)} .krzan-langbar a{color:#5c5030;text-decoration:underline;text-underline-offset:2px} @media (max-width:600px){.krzan-langbar{margin:12px 20px 4px!important;width:auto;font-size:14px}} /* ==== krzan-tr (transport, cmentarze): kompaktowy uklad mobilny (2026-09-09) ==== */ @media (max-width:767px){ .krzan-tr-about{padding:18px 0 26px} .krzan-tr-wrap{padding:0 18px} .krzan-tr-about__top{display:flex;flex-direction:column;gap:16px} .krzan-tr-about__img{order:2;aspect-ratio:auto;height:auto;min-height:0} .krzan-tr-about__img img{height:200px;width:100%;object-fit:cover;border-radius:8px} .krzan-tr-about__txt{order:1} h1.krzan-tr__h{font-size:28px;line-height:1.15;margin:0 0 12px} h2.krzan-tr__h{font-size:24px;line-height:1.2;margin:0 0 12px} .krzan-tr-about__lead,.krzan-tr .krzan-tr__lead{font-size:15.5px;line-height:1.6;margin:0 0 16px} .krzan-tr-about__contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px} .krzan-tr-contact{padding:12px 8px;gap:8px;flex-direction:column;align-items:center;text-align:center;min-width:0} .krzan-tr-contact__ico,.krzan-tr-contact__ico img,.krzan-tr-contact__ico svg{width:30px;height:30px} .krzan-tr-contact a,.krzan-tr-contact__val{font-size:14.5px;overflow-wrap:anywhere} .krzan-tr-contact__label{font-size:11px} .krzan-tr-about__cta{display:block;width:100%;box-sizing:border-box;text-align:center;font-size:14px;padding:13px 14px;margin:8px 0 0} .krzan-tr-cards{grid-template-columns:1fr 1fr;gap:10px;margin:22px 18px 0;width:auto} .krzan-tr-card{padding:14px 12px;gap:10px;align-items:center;text-align:center} .krzan-tr-card__ico,.krzan-tr-card__ico img,.krzan-tr-card__ico svg{width:44px;height:44px} .krzan-tr-card__title{font-size:16px;line-height:1.25} .krzan-tr-card__desc{font-size:13px;line-height:1.45} .krzan-tr-split{display:flex;flex-direction:column;gap:16px;padding:0 18px} .krzan-tr-split__img{order:2;aspect-ratio:auto;height:auto;min-height:0} .krzan-tr-split__img img{height:200px;object-fit:cover;width:100%} .krzan-tr-split__txt{order:1} .krzan-tr-steplist{gap:10px} .krzan-tr-step{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px;text-align:left} .krzan-tr-step__num{font-size:22px;line-height:1;min-width:34px;flex:0 0 34px;text-align:left;margin:2px 0 0} .krzan-tr-step__body{min-width:0} .krzan-tr-step__title{font-size:17px;line-height:1.25;margin:0 0 6px;text-align:left} .krzan-tr-step__desc{font-size:14.5px;line-height:1.5;text-align:left} .krzan-tr-faq__grid{gap:10px} .krzan-tr-faq__card{padding:14px} .krzan-tr-faq__q{font-size:17px;line-height:1.3;margin:0 0 8px} .krzan-tr-faq__a p{font-size:14.5px;line-height:1.55} .krzan-tr-kraje,.krzan-tr-steps,.krzan-tr-faq{padding-top:28px;padding-bottom:28px} .krzan-ua-lista li{font-size:15px;line-height:1.5} } /* ==== Strony docelowe Google Ads (krzan-lp) 2026-09-09 ==== */ .krzan-lp-eyebrow{font:700 12px/1.3 Karla,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a6a2b;margin:0 0 12px} .krzan-lp-chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .krzan-lp-chips li{font:600 13px/1.2 Karla,sans-serif;color:#3f3b32;background:#f7f5ee;border:1px solid #e6e1cf;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px} .krzan-lp-chips li::before{content:'';width:7px;height:7px;border-radius:50%;background:#afa46b;flex:0 0 7px} .krzan-lp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px} .krzan-lp-cta{text-align:center} .krzan-lp-cta--sec{background:transparent;color:#5c5030;border:2px solid #afa46b} .krzan-lp-cta--sec:hover{background:#f3efe0} .krzan-lp-note{font:400 13.5px/1.5 Karla,sans-serif;color:#6b665a;margin:0} .krzan-lp-note a{color:#5c5030;font-weight:700} .krzan-lp-stats{background:#1f1e1b;color:#fff;padding:26px 0} .krzan-lp-stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .krzan-lp-stats li{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid #afa46b} .krzan-lp-stats strong{font:400 30px/1.05 Forum,serif;color:#e9dfb8;letter-spacing:.01em} .krzan-lp-stats span{font:400 13.5px/1.45 Karla,sans-serif;color:#cfcabb} .krzan-lp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 14px;font:400 16px/1.4 Karla,sans-serif;color:#5c5647} .krzan-lp-price strong{font:400 40px/1 Forum,serif;color:#3f3b32} .krzan-lp-h3{font:400 22px/1.25 Forum,serif;color:#262626;margin:22px 0 10px} .krzan-lp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px} .krzan-lp-box{background:#fff;border:1px solid #e6e1cf;border-radius:8px;padding:20px 18px} .krzan-lp-box__t{font:400 21px/1.2 Forum,serif;color:#262626;margin:0 0 8px} .krzan-lp-box__d{font:400 14.5px/1.55 Karla,sans-serif;color:#3f3b32;margin:0} .krzan-lp-cities{list-style:none;margin:6px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .krzan-lp-cities li{font:500 14px/1.2 Karla,sans-serif;color:#3f3b32;background:#fff;border:1px solid #e6e1cf;border-radius:6px;padding:9px 12px} .krzan-lp-foto{position:relative;width:100%;min-height:260px;height:100%;border-radius:10px;background:repeating-linear-gradient(135deg,#efebdd 0 12px,#f6f3e8 12px 24px);border:1px dashed #cfc7a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;box-sizing:border-box;color:#7a6a2b;text-align:center} .krzan-lp-foto--hero{aspect-ratio:4/3;min-height:0} .krzan-lp-foto--tall{aspect-ratio:3/4;min-height:0} .krzan-lp-foto__ico{width:36px;height:36px} .krzan-lp-foto__ico svg{width:36px;height:36px} .krzan-lp-foto__txt{font:600 13px/1.45 Karla,sans-serif;max-width:32ch} .krzan-lp-form .krzan-tr-wrap{max-width:820px} .krzan-lp-formbox{background:#fff;border:1px solid #e6e1cf;border-radius:10px;padding:26px 24px;box-shadow:0 8px 30px rgba(40,35,20,.06)} .krzan-lp-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px} .krzan-lp-formgrid label{display:flex;flex-direction:column;gap:6px;font:600 13px/1.3 Karla,sans-serif;color:#3f3b32} .krzan-lp-formgrid__full{grid-column:1/-1} .krzan-lp-formgrid input,.krzan-lp-formgrid textarea{font:400 16px/1.4 Karla,sans-serif;padding:12px 12px;border:1px solid #cfc7a6;border-radius:6px;background:#fffdf7;color:#262626;width:100%;box-sizing:border-box} .krzan-lp-formgrid input:focus,.krzan-lp-formgrid textarea:focus{outline:2px solid #afa46b;outline-offset:1px;border-color:#afa46b} .krzan-lp-zgoda{display:flex;gap:10px;align-items:flex-start;margin:16px 0 6px;font:400 13px/1.5 Karla,sans-serif;color:#5c5647} .krzan-lp-zgoda input{margin-top:3px;width:18px;height:18px;flex:0 0 18px} .krzan-lp-zgoda a{color:#5c5030;text-decoration:underline} .krzan-lp-formbox .krzan-lp-cta{width:100%;margin-top:14px} .krzan-lp-formbox .krzan-lp-note{margin-top:12px;text-align:center} .krzan-lp-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden} .krzan-lp-notice{border-radius:8px;padding:14px 16px;margin:0 0 16px;font:600 15px/1.45 Karla,sans-serif} .krzan-lp-notice--ok{background:#e8f2e3;color:#2d5a27;border:1px solid #bcd6b3} .krzan-lp-notice--err{background:#f9e7e4;color:#7a2a20;border:1px solid #e8b9b1} .krzan-lp-bar{display:none} @media (max-width:767px){ .krzan-lp-stats{padding:18px 0} .krzan-lp-stats ul{grid-template-columns:1fr 1fr;gap:14px 12px} .krzan-lp-stats strong{font-size:22px} .krzan-lp-stats span{font-size:12.5px} .krzan-lp-price strong{font-size:32px} .krzan-lp-grid4{grid-template-columns:1fr;gap:10px;margin-top:14px} .krzan-lp-box{padding:14px} .krzan-lp-box__t{font-size:18px} .krzan-lp-formgrid{grid-template-columns:1fr;gap:12px} .krzan-lp-formbox{padding:18px 14px} .krzan-lp-foto--hero{aspect-ratio:16/9} .krzan-lp-foto--tall{aspect-ratio:16/9} .krzan-lp .krzan-tr-about__img{order:2} .krzan-lp-chips li{font-size:12px;padding:7px 10px} .krzan-lp-ctas{flex-direction:column} .krzan-lp-ctas .krzan-lp-cta{width:100%;box-sizing:border-box} .krzan-lp-bar{display:none!important} .krzan-lp-bar a{text-decoration:none} .krzan-lp-bar>a:first-child{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#7a6a2b;color:#fff;border-radius:8px;padding:8px 10px;line-height:1.15} .krzan-lp-bar__l{font:600 11px/1.2 Karla,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.9} .krzan-lp-bar__n{font:700 18px/1.2 Karla,sans-serif} .krzan-lp-bar__sec{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:8px 16px;border:2px solid #afa46b;color:#e9dfb8;border-radius:8px;font:700 14px/1.2 Karla,sans-serif} } @media (min-width:768px) and (max-width:1023px){.krzan-lp-stats ul{grid-template-columns:1fr 1fr}.krzan-lp-grid4{grid-template-columns:1fr 1fr}} /* ==== nekrolog: box "Wolisz zamowic telefonicznie" kompaktowy na mobile (2026-09-09) ==== */ @media (max-width:767px){ .krzan-zw__phonebar{padding:16px!important;gap:12px!important;margin-top:20px!important} .krzan-zw__phonetxt{flex:0 0 auto!important;min-height:0!important} .krzan-zw__phonetitle{font-size:22px!important;line-height:1.2!important;margin:0 0 8px!important} .krzan-zw__phonedesc{font-size:14.5px!important;line-height:1.5!important} .krzan-zw__phonebox{padding:12px 16px!important} .krzan-zw__phonebox span{font-size:24px!important;line-height:1.1!important} } /* ==== galeria: lightbox bez przewijania tla na iOS (2026-09-09) ==== */ .krzan-galp-lb{touch-action:none;overscroll-behavior:contain} .krzan-galp-lb__img{touch-action:pinch-zoom} /* ==== oferta: blok "Szczegolowo o wybranych uslugach" w kontenerze, nie od krawedzi (2026-09-09) ==== */ .krzan-usl-linki{max-width:1240px;margin:44px auto 48px;padding:0 24px;box-sizing:border-box} .krzan-usl-linki h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #e6e1cf} .krzan-usl-linki .krzan-msc__lista li{font-size:16px;line-height:1.6;margin-bottom:12px} @media (max-width:767px){.krzan-usl-linki{padding:0 20px;margin:28px auto 32px}.krzan-usl-linki h2{font-size:24px}.krzan-usl-linki .krzan-msc__lista li{font-size:15px}} /* ==== pulsujace kolko telefonu na stronach Ads (zamiast paska) 2026-09-09 ==== */ /* (v1 puls usuniety – patrz krzan-lp v3 na koncu pliku) */ /* krzan-lp v2 (2026-09-09): 3 statystyki, kroki, cena, details */ .krzan-lp-stats ul{grid-template-columns:repeat(3,1fr)} .krzan-lp-altlang{margin:14px 0 0;font:600 14px/1.4 Karla,sans-serif} .krzan-lp-altlang a{color:#5c5030;text-decoration:underline;text-underline-offset:3px} .krzan-lp-kroki .krzan-tr-step__num{color:#7a6a2b} .krzan-lp-kroki .krzan-tr-steplist{max-width:820px} .krzan-lp-miasta{font:400 15px/1.6 Karla,sans-serif;color:#5c5647;margin:22px 0 0;padding:16px 18px;background:#f7f5ee;border-left:3px solid #afa46b;border-radius:0 8px 8px 0;max-width:820px} .krzan-lp-wcenie{font:400 16px/1.6 Karla,sans-serif;color:#3f3b32;margin:0 0 6px;padding:16px 18px;background:#fff;border:1px solid #e6e1cf;border-radius:8px} .krzan-lp-wcenie strong{color:#262626} .krzan-lp-platnicy{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px} .krzan-lp-platnicy li{font:400 15px/1.55 Karla,sans-serif;color:#3f3b32;padding:12px 14px 12px 16px;background:#fff;border:1px solid #e6e1cf;border-left:3px solid #afa46b;border-radius:8px} .krzan-lp-platnicy strong{color:#262626} .krzan-lp-details{background:#fff;border:1px solid #e6e1cf;border-radius:8px;margin:0 0 10px;padding:0} .krzan-lp-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;font:400 19px/1.3 Forum,serif;color:#262626} .krzan-lp-details summary::-webkit-details-marker{display:none} .krzan-lp-details summary::after{content:'+';flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid #cfc7a6;color:#7a6a2b;font:400 20px/24px Karla,sans-serif;text-align:center} .krzan-lp-details[open] summary::after{content:'\2013'} .krzan-lp-details[open] summary{border-bottom:1px solid #eee9d8} .krzan-lp-details summary:focus-visible{outline:2px solid #afa46b;outline-offset:-2px;border-radius:8px} .krzan-lp-details>p{margin:0;padding:14px 18px 18px;font:400 15.5px/1.6 Karla,sans-serif;color:#3f3b32} .krzan-lp-doklista{list-style:none;margin:0;padding:6px 18px 16px} .krzan-lp-doklista li{font:400 15px/1.55 Karla,sans-serif;color:#3f3b32;padding:10px 0;border-bottom:1px solid #eee9d8} .krzan-lp-doklista li:last-child{border-bottom:0} .krzan-lp-doklista strong{color:#262626} .krzan-lp-dok .krzan-tr__lead strong{color:#262626} .krzan-lp-faq .krzan-tr-wrap,.krzan-lp-dok .krzan-tr-wrap{max-width:860px} .krzan-lp-ctas--center{justify-content:center} @media (max-width:767px){ .krzan-lp-stats ul{grid-template-columns:1fr;gap:12px} .krzan-lp-stats li{gap:2px;padding-left:12px} .krzan-lp-stats strong{font-size:22px} .krzan-lp-platnicy{grid-template-columns:1fr;gap:10px} .krzan-lp-details summary{font-size:17px;padding:14px 14px} .krzan-lp-details>p{padding:12px 14px 16px;font-size:15px} .krzan-lp-doklista{padding:4px 14px 12px} .krzan-lp-miasta{font-size:14px;padding:12px 14px} .krzan-lp-wcenie{font-size:15px;padding:12px 14px} } /* krzan-lp v3 (2026-09-10): stale pulsujace kolko telefonu (body.krzan-lp-page), CTA dwuliniowe, bez formularza */ body.krzan-lp-page{padding-bottom:96px} body.krzan-lp-page .krzan-cta-call{display:flex!important;align-items:center;justify-content:center;position:fixed;z-index:9000;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:#7a6a2b;color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(31,30,27,.28),0 0 0 6px rgba(122,106,43,.14);animation:kz-fab-breathe 3.2s ease-in-out infinite;transition:none} body.krzan-lp-page .krzan-cta-call.is-hidden,body.krzan-lp-page .krzan-cta-call.is-scrolling{opacity:1;transform:none;pointer-events:auto} body.krzan-lp-page .krzan-cta-call::before{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(175,164,107,.55);animation:kz-fab-halo 3.2s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none;z-index:-1} body.krzan-lp-page .krzan-cta-call svg{display:block;width:26px;height:26px;position:relative} @keyframes kz-fab-halo{0%{transform:scale(1);opacity:.55}55%{transform:scale(1.9);opacity:0}100%{transform:scale(1.9);opacity:0}} @keyframes kz-fab-halo-d{0%{transform:scale(1);opacity:.5}55%{transform:scale(1.28);opacity:0}100%{transform:scale(1.28);opacity:0}} @keyframes kz-fab-breathe{0%,100%{transform:scale(1)}30%{transform:scale(1.04)}} @media (min-width:768px){ body.krzan-lp-page .krzan-cta-call{width:auto;border-radius:999px;padding:0 22px 0 18px;gap:10px;right:24px;bottom:24px} body.krzan-lp-page .krzan-cta-call::before{border-radius:999px;animation-name:kz-fab-halo-d} body.krzan-lp-page .krzan-cta-call::after{content:'503 990 610 · całą dobę';font:600 17px/1 Karla,sans-serif;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;position:relative} } @media (prefers-reduced-motion:reduce){ body.krzan-lp-page .krzan-cta-call,body.krzan-lp-page .krzan-cta-call::before{animation:none} body.krzan-lp-page .krzan-cta-call{box-shadow:0 4px 14px rgba(31,30,27,.28),0 0 0 8px rgba(122,106,43,.18)} } body.krzan-lp-page .krzan-header__cta,body.krzan-lp-page .krzan-header__ico--user,body.krzan-lp-page .krzan-header__ico--koszyk,body.krzan-lp-page .krzan-header__ico--wieniec,body.krzan-lp-page .krzan-mobilenav__cta{display:none!important} .krzan-lp-cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:12px 30px;text-align:center;line-height:1.1} .krzan-lp-cta__l{display:block;font:500 12px/1 Karla,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85} .krzan-lp-cta__n{display:block;font:700 22px/1.15 Karla,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.03em;text-transform:none} .krzan-lp-jak{margin:10px 0 18px;font:600 15px/1.4 Karla,sans-serif} .krzan-lp-jak a{color:#7a6a2b;text-decoration:underline;text-underline-offset:3px} .krzan-lp-kroki .krzan-tr-step__title a{color:inherit;text-decoration:underline;text-decoration-color:#afa46b;text-decoration-thickness:2px;text-underline-offset:4px} .krzan-lp-note{color:#5c5647} @media (max-width:767px){ .krzan-lp-chips{display:none} .krzan-lp-ctas .krzan-lp-cta{width:100%;min-height:66px} .krzan-lp-cta__n{font-size:24px} .krzan-lp-details summary{min-height:48px} } /* krzan-lp v4 (2026-09-10): zdjecia, sekcja zaufania, opinie */ .krzan-lp-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px} .krzan-lp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:26px 0 0} .krzan-lp-split--rev .krzan-lp-split__img{order:2} .krzan-lp-split--rev{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)} .krzan-lp-split__img{min-width:0} .krzan-lp-split__txt{min-width:0} .krzan-lp-split__txt .krzan-tr__lead{margin:0 0 14px} .krzan-lp-split__txt .krzan-lp-ctas{margin:0} .krzan-lp-foto--kwadrat{aspect-ratio:1/1;min-height:0} .krzan-lp-foto--szer{aspect-ratio:4/3;min-height:0} img.krzan-lp-foto--kwadrat{aspect-ratio:1/1} img.krzan-lp-foto--szer{aspect-ratio:4/3} .krzan-lp-zaufanie{background:#f7f5ee} .krzan-lp-zaufanie .krzan-lp-split{margin:0} .krzan-lp-zaufanie .krzan-tr__h{margin:10px 0 10px;font-size:28px} .krzan-lp-ocena{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0} .krzan-lp-ocena__g{font:400 34px/1 Forum,serif;color:#262626} .krzan-lp-ocena__s{color:#b8992e;font-size:19px;letter-spacing:2px} .krzan-lp-ocena__n{font:600 14px/1.3 Karla,sans-serif;color:#6b665a} .krzan-lp-opinia{margin:14px 0 0;padding:0 0 0 16px;border-left:3px solid #afa46b} .krzan-lp-opinia p{margin:0 0 4px;font:400 15px/1.6 Karla,sans-serif;color:#3f3b32;font-style:italic} .krzan-lp-opinia cite{font:600 13px/1.3 Karla,sans-serif;color:#6b665a;font-style:normal} @media (max-width:767px){ .krzan-lp-split,.krzan-lp-split--rev{grid-template-columns:1fr;gap:16px} .krzan-lp-split--rev .krzan-lp-split__img{order:0} .krzan-lp-zaufanie .krzan-tr__h{font-size:23px} .krzan-lp-ocena__g{font-size:28px} .krzan-lp-foto--kwadrat,img.krzan-lp-foto--kwadrat{aspect-ratio:4/3} .krzan-lp-opinia p{font-size:14.5px} } /* krzan-lp v5 (2026-09-10): flagi krajow w naglowku */ .krzan-lp-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .krzan-lp-eyebrow__t{display:block} .krzan-lp-flagi{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto} .krzan-lp-flaga{width:30px;height:30px;border-radius:50%;overflow:hidden;display:block;flex:0 0 30px;box-shadow:inset 0 0 0 1px rgba(31,30,27,.18),0 1px 3px rgba(31,30,27,.14);background:#fff} .krzan-lp-flaga svg{display:block;width:100%;height:100%} .krzan-lp-flagi__a{width:16px;height:8px;flex:0 0 16px;background:#7a6a2b;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M0 4h12M9 1l4 3-4 3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M0 4h12M9 1l4 3-4 3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat} @media (max-width:767px){ .krzan-lp-eyebrow{gap:10px} .krzan-lp-flaga{width:26px;height:26px;flex:0 0 26px} .krzan-lp-eyebrow__t{flex:1 1 100%} } /* krzan-lp v6: wersja ukrainska – tekst przy kolku telefonu */ @media (min-width:768px){ body.krzan-lp-lang-uk .krzan-cta-call::after{content:'503 990 610 · цілодобово'} } /* krzan-lp v7 (2026-09-10): cena "od" w hero i w sekcji cenowej */ .krzan-lp-cenaod{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:18px 0 6px} .krzan-lp-cenaod__k{font:600 14px/1 Karla,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6a2b} .krzan-lp-cenaod strong{font:400 40px/1 Forum,serif;color:#262626;font-variant-numeric:tabular-nums} .krzan-lp-cenaod__s{font:400 15px/1.3 Karla,sans-serif;color:#5c5647} .krzan-lp-cenanote{margin:0 0 18px;padding:10px 14px;background:#f7f5ee;border-left:3px solid #afa46b;border-radius:0 6px 6px 0;font:400 14px/1.55 Karla,sans-serif;color:#3f3b32;max-width:52ch} .krzan-lp-cena .krzan-lp-price{margin:0 0 14px} .krzan-lp-cena .krzan-lp-price strong{font-size:44px;font-variant-numeric:tabular-nums} .krzan-lp-cena .krzan-lp-price span{font:400 16px/1.3 Karla,sans-serif;color:#5c5647} .krzan-lp-cena .krzan-lp-price span:first-child{font:600 14px/1 Karla,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6a2b} @media (max-width:767px){ .krzan-lp-cenaod strong{font-size:32px} .krzan-lp-cenaod__s{flex:1 1 100%} .krzan-lp-cenanote{font-size:13.5px;padding:10px 12px} .krzan-lp-cena .krzan-lp-price strong{font-size:34px} } /* krzan-cc v8 (2026-09-10): kompaktowy baner cookies + kolko ustawien */ .krzan-cc__bar{position:fixed!important;left:16px!important;right:auto!important;bottom:16px!important;width:auto!important;max-width:360px!important;border-radius:14px!important;box-shadow:0 10px 34px rgba(20,18,12,.28)!important;padding:16px 18px!important} .krzan-cc__bar-inner{display:block!important;max-width:none!important;padding:0!important;margin:0!important;gap:0!important} .krzan-cc__txt{margin:0 0 12px!important;max-width:none!important} .krzan-cc__title{font:400 18px/1.25 Forum,serif!important;margin:0 0 6px!important} .krzan-cc__desc{font:400 13px/1.5 Karla,sans-serif!important;margin:0!important} .krzan-cc__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important;flex:none!important} .krzan-cc__actions .krzan-cc__btn{width:100%!important;min-height:40px!important;padding:9px 10px!important;font-size:13px!important;white-space:nowrap} .krzan-cc__actions .krzan-cc__btn:nth-child(3){grid-column:1/-1;min-height:34px!important;font-size:12.5px!important;background:transparent!important;border:0!important;text-decoration:underline;opacity:.85} .krzan-cc__fab{display:none;position:fixed;left:16px;bottom:16px;z-index:8000;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:#afa46b;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(20,18,12,.26);padding:0;-webkit-tap-highlight-color:transparent} .krzan-cc__fab:hover{background:#7a6a2b} .krzan-cc__fab:focus-visible{outline:2px solid #7a6a2b;outline-offset:2px} .krzan-cc[hidden] + .krzan-cc__fab{display:flex} @media (max-width:767px){ .krzan-cc__bar{left:10px!important;right:10px!important;bottom:10px!important;max-width:none!important;padding:14px!important} .krzan-cc__title{font-size:17px!important} .krzan-cc__desc{font-size:12.5px!important} .krzan-cc__fab{width:38px;height:38px;left:10px;bottom:10px} body.krzan-lp-page .krzan-cc__fab{bottom:12px} } /* krzan-cc v8c (2026-09-11): selektory zawezone do #krzanCC - .krzan-cc to tez karta ceremonii w panelu (kolizja nazw) */ #krzanCC{z-index:9500} @media (max-width:767px){ body:has(#krzanCC:not([hidden])) .krzan-cta-call{bottom:calc(214px + env(safe-area-inset-bottom,0px))!important} } /* krzan-lp v9: plakietka przy cenie */ .krzan-lp-cenabadge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font:700 12.5px/1 Karla,sans-serif;letter-spacing:.02em;color:#2d5a27;background:#e8f2e3;border:1px solid #bcd6b3;border-radius:999px;padding:7px 12px;white-space:nowrap} .krzan-lp-cenabadge::before{content:'';width:7px;height:7px;border-radius:50%;background:#4a8c3f;flex:0 0 7px} @media (max-width:767px){ .krzan-lp-cenabadge{font-size:11.5px;padding:6px 10px;white-space:normal} } /* krzan-lp v10: mocniejsze "od" przy cenie */ .krzan-lp-cenaod__k{font:700 18px/1 Karla,sans-serif!important;letter-spacing:.06em;color:#5c5030!important;align-self:center} .krzan-lp-cena .krzan-lp-price span:first-child{font-size:17px!important;color:#5c5030!important} .krzan-lp-cena .krzan-lp-cenanote{margin-top:10px;max-width:62ch} @media (max-width:767px){ .krzan-lp-cenaod__k{font-size:16px!important} } /* ===== v11 obrazy LP: proporcje per urzadzenie + kadrowanie ===== */ .krzan-lp-split{align-items:start} .krzan-lp-img{display:block;width:100%;height:auto;object-fit:cover;border-radius:10px;background:#efebdd} img.krzan-lp-img.krzan-lp-foto--hero{aspect-ratio:4/3;object-position:50% 48%} img.krzan-lp-img.krzan-lp-foto--kwadrat{aspect-ratio:4/5;object-position:50% 18%} img.krzan-lp-img.krzan-lp-foto--szer{aspect-ratio:3/2;object-position:50% 50%} @media (max-width:900px){ img.krzan-lp-img.krzan-lp-foto--hero{aspect-ratio:16/10} img.krzan-lp-img.krzan-lp-foto--kwadrat{aspect-ratio:4/3;object-position:50% 14%} img.krzan-lp-img.krzan-lp-foto--szer{aspect-ratio:16/10} } /* ===== v12 obrazy LP: kontenery nie wymuszaja wysokosci ===== */ body.krzan-lp-page .krzan-tr-about__img{aspect-ratio:auto!important;height:auto!important;align-self:start} body.krzan-lp-page .krzan-lp-split__img{height:auto!important;align-self:start} body.krzan-lp-page img.krzan-lp-img{height:auto!important} /* ===== v13 desktop: miara tekstu i centrowanie kolumn ===== */ @media (min-width:1024px){ body.krzan-lp-page .krzan-tr-wrap{max-width:1180px!important;margin-inline:auto!important;padding-inline:32px} body.krzan-lp-page .krzan-tr-steplist{margin-inline:auto!important} body.krzan-lp-page .krzan-lp-miasta{margin-inline:auto!important} body.krzan-lp-page .krzan-tr-wrap>p,body.krzan-lp-page .krzan-lp-details p,body.krzan-lp-page .krzan-lp-wcenie,body.krzan-lp-page .krzan-lp-price,body.krzan-lp-page .krzan-tr__lead{max-width:74ch} } @media (min-width:901px){ body.krzan-lp-page img.krzan-lp-img.krzan-lp-foto--kwadrat{aspect-ratio:1/1!important;max-height:440px;object-position:50% 12%} } /* ===== v14 slim stopka LP ===== */ .krzan-footer--lp .krzan-footer__inner{max-width:1180px;grid-template-columns:1fr 1fr;gap:32px;padding:44px 24px;align-items:start} .krzan-footer--lp .krzan-footer__logo{height:52px!important;margin-bottom:14px} .krzan-footer--lp .krzan-footer__company{margin:0} .krzan-footer--lp .krzan-footer__addr{margin:8px 0 0;opacity:.75;font-size:14px} @media (max-width:767px){.krzan-footer--lp .krzan-footer__inner{grid-template-columns:1fr;gap:22px;padding:30px 20px}} /* ===== v15 desktop: wspolna szerokosc naglowka, tresci i stopki ===== */ @media (min-width:1024px){ body.krzan-lp-page .krzan-tr-wrap{max-width:1320px!important;margin-inline:auto!important;padding-inline:40px} body.krzan-lp-page .krzan-header__inner{max-width:1320px;margin-inline:auto;padding-inline:40px} body.krzan-lp-page .krzan-footer--lp .krzan-footer__inner{max-width:1320px;padding-inline:40px} body.krzan-lp-page .krzan-footer__copyinner{max-width:1320px;padding-inline:40px} } /* krzan-ng v3 (2026-09-12): katalog z filtrowaniem, hero, koło wyceny, profil wzoru */ :root{--ng-granit:#141416;--ng-granit2:#1e1e22;--ng-granit3:#2a2a2f;--ng-papier:#fbfaf7;--ng-papier2:#f2f0ea;--ng-ink:#1b1917;--ng-ink2:#3f3b35;--ng-mute:#6f695f;--ng-linia:#e4e0d5;--ng-zloto:#c9aa5c;--ng-zloto-t:#7d6a2c;--ng-zloto-d:#e0c77a;--ng-r:14px;--ng-top:64px} body.krzan-ng-page .krzan-ng-main{background:var(--ng-papier);color:var(--ng-ink);font-family:Karla,system-ui,sans-serif;overflow-x:clip} .ng-in{max-width:1220px;margin:0 auto;padding-inline:clamp(16px,3vw,32px)} .ng-in--bc{padding-block:18px 0} .ng-strona h1,.ng-strona h2,.krzan-ng-wrap h1,.krzan-ng-wrap h2,.krzan-ng-wrap h3{font-family:Forum,Georgia,serif;font-weight:400;letter-spacing:-.01em;text-wrap:balance;margin:0} .ng-strona h2,.krzan-ng-wrap h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin-bottom:14px} .ng-eyebrow{font:700 11px/1.4 Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ng-zloto-t);margin:0 0 12px} .ng-strona p,.krzan-ng-wrap p{font-size:16.5px;line-height:1.65;color:var(--ng-ink2)} .ng-strona a,.krzan-ng-wrap a{color:var(--ng-zloto-t)} /* okruchy */ .krzan-ng-bc{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ng-mute);margin:0} .krzan-ng-bc a{color:var(--ng-mute);text-decoration:none;border-bottom:1px solid var(--ng-linia)} .krzan-ng-bc a:hover{color:var(--ng-zloto-t)} /* przyciski */ .ng-btn,.krzan-ng-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border-radius:999px;font:700 14px/1 Karla,sans-serif;letter-spacing:.02em;text-decoration:none!important;cursor:pointer;border:1.5px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease} .ng-btn:active,.krzan-ng-btn:active{transform:translateY(1px)} .ng-btn--zloto,.krzan-ng-btn{background:var(--ng-zloto-t);color:#fff!important;border-color:var(--ng-zloto-t)} .ng-btn--zloto:hover,.krzan-ng-btn:hover{background:#6a5a22;box-shadow:0 8px 22px -10px rgba(122,106,43,.7)} .ng-btn--kontur{background:transparent;color:var(--ng-ink)!important;border-color:var(--ng-ink)} .ng-btn--kontur:hover{background:var(--ng-ink);color:#fff!important} .ng-hero .ng-btn--zloto,.ng-kolo .ng-btn--zloto{background:var(--ng-zloto);border-color:var(--ng-zloto);color:var(--ng-granit)!important} .ng-hero .ng-btn--zloto:hover,.ng-kolo .ng-btn--zloto:hover{background:var(--ng-zloto-d);border-color:var(--ng-zloto-d);box-shadow:0 10px 30px -10px rgba(201,170,92,.6)} .ng-hero .ng-btn--kontur,.ng-kolo .ng-btn--kontur{color:#fff!important;border-color:rgba(255,255,255,.35)} .ng-hero .ng-btn--kontur:hover,.ng-kolo .ng-btn--kontur:hover{background:rgba(255,255,255,.08);border-color:#fff} /* próbki kamienia */ .ng-karta__brak,.ng-sw{display:inline-block;width:16px;height:16px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px #fff;background-color:#8a8a8a;background-image:radial-gradient(circle at 32% 28%,rgba(255,255,255,.42),transparent 52%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .5 .5 .2 0 -.55'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 .5 .1 0 -.25'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-size:100% 100%,44px 44px,52px 52px} .ng-sw--czarny{background-color:#111114} .ng-sw--szary{background-color:#a3a19d} .ng-sw--brazowy{background-color:#5a3b2e} .ng-sw--impala{background-color:#3f4046} .ng-sw--duzy{width:92px;height:92px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset -14px -18px 30px rgba(0,0,0,.45),0 18px 34px -16px rgba(0,0,0,.9);background-size:100% 100%,120px 120px,140px 140px} /* HERO */ .ng-hero{background:var(--ng-granit) radial-gradient(1200px 500px at 85% -10%,rgba(201,170,92,.16),transparent 60%);color:#fff;margin-top:18px;position:relative;isolation:isolate} .ng-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.18) 40%,transparent 60%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.12) 40%,transparent 60%),radial-gradient(1px 1px at 75% 35%,rgba(255,255,255,.16) 40%,transparent 60%),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.1) 40%,transparent 60%),radial-gradient(1px 1px at 25% 90%,rgba(255,255,255,.14) 40%,transparent 60%);background-size:160px 160px,220px 220px,190px 190px,260px 260px,140px 140px;opacity:.55} .ng-hero__in{max-width:1220px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(16px,3vw,32px) clamp(44px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:end} .ng-hero .ng-eyebrow{color:var(--ng-zloto)} .ng-hero h1{font-size:clamp(42px,6.2vw,80px);line-height:1;color:#fff;margin:0 0 22px;max-width:12ch} .ng-hero__lead,.ng-hero__lead p{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.6;color:#cfcbc2!important;max-width:58ch;margin:0 0 30px} .ng-hero__cta{display:flex;flex-wrap:wrap;gap:12px} .ng-hero__kamienie .ng-eyebrow{color:#9c968a} .ng-kamienie{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .ng-kamien{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none!important;color:#dcd7cb!important;font:400 13.5px/1.2 Karla,sans-serif;letter-spacing:.02em;padding:8px 4px;border-radius:12px;transition:transform .25s cubic-bezier(.2,.7,.2,1),color .2s} .ng-kamien:hover,.ng-kamien:focus-visible{transform:translateY(-4px);color:#fff!important} .ng-kamien:hover .ng-sw--duzy{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 3px var(--ng-granit),0 0 0 4.5px var(--ng-zloto),0 18px 34px -16px rgba(0,0,0,.9)} .ng-kamien.is-on .ng-sw--duzy{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 3px var(--ng-granit),0 0 0 4.5px var(--ng-zloto)} /* KATALOG */ .ng-katalog{padding-block:8px 72px} .ng-filtry{position:sticky;top:var(--ng-top);z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px 0;margin-bottom:26px;background:color-mix(in srgb,var(--ng-papier) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .25s} .ng-filtry.is-stuck{border-bottom-color:var(--ng-linia)} .ng-filtry__grupa{display:flex;flex-wrap:wrap;gap:6px} .ng-filtry__grupa--kam{padding-left:22px;border-left:1px solid var(--ng-linia)} .ng-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 15px;border-radius:999px;border:1px solid var(--ng-linia);background:#fff;color:var(--ng-ink2)!important;font:500 13.5px/1 Karla,sans-serif;text-decoration:none!important;transition:background .18s,border-color .18s,color .18s,transform .18s;user-select:none} .ng-chip:hover{border-color:#b9b2a2;transform:translateY(-1px)} .ng-chip.is-on{background:var(--ng-ink);border-color:var(--ng-ink);color:#fff!important} .ng-chip.is-on .ng-sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 2px var(--ng-ink)} .ng-filtry__licznik{margin:0 0 0 auto!important;font-size:13px!important;color:var(--ng-mute)!important;font-variant-numeric:tabular-nums;white-space:nowrap} .ng-filtry__licznik b{color:var(--ng-ink);font-size:15px} .ng-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px} .ng-karta{position:relative;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)} .ng-karta.is-hidden{display:none} .ng-karta.is-out{opacity:0;transform:scale(.96)} .ng-karta__link{display:block;text-decoration:none!important;color:inherit!important} .ng-karta__foto{display:block;position:relative;aspect-ratio:4/5;border-radius:var(--ng-r);overflow:hidden;background:var(--ng-papier2);isolation:isolate} .ng-karta__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)} .ng-karta:hover .ng-karta__img{transform:scale(1.04)} .ng-karta__brak{position:absolute;inset:0;width:auto;height:auto;border-radius:0;box-shadow:none;display:flex;align-items:flex-end;padding:18px;background-size:100% 100%,120px 120px,140px 140px;opacity:.92} .ng-karta__brak em{font:400 14px/1.3 Forum,serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65);font-style:normal} .ng-karta__brak.ng-sw--szary em{color:rgba(0,0,0,.45)} .ng-karta__zoom{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(20,20,22,.78);color:#fff;font:700 11px/1 Karla,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s} .ng-karta:hover .ng-karta__zoom,.ng-karta__link:focus-visible .ng-karta__zoom{opacity:1;transform:none} .ng-karta__tresc{display:flex;flex-direction:column;gap:7px;padding:14px 2px 0} .ng-karta__gora{display:flex;justify-content:space-between;align-items:baseline;gap:12px} .ng-karta__tytul{font:400 20px/1.25 Forum,serif;color:var(--ng-ink)} .ng-karta__cena{font:700 13px/1 Karla,sans-serif;color:var(--ng-zloto-t);white-space:nowrap;font-variant-numeric:tabular-nums} .ng-karta__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--ng-mute)} .ng-karta__kam{display:inline-flex;gap:-4px} .ng-karta__kam .ng-sw{width:14px;height:14px;margin-right:-4px} .ng-karta__wym{font-variant-numeric:tabular-nums} .ng-pusto{padding:34px;border:1px dashed var(--ng-linia);border-radius:var(--ng-r);text-align:center} .ng-paginacja ul{list-style:none;display:flex;gap:6px;justify-content:center;margin:36px 0 0;padding:0} .ng-paginacja a,.ng-paginacja span{display:inline-block;padding:9px 13px;border-radius:8px;border:1px solid var(--ng-linia);text-decoration:none} /* KOŁO WYCENY */ .ng-kolo{background:var(--ng-granit2);color:#fff;padding-block:clamp(56px,7vw,96px)} .ng-kolo__in{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start} .ng-kolo__naglowek{grid-column:1/-1;max-width:720px} .ng-kolo .ng-eyebrow{color:var(--ng-zloto)} .ng-kolo h2{color:#fff} .ng-kolo__lead{color:#cfcbc2!important} .ng-kolo__tarcza{aspect-ratio:1;max-width:460px;margin:0 auto;width:100%;position:sticky;top:calc(var(--ng-top) + 24px)} .ng-tarcza{width:100%;height:100%;display:block;transform:rotate(135deg)} .ng-tarcza circle{fill:none} .ng-tarcza__tlo{fill:var(--ng-granit)!important;stroke:none} .ng-tarcza__tor{stroke:#2f2f35;stroke-width:14;stroke-linecap:round;stroke-dasharray:603.2 804.2} .ng-tarcza__pasmo{stroke:rgba(201,170,92,.28);stroke-width:14;stroke-linecap:butt;stroke-dasharray:0 804.2;transition:stroke-dasharray .8s cubic-bezier(.2,.7,.2,1),stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1)} .ng-tarcza__luk{stroke:url(#ngZl);stroke-width:14;stroke-linecap:round;stroke-dasharray:0 804.2;transition:stroke-dasharray .8s cubic-bezier(.2,.7,.2,1)} .ng-tarcza__kreski line{stroke:#4a4a52;stroke-width:1.5} .ng-tarcza__kreski line.is-lit{stroke:var(--ng-zloto)} .ng-tarcza__kropka{fill:#fff!important;stroke:var(--ng-granit2);stroke-width:4;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform-origin:160px 160px} .ng-kolo__srodek{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:0 18%} .ng-kolo__srodek .ng-eyebrow{margin:0;color:#9c968a} .ng-kolo__srodek strong{font:400 clamp(30px,4vw,44px)/1.05 Forum,serif;color:#fff;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:center} .ng-kolo__srodek strong i{font-style:normal;color:var(--ng-zloto)} .ng-kolo__zl{font-size:12.5px;color:#9c968a;letter-spacing:.04em} .ng-kolo__panel{display:flex;flex-direction:column;gap:22px} .ng-pole{border:0;padding:0;margin:0;min-width:0} .ng-pole legend{font:700 11px/1.4 Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9c968a;margin-bottom:10px;padding:0} .ng-pole legend small{font-weight:400;letter-spacing:0;text-transform:none;font-size:11px} .ng-seg{display:flex;flex-wrap:wrap;gap:6px} .ng-seg label{position:relative;cursor:pointer} .ng-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer} .ng-seg span{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px;border-radius:999px;border:1px solid #3c3c43;background:#26262b;color:#e6e2d8;font:500 14px/1 Karla,sans-serif;transition:background .18s,border-color .18s,color .18s} .ng-seg--maly span{min-height:34px;padding:7px 13px;font-size:13px} .ng-seg input:checked+span{background:var(--ng-zloto);border-color:var(--ng-zloto);color:var(--ng-granit);font-weight:700} .ng-seg input:focus-visible+span{outline:2px solid #fff;outline-offset:2px} .ng-pole--wym,.ng-pole--lit{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px} .ng-pole--wym legend,.ng-pole--lit legend{grid-column:1/-1} .ng-pole--lit .ng-seg{align-self:end} .ng-suwak{display:flex;flex-direction:column;gap:8px} .ng-suwak>span{display:flex;justify-content:space-between;font-size:13.5px;color:#cfcbc2} .ng-suwak output{font:400 20px/1 Forum,serif;color:#fff;font-variant-numeric:tabular-nums} .ng-suwak output::after{content:" cm";font:400 12px/1 Karla,sans-serif;color:#9c968a} .ng-pole--lit output::after{content:""} .ng-suwak input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--ng-zloto) 0,var(--ng-zloto) var(--p,50%),#3c3c43 var(--p,50%));outline:0;margin:6px 0} .ng-suwak input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ng-granit2);box-shadow:0 0 0 1.5px var(--ng-zloto);cursor:grab} .ng-suwak input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--ng-granit2);box-shadow:0 0 0 1.5px var(--ng-zloto);cursor:grab} .ng-suwak input[type=range]:focus-visible{outline:2px solid #fff;outline-offset:6px} .ng-kam-wybor{display:flex;flex-wrap:wrap;gap:8px} .ng-kam-wybor label{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid #3c3c43;background:#26262b;color:#e6e2d8;font:500 14px/1 Karla,sans-serif;cursor:pointer;transition:border-color .18s,background .18s} .ng-kam-wybor input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer} .ng-kam-wybor .ng-sw{width:24px;height:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);background-size:100% 100%,60px 60px,70px 70px} .ng-kam-wybor label:has(input:checked){border-color:var(--ng-zloto);background:#2f2c22;color:#fff} .ng-kam-wybor label:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px} .ng-dodatki{display:flex;flex-wrap:wrap;gap:6px} .ng-dodatki label{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:7px 14px 7px 12px;border-radius:999px;border:1px dashed #4a4a52;color:#cfcbc2;font:500 13px/1 Karla,sans-serif;cursor:pointer;transition:all .18s} .ng-dodatki label::before{content:"+";margin-right:7px;color:var(--ng-zloto);font-weight:700} .ng-dodatki input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer} .ng-dodatki label:has(input:checked){border-style:solid;border-color:var(--ng-zloto);background:#2f2c22;color:#fff} .ng-dodatki label:has(input:checked)::before{content:"✓"} .ng-kolo__ai{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding-top:8px;border-top:1px solid #33333a;margin-top:6px} .ng-kolo__opis{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:#cfcbc2} .ng-kolo__opis small{color:#9c968a} .ng-kolo__opis textarea{width:100%;background:#26262b;border:1px solid #3c3c43;border-radius:10px;color:#fff;padding:10px 12px;font:400 14px/1.5 Karla,sans-serif;resize:vertical;min-height:52px} .ng-kolo__opis textarea:focus{outline:2px solid var(--ng-zloto);outline-offset:1px;border-color:transparent} .ng-kolo__odp{grid-column:1/-1;position:relative;padding:18px 20px 18px 24px;border-radius:12px;background:#26262b;color:#ece8de;font-size:15px;line-height:1.6} .ng-kolo__odp::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--ng-zloto)} .ng-kolo__odp[hidden]{display:none} .ng-kolo__odp .ng-eyebrow{margin-bottom:6px;color:var(--ng-zloto)} .ng-kolo__odp.is-czeka{color:#9c968a} .ng-kolo__odp.is-czeka::after{content:"";display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:50%;border:2px solid var(--ng-zloto);border-right-color:transparent;animation:ngSpin .8s linear infinite;vertical-align:middle} @keyframes ngSpin{to{transform:rotate(360deg)}} .ng-kolo__nota{font-size:12.5px!important;line-height:1.55;color:#8e887c!important;margin:0} /* KROKI */ .ng-kroki{padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,72px)} .ng-kroki__lista{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative} .ng-kroki__lista::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:var(--ng-linia)} .ng-kroki__lista li{position:relative;padding:0 22px 0 0;display:flex;flex-direction:column;gap:8px} .ng-kroki__nr{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ng-papier);border:1px solid var(--ng-linia);font:400 15px/1 Forum,serif;color:var(--ng-zloto-t);position:relative;z-index:1;margin-bottom:8px;font-variant-numeric:tabular-nums} .ng-kroki__lista strong{font:400 21px/1.2 Forum,serif;color:var(--ng-ink)} .ng-kroki__lista p{font-size:14.5px!important;line-height:1.55;color:var(--ng-mute)!important;margin:0} /* FAQ */ .ng-faq{padding-block:clamp(24px,4vw,56px) clamp(48px,6vw,80px)} .ng-faq__lista{margin-top:20px;border-top:1px solid var(--ng-linia)} .ng-faq details{border-bottom:1px solid var(--ng-linia)} .ng-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:400 20px/1.3 Forum,serif;color:var(--ng-ink)} .ng-faq summary::-webkit-details-marker{display:none} .ng-faq summary i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid var(--ng-linia);position:relative;transition:transform .3s} .ng-faq summary i::before,.ng-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--ng-zloto-t);transform:translate(-50%,-50%)} .ng-faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)} .ng-faq details[open] summary i{transform:rotate(45deg)} .ng-faq details p{margin:0 0 20px;max-width:70ch;font-size:15.5px} .ng-lokalnie{padding-block:0 clamp(40px,5vw,64px)} .ng-lokalnie p{max-width:70ch} .ng-tel{text-align:center;padding:0 16px 56px;margin:0!important} .ng-tel a{text-decoration:none;font:400 20px/1.3 Forum,serif} /* FORMULARZ (wspólny) */ .krzan-ng-form{padding:0 0 40px} .krzan-ng-form h2{margin-bottom:8px} .krzan-ng-form__box{margin-top:20px;padding:clamp(20px,3vw,32px);border-radius:var(--ng-r);background:#fff;border:1px solid var(--ng-linia);display:flex;flex-direction:column;gap:16px;max-width:860px} .krzan-ng-form__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .krzan-ng-form label{display:flex;flex-direction:column;gap:6px;font:700 12px/1.4 Karla,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ng-mute)} .krzan-ng-form input,.krzan-ng-form textarea{font:400 15px/1.4 Karla,sans-serif;padding:11px 13px;border:1px solid var(--ng-linia);border-radius:10px;background:var(--ng-papier);color:var(--ng-ink);letter-spacing:0;text-transform:none} .krzan-ng-form input:focus,.krzan-ng-form textarea:focus{outline:2px solid var(--ng-zloto-t);outline-offset:1px;border-color:transparent} .krzan-ng-form__rodo{font-size:12.5px!important;color:var(--ng-mute)!important;margin:0} .krzan-ng-form .krzan-ng-btn{align-self:flex-start} .krzan-ng-hp{position:absolute!important;left:-9999px} .krzan-ng-ok{padding:18px 20px;border-radius:12px;background:#eef3e6;border:1px solid #cfe0bb} /* PROFIL WZORU */ body.krzan-ng-wzor-page .krzan-cta-call{display:none!important} .krzan-ng-wrap{max-width:1220px;margin:0 auto;padding:18px clamp(16px,3vw,32px) 72px} .krzan-ng-profil{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:44px;align-items:start;margin:22px 0 56px} .krzan-ng-profil__dane h1{font-size:clamp(34px,4.4vw,56px);line-height:1.02;margin:0 0 14px} .krzan-ng-profil__lead{font-size:17.5px!important;line-height:1.6;color:var(--ng-ink2);margin:0 0 24px} .krzan-ng-gal{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--ng-top) + 20px)} .krzan-ng-gal__glowne{display:block;position:relative;width:100%;padding:0;border:0;border-radius:var(--ng-r);overflow:hidden;background:var(--ng-papier2);cursor:zoom-in} .krzan-ng-gal__glowne--brak{aspect-ratio:4/5;background:var(--ng-papier2) repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(0,0,0,.03) 14px,rgba(0,0,0,.03) 28px);cursor:default} .krzan-ng-gal__img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)} .krzan-ng-gal__glowne:hover .krzan-ng-gal__img{transform:scale(1.02)} .krzan-ng-gal__lupa{position:absolute;right:14px;bottom:14px;background:rgba(20,20,22,.78);color:#fff;font:700 11px/1 Karla,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:9px 13px;border-radius:999px;pointer-events:none} .krzan-ng-gal__mini{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin} .krzan-ng-gal__m{flex:0 0 78px;width:78px;height:78px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--ng-papier2);cursor:pointer;transition:border-color .2s,transform .2s} .krzan-ng-gal__m img{width:100%;height:100%;object-fit:cover;display:block} .krzan-ng-gal__m.is-on{border-color:var(--ng-zloto-t)} .krzan-ng-gal__m:hover{transform:translateY(-2px)} .krzan-ng-gal__m:focus-visible{outline:2px solid var(--ng-zloto-t);outline-offset:2px} .krzan-ng-lb{position:fixed;inset:0;z-index:9800;background:rgba(14,13,12,.94);display:flex;align-items:center;justify-content:center;padding:56px 16px} .krzan-ng-lb[hidden]{display:none} .krzan-ng-lb__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px} .krzan-ng-lb__zamknij,.krzan-ng-lb__nav{position:absolute;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s} .krzan-ng-lb__zamknij{top:14px;right:16px} .krzan-ng-lb__nav{top:50%;transform:translateY(-50%);font-size:30px} .krzan-ng-lb__prev{left:12px}.krzan-ng-lb__next{right:12px} .krzan-ng-lb__zamknij:hover,.krzan-ng-lb__nav:hover{background:rgba(255,255,255,.26)} .krzan-ng-lb__licznik{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#e8e3d4;font:400 13px/1 Karla,sans-serif;letter-spacing:.06em} .krzan-ng-panel{border-radius:var(--ng-r);background:var(--ng-granit2);color:#ece8de;padding:26px;display:flex;flex-direction:column;gap:20px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)} .krzan-ng-panel__cena{display:flex;flex-direction:column;gap:3px;margin:0!important;max-width:none!important} .krzan-ng-panel__od{font:700 11px/1.4 Karla,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9c968a} .krzan-ng-panel__cena strong{font:400 38px/1.1 Forum,serif;color:var(--ng-zloto-d);font-variant-numeric:tabular-nums} .krzan-ng-panel__uwaga{font-size:12.5px!important;line-height:1.6;color:#9c968a!important;margin-top:5px!important} .krzan-ng-panel__spec{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;padding:18px 0;border-top:1px solid #33333a;border-bottom:1px solid #33333a;align-items:baseline} .krzan-ng-panel__spec dt{font:700 11px/1.5 Karla,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9c968a} .krzan-ng-panel__spec dd{margin:0;font:400 15px/1.55 Karla,sans-serif;color:#ece8de} .krzan-ng-panel__spec dd a{color:var(--ng-zloto-d);text-decoration:none;border-bottom:1px solid #4a4a52} .krzan-ng-panel__cta{display:flex;flex-wrap:wrap;gap:10px} .krzan-ng-panel__cta .krzan-ng-btn{flex:1 1 auto;background:var(--ng-zloto);border-color:var(--ng-zloto);color:var(--ng-granit)!important} .krzan-ng-panel__cta .krzan-ng-btn:hover{background:var(--ng-zloto-d);border-color:var(--ng-zloto-d)} .krzan-ng-panel__cta .krzan-ng-btn--tel,.krzan-ng-panel__cta .krzan-ng-btn:nth-child(2){background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)} .krzan-ng-panel__cta .krzan-ng-btn:nth-child(2):hover{background:rgba(255,255,255,.08);border-color:#fff} .krzan-ng-panel__blok{display:flex;flex-direction:column;gap:9px;padding-top:18px;border-top:1px solid #33333a} .krzan-ng-panel__blok h2{font:400 18px/1.25 Forum,serif;margin:0;color:#fff} .krzan-ng-panel__blok p{font-size:13.5px!important;line-height:1.6;color:#b9b4a8!important;margin:0!important} .krzan-ng-panel__wcenie{list-style:none;margin:0;padding:0;display:grid;gap:7px} .krzan-ng-panel__wcenie li{position:relative;padding-left:22px;font:400 14.5px/1.55 Karla,sans-serif;color:#ece8de} .krzan-ng-panel__wcenie li::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--ng-zloto)} .krzan-ng-panel__chipy{display:flex;flex-wrap:wrap;gap:7px} .krzan-ng-panel__chipy .krzan-ng-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border-radius:999px;border:1px solid #3c3c43;background:#26262b;color:#e6e2d8!important;font:500 13px/1 Karla,sans-serif;text-decoration:none!important} .krzan-ng-panel__chipy .krzan-ng-chip:hover{border-color:var(--ng-zloto)} .krzan-ng-opis{margin:0 0 48px;max-width:72ch} .krzan-ng-opis p{font-size:17px!important} .krzan-ng-kroki{list-style:none;margin:20px 0 48px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px} .krzan-ng-kroki li{font-size:14.5px;line-height:1.5;color:var(--ng-mute);padding-top:14px;border-top:1px solid var(--ng-linia);counter-increment:ngk} .krzan-ng-kroki li strong{display:block;font:400 18px/1.25 Forum,serif;color:var(--ng-ink);margin-bottom:4px} .krzan-ng-powiazane{margin:0 0 48px} .krzan-ng-powiazane .krzan-ng-siatka,.krzan-ng-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;margin-top:20px} .krzan-ng-wiecej{display:inline-block;margin-top:18px;font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor} .krzan-ng-sasiedzi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:48px 0 0} .krzan-ng-sasiad{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid var(--ng-linia);border-radius:12px;background:#fff;text-decoration:none!important;color:inherit!important;transition:border-color .2s,transform .2s} .krzan-ng-sasiad:hover{border-color:var(--ng-zloto-t);transform:translateY(-2px)} .krzan-ng-sasiad span{font:700 11px/1.4 Karla,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ng-mute)} .krzan-ng-sasiad strong{font:400 18px/1.3 Forum,serif;color:var(--ng-ink)} .krzan-ng-sasiad--next{text-align:right} .krzan-ng-belka{display:none} .krzan-ng-wzor-page .ng-kolo{margin:0 calc(-1 * clamp(16px,3vw,32px)) 40px;border-radius:var(--ng-r)} /* RWD */ @media (max-width:1100px){.ng-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}.krzan-ng-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-kroki__lista{grid-template-columns:repeat(3,1fr);row-gap:28px}.ng-kroki__lista::before{display:none}.krzan-ng-kroki{grid-template-columns:repeat(3,1fr)}} @media (max-width:960px){.ng-hero__in{grid-template-columns:1fr;gap:34px;align-items:start}.ng-kamienie{grid-template-columns:repeat(4,minmax(0,1fr));max-width:480px}.ng-sw--duzy{width:72px;height:72px}.ng-kolo__in{grid-template-columns:1fr}.ng-kolo__tarcza{position:relative;top:auto;max-width:380px}.krzan-ng-profil{grid-template-columns:1fr;gap:26px}.krzan-ng-gal{position:static}.krzan-ng-form__grid{grid-template-columns:1fr}} @media (max-width:640px){.ng-in--bc{padding-top:12px}.ng-hero{margin-top:12px}.ng-hero h1{font-size:clamp(38px,11vw,48px)}.ng-hero__cta .ng-btn{flex:1 1 auto}.ng-kamienie{gap:8px}.ng-sw--duzy{width:60px;height:60px}.ng-kamien{font-size:12.5px}.ng-filtry{position:static;gap:8px 12px;padding:10px 0;margin-inline:calc(-1 * clamp(16px,3vw,32px));padding-inline:clamp(16px,3vw,32px)}.ng-filtry__grupa{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;max-width:100%}.ng-filtry__grupa::-webkit-scrollbar{display:none}.ng-filtry__grupa--kam{padding-left:0;border-left:0}.ng-filtry__licznik{margin-left:0!important;order:3}.ng-chip{white-space:nowrap}.ng-siatka{grid-template-columns:1fr;gap:28px}.ng-karta__foto{aspect-ratio:1/1}.ng-pole--wym,.ng-pole--lit{grid-template-columns:1fr}.ng-kolo__ai{grid-template-columns:1fr}.ng-kolo__ai .ng-btn{width:100%}.ng-kroki__lista{grid-template-columns:1fr}.krzan-ng-kroki{grid-template-columns:1fr}.krzan-ng-siatka{grid-template-columns:1fr}.krzan-ng-gal__img{aspect-ratio:1/1}.krzan-ng-panel{padding:20px}.krzan-ng-panel__cena strong{font-size:31px}.krzan-ng-panel__cta{flex-direction:column}.krzan-ng-lb{padding:52px 8px}.krzan-ng-lb__nav{width:42px;height:42px;font-size:26px}.krzan-ng-sasiad--next{text-align:left}.krzan-ng-wzor-page .ng-kolo{margin-inline:calc(-1 * clamp(16px,3vw,32px));border-radius:0}body.krzan-ng-wzor-page .krzan-ng-wrap{padding-bottom:96px}.krzan-ng-belka{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:8600;gap:8px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(20,20,22,.96);border-top:1px solid #33333a;box-shadow:0 -4px 18px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.krzan-ng-belka__tyt{flex:1 1 auto;min-width:0;font:400 15px/1.25 Forum,serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krzan-ng-belka .krzan-ng-btn{flex:0 0 auto;padding:11px 16px;font-size:14px;min-height:40px}.krzan-ng-belka .krzan-ng-btn:first-of-type{background:transparent;border-color:rgba(255,255,255,.35);color:#fff!important}} @media (prefers-reduced-motion:reduce){.ng-karta,.ng-karta__img,.ng-tarcza__luk,.ng-tarcza__pasmo,.ng-tarcza__kropka,.ng-kamien,.krzan-ng-gal__img{transition:none!important}} /* krzan-ng v3b (2026-09-13): uproszczona wycena (3 wybory + przedział) */ .ng-kolo__in2{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:26px} .ng-kolo__panel2{display:flex;flex-direction:column;gap:22px} .ng-kolo__panel2 .ng-pole legend{margin-bottom:12px} .ng-kolo__panel2 .ng-seg span,.ng-kolo__panel2 .ng-kam-wybor label{min-height:46px} .ng-wynik{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:26px 20px;border-radius:var(--ng-r);background:var(--ng-granit);border:1px solid #33333a} .ng-wynik__od{font:700 11px/1.4 Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9c968a} .ng-wynik__kwota{font:400 clamp(34px,6vw,52px)/1 Forum,serif;color:#fff;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center} .ng-wynik__kwota i{font-style:normal;color:var(--ng-zloto)} .ng-wynik__kwota b{font:400 20px/1 Forum,serif;color:var(--ng-zloto)} .ng-wynik__pod{font-size:12.5px;color:#9c968a;letter-spacing:.04em} .ng-kolo__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:14px} .ng-kolo__akcje .ng-btn{flex:0 0 auto} .ng-wyjasnij{background:none;border:0;padding:0;color:#cfcbc2;font:500 14px/1.4 Karla,sans-serif;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#5a5a62;cursor:pointer;transition:color .2s} .ng-wyjasnij:hover{color:#fff} .ng-wyjasnij[disabled]{opacity:.6;cursor:default} @media (max-width:640px){.ng-kolo__akcje{flex-direction:column;align-items:stretch}.ng-kolo__akcje .ng-btn{width:100%;text-align:center}.ng-wyjasnij{text-align:center}} /* krzan-lp v11 (2026-09-13): czytelnosc - wiekszy tekst, krotsze wiersze */ .krzan-lp p,.krzan-tr p{font-size:17px;line-height:1.65;max-width:66ch} .krzan-tr-about__lead{font-size:19px;line-height:1.6;max-width:60ch} .krzan-lp-cenanote{font-size:14.5px;line-height:1.6;max-width:62ch} .krzan-lp li,.krzan-tr li{font-size:17px;line-height:1.6} .krzan-lp blockquote p,.krzan-tr blockquote p{font-size:17px;line-height:1.6} @media (max-width:640px){.krzan-lp p,.krzan-tr p,.krzan-lp li,.krzan-tr li{font-size:16.5px;line-height:1.62;max-width:none}.krzan-tr-about__lead{font-size:18px;max-width:none}} /* krzan-lp v12 (2026-09-13): swiezszy uklad - oddech, zaokraglenia, hierarchia */ .krzan-lp-zaufanie,.krzan-tr-steps,.krzan-lp-cena,.krzan-lp-kroki,.krzan-tr-kraje{padding-block:74px} .krzan-lp-stats{padding-block:34px} .krzan-tr__h{line-height:1.08;letter-spacing:-.01em;text-wrap:balance} .krzan-tr-about__lead{margin-top:14px} .krzan-tr-step{border-radius:14px;border:1px solid #ece7dc;box-shadow:0 1px 2px rgba(35,35,42,.04),0 10px 28px rgba(35,35,42,.05)} .krzan-lp-details{border-radius:14px} .krzan-lp-cenanote{border-radius:12px;padding:16px 18px} .krzan-lp-opinia{background:#fbfaf6;border-radius:12px;padding:16px 18px} .krzan-lp-img{border-radius:14px} @media (max-width:640px){.krzan-lp-zaufanie,.krzan-tr-steps,.krzan-lp-cena,.krzan-lp-kroki,.krzan-tr-kraje{padding-block:48px}.krzan-tr-step{border-radius:12px}} /* krzan-lp v13 (2026-09-14): mobile, karuzela opinii, dokument PDF, koniec bialego pasa */ body.krzan-lp-page{padding-bottom:0} body.krzan-lp-page .site-main,body.krzan-lp-page .content-area{padding-bottom:0} @media (max-width:767px){ body.krzan-lp-page{padding-bottom:78px} .krzan-lp-page .krzan-cta-call{left:12px;right:12px;bottom:12px;width:auto;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;box-shadow:0 12px 30px rgba(35,35,42,.30)} .krzan-lp-page .krzan-cta-call svg{width:20px;height:20px;flex:0 0 auto} .krzan-lp-page .krzan-cta-call::after{content:"Zadzwoń · 503 990 610";font:700 16.5px/1 Karla,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap} } .krzan-lp-opinie{margin-top:22px} .krzan-lp-opinie__vp{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-3px;padding:3px} .krzan-lp-opinie__vp::-webkit-scrollbar{display:none} .krzan-lp-opinie__track{display:flex;gap:14px;list-style:none;margin:0;padding:0} .krzan-lp-opinie__item{flex:0 0 min(360px,84%);scroll-snap-align:start;display:flex} .krzan-lp-opcard{display:flex;flex-direction:column;gap:10px;width:100%;padding:18px;border:1px solid #ece7dc;border-radius:14px;background:#fbfaf6;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(35,35,42,.04);transition:box-shadow .2s,transform .2s,border-color .2s} .krzan-lp-opcard:hover,.krzan-lp-opcard:focus-visible{box-shadow:0 10px 26px rgba(35,35,42,.09);border-color:#ddd5c4;transform:translateY(-2px)} .krzan-lp-opcard__st{color:#b8912a;font-size:15px;letter-spacing:.14em;line-height:1} .krzan-lp-opcard__tx{font-size:16px;line-height:1.6;flex:1 1 auto;color:#2f2b24} .krzan-lp-opcard__wh{font-size:13.5px;color:#6d675c;letter-spacing:.01em;font-weight:600} .krzan-lp-opcard__wh i{font-style:normal;display:block;font-size:12px;color:#948d80;margin-top:2px;font-weight:400} .krzan-lp-opinie__bar{display:flex;align-items:center;gap:12px;margin-top:14px} .krzan-lp-opnav{width:38px;height:38px;flex:0 0 auto;border:1px solid #ddd5c4;border-radius:50%;background:#fff;color:#3a352c;font:400 20px/1 Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s} .krzan-lp-opnav:hover{background:#f4f0e6} .krzan-lp-opnav[disabled]{opacity:.32;cursor:default} .krzan-lp-opinie__dots{display:flex;gap:6px;flex:1 1 auto;flex-wrap:wrap;align-items:center} .krzan-lp-opdot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#d8d2c5;cursor:pointer;transition:background .2s,transform .2s} .krzan-lp-opdot.is-on{background:#82743a;transform:scale(1.35)} .krzan-lp-opinie__all{display:inline-block;margin-top:14px;font:600 14.5px/1.4 Karla,system-ui,sans-serif;color:#5f5a4f;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8c0ae} .krzan-lp-opinie__all:hover{color:#82743a} @media (max-width:640px){.krzan-lp-opinie__item{flex:0 0 86%}.krzan-lp-opcard__tx{font-size:15.5px}} .krzan-lp-doc{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:28px;padding:20px;border:1px solid #e4dcc8;border-radius:14px;background:linear-gradient(180deg,#fdfbf5,#f6f2e6)} .krzan-lp-doc__ico{display:flex;align-items:center;justify-content:center;width:52px;height:62px;border-radius:8px;background:#82743a;color:#fff;font:700 13px/1 Karla,system-ui,sans-serif;letter-spacing:.08em;flex:0 0 auto} .krzan-lp-doc__h{margin:0 0 4px;font:600 17px/1.3 Karla,system-ui,sans-serif;color:#2b271f} .krzan-lp-doc__d{margin:0;font-size:15px;line-height:1.6;color:#5b5548;max-width:62ch} .krzan-lp-doc__btn{white-space:nowrap} @media (max-width:760px){.krzan-lp-doc{grid-template-columns:auto 1fr;gap:14px;padding:18px}.krzan-lp-doc__btn{grid-column:1 / -1;width:100%;justify-content:center;text-align:center}.krzan-lp-doc__d{font-size:14.5px}} @media (max-width:767px){ .krzan-lp .krzan-tr-wrap,.krzan-lp-stats>*{padding-inline:20px} .krzan-lp p,.krzan-tr p,.krzan-lp li,.krzan-tr li{max-width:none} .krzan-lp .krzan-tr__h{font-size:26px;line-height:1.18;margin-bottom:10px} .krzan-lp .krzan-tr__lead,.krzan-tr-about__lead{font-size:16.5px;line-height:1.62} .krzan-lp-zaufanie,.krzan-tr-steps,.krzan-lp-cena,.krzan-lp-kroki,.krzan-tr-kraje{padding-block:40px} .krzan-lp-stats{padding-block:26px} .krzan-tr-step,.krzan-lp-cenanote,.krzan-lp-opinia{padding:16px} .krzan-lp-details summary{min-height:52px;display:flex;align-items:center} .krzan-lp-img,.krzan-lp-foto,.krzan-tr-about__img img,.krzan-lp-split__img img{border-radius:12px} .krzan-lp-cta{width:100%;justify-content:center;text-align:center;padding-block:14px} .krzan-lp-ctas{display:flex;flex-direction:column;align-items:stretch;gap:12px} .krzan-lp-ocena{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px} .krzan-lp-miasta{font-size:15px;line-height:1.6} } /* krzan-lp v13b (2026-09-14): poprawki specyficznosci - pasek telefonu, karta PDF, koniec strony */ body.krzan-lp-page #main,body.krzan-lp-page .site-main,body.krzan-lp-page .content-area{padding-bottom:0} @media (max-width:767px){ body.krzan-lp-page .krzan-cta-call{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;height:58px;border-radius:14px;padding:0 18px;gap:10px;box-shadow:0 14px 32px rgba(35,35,42,.32)} body.krzan-lp-page .krzan-cta-call::before{border-radius:14px} body.krzan-lp-page .krzan-cta-call svg{width:20px;height:20px} body.krzan-lp-page .krzan-cta-call::after{content:"Zadzwoń · 503 990 610";position:relative;font:700 16.5px/1 Karla,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap} .krzan-lp-doc{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px} .krzan-lp-doc__ico{width:46px;height:54px;font-size:12px} .krzan-lp-doc__btn{width:100%;justify-content:center;text-align:center} } /* krzan-lp v14 (2026-09-14): desktop - zdjecie jedzie z trescia; nowa karta dokumentu */ @media (min-width:992px){ .krzan-lp .krzan-tr-about__top{align-items:start} .krzan-lp .krzan-tr-about__img{position:sticky;top:92px;align-self:start} } @media (min-width:768px){ .krzan-lp .krzan-lp-split{align-items:start} .krzan-lp .krzan-lp-split__img{position:sticky;top:92px;align-self:start} } .krzan-lp-doc{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:0;margin-top:32px;padding:0;overflow:hidden;border:1px solid #e4dcc8;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(35,35,42,.04),0 14px 34px rgba(60,50,20,.06)} .krzan-lp-doc__vis{display:flex;align-items:center;justify-content:center;padding:30px 34px;background:linear-gradient(158deg,#f8f3e7 0%,#efe7d3 100%);border-right:1px solid #e9e1cd} .krzan-lp-doc__stack{position:relative;display:block;width:132px;height:170px} .krzan-lp-doc__sheet{position:absolute;inset:0;display:block;background:#fff;border:1px solid #e4dbc6;border-radius:3px} .krzan-lp-doc__sheet--back{transform:rotate(6deg) translate(7px,-5px);background:#fdfaf2;box-shadow:0 6px 16px rgba(60,50,20,.10)} .krzan-lp-doc__sheet--front{transform:rotate(-2.2deg);padding:15px 13px;box-shadow:0 10px 24px rgba(60,50,20,.14)} .krzan-lp-doc__bar{display:block;height:8px;width:62%;background:#82743a;border-radius:2px;margin-bottom:14px} .krzan-lp-doc__line{display:block;height:4px;background:#ebe6d9;border-radius:2px;margin-bottom:9px} .krzan-lp-doc__line--s{width:56%} .krzan-lp-doc__rule{display:block;height:1px;background:#e4dcc8;margin:13px 0 12px} .krzan-lp-doc__stamp{position:absolute;left:13px;bottom:12px;font:700 9.5px/1 Karla,system-ui,sans-serif;letter-spacing:.16em;color:#82743a;border:1px solid #d9cca8;border-radius:4px;padding:5px 6px} .krzan-lp-doc__txt{padding:26px 28px} .krzan-lp-doc__eyebrow{margin:0 0 8px;font:700 11px/1 Karla,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8d8156} .krzan-lp-doc__h{margin:0;font:400 25px/1.2 Forum,Georgia,serif;color:#26221b;letter-spacing:-.005em} .krzan-lp-doc__de{margin:3px 0 12px;font:italic 400 15px/1.35 Forum,Georgia,serif;color:#9c9479} .krzan-lp-doc__d{margin:0 0 16px;font-size:15.5px;line-height:1.62;color:#54503f;max-width:56ch} .krzan-lp-doc__meta{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0} .krzan-lp-doc__meta li{font:600 12.5px/1 Karla,system-ui,sans-serif;letter-spacing:.02em;color:#6b6450;background:#f5f0e3;border:1px solid #e7dfcb;border-radius:999px;padding:7px 11px;max-width:none} .krzan-lp-doc__btn{display:inline-flex;align-items:center;justify-content:center} @media (max-width:860px){ .krzan-lp-doc{grid-template-columns:minmax(0,1fr)} .krzan-lp-doc__vis{padding:24px;border-right:0;border-bottom:1px solid #e9e1cd} .krzan-lp-doc__stack{width:108px;height:140px} .krzan-lp-doc__sheet--front{padding:12px 11px} .krzan-lp-doc__txt{padding:22px 20px} .krzan-lp-doc__h{font-size:23px} .krzan-lp-doc__d{font-size:15px} .krzan-lp-doc__btn{width:100%} } /* krzan-lp v14b (2026-09-14): hierarchia w karcie dokumentu (bije .krzan-lp p) */ .krzan-lp .krzan-lp-doc__eyebrow{margin:0 0 10px;font:700 11px/1 Karla,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8d8156;max-width:none} .krzan-lp .krzan-lp-doc__h{margin:0;font:400 27px/1.18 Forum,Georgia,serif;color:#23201a;letter-spacing:-.006em;max-width:none} .krzan-lp .krzan-lp-doc__de{margin:4px 0 14px;font:italic 400 15.5px/1.35 Forum,Georgia,serif;color:#9c9479;max-width:none} .krzan-lp .krzan-lp-doc__d{margin:0 0 16px;font-size:15.5px;line-height:1.62;color:#54503f;max-width:58ch} .krzan-lp .krzan-lp-doc__meta li{font:600 12.5px/1 Karla,system-ui,sans-serif;letter-spacing:.02em;color:#6b6450} @media (max-width:860px){.krzan-lp .krzan-lp-doc__h{font-size:23px}.krzan-lp .krzan-lp-doc__de{font-size:14.5px}.krzan-lp .krzan-lp-doc__d{font-size:15px}} /* krzan-lp v15 (2026-09-14): pasek telefonu chowa sie, gdy widac przycisk z numerem */ body.krzan-lp-page .krzan-cta-call{transition:opacity .22s ease,transform .22s ease,visibility .22s} body.krzan-lp-page .krzan-cta-call.kz-fab-off,body.krzan-lp-page .krzan-cta-call.kz-fab-off.is-hidden,body.krzan-lp-page .krzan-cta-call.kz-fab-off.is-scrolling{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)} body.krzan-lp-page .krzan-cta-call.kz-fab-off::before{animation:none;opacity:0} /* krzan-cc v9 (2026-09-14): koszyk - kompaktowe podsumowanie, czytelne usuwanie */ .krzan-cart__sidelist .krzan-cart__sitem{display:grid;grid-template-columns:52px auto minmax(0,1fr);grid-template-areas:"img name name" "img qty price";align-items:center;column-gap:12px;row-gap:9px;padding:15px 0;margin:0;border:0;border-bottom:1px solid #efeade;border-radius:0;background:none;box-shadow:none} .krzan-cart__sidelist .krzan-cart__sitem:last-child{border-bottom:0} .krzan-cart__sidelist .krzan-cart__sitemimg{grid-area:img;display:block;width:52px;height:52px;border-radius:8px;overflow:hidden;background:#f4f0e6;padding:0;margin:0} .krzan-cart__sidelist .krzan-cart__sitemimg img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0} .krzan-cart__sidelist .krzan-cart__sitemname{grid-area:name;display:block;min-width:0} .krzan-cart__sidelist .krzan-cart__sitemtitle{display:block;margin:0;font:400 16.5px/1.3 Forum,Georgia,serif;color:#26221b;overflow-wrap:break-word} .krzan-cart__sidelist .krzan-cart__sitemtyp{display:block;margin:4px 0 0;font:600 10.5px/1 Karla,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#9a9279} .krzan-cart__sidelist .krzan-cart__qty{grid-area:qty;justify-self:start;margin:0} .krzan-cart__sidelist .krzan-cart__sitemprice{grid-area:price;justify-self:end;font:600 15.5px/1 Karla,system-ui,sans-serif;color:#26221b;white-space:nowrap} .krzan-cart__remove{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:19px;line-height:1;color:#8b8474;text-decoration:none;transition:background .2s,color .2s} .krzan-cart__remove:hover,.krzan-cart__remove:focus-visible{background:#f3ece0;color:#8a2b2b} /* krzan-cc v10 (2026-09-14): koszyk - kolejnosc na mobile, zwijane podpowiedzi, mniej szumu */ @media (max-width:1000px){.krzan-cart__layout .krzan-cart__sidecard{order:1}} .krzan-cart__update{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important} .krzan-szarfa__fold{margin-top:10px} .krzan-szarfa__toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font:600 13.5px/1 Karla,system-ui,sans-serif;letter-spacing:.01em;color:#6b6450;background:#f5f0e3;border:1px solid #e7dfcb;border-radius:999px;padding:9px 14px;transition:background .2s,color .2s} .krzan-szarfa__toggle::-webkit-details-marker{display:none} .krzan-szarfa__toggle::after{content:"+";font:400 15px/1 Karla,system-ui,sans-serif;color:#9a9279} .krzan-szarfa__fold[open] .krzan-szarfa__toggle::after{content:"–"} .krzan-szarfa__toggle:hover{background:#efe7d5;color:#3f3b30} .krzan-szarfa__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .krzan-cart__sashwarn{cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(160,60,60,.35)} /* krzan-cc v11 (2026-09-14): informacja gdy nie ma otwartych ceremonii */ .krzan-pp__brak{margin:8px 0 14px;padding:13px 15px;border-radius:10px;background:#faf7ee;border:1px solid #ece4d2;font-size:14.5px;line-height:1.6;color:#5b5548;max-width:none} .krzan-pp__brak a{color:#82743a;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px} /* krzan-cc v12 (2026-09-14): hero na stronie glownej nie ucina tekstu */ @media (min-width:768px) and (max-width:1919px){ .krzan-hero.wp-block-cover{height:auto!important;min-height:calc(920*var(--s) + 46px)!important} }