.elementor-kit-5{--e-global-color-primary:#2F5D50;--e-global-color-secondary:#B3261E;--e-global-color-text:#1B1B1B;--e-global-color-accent:#F0E2BA;--e-global-color-b99f01f:#FBF9F3;--e-global-color-2f842c2:#E9E4D6;--e-global-color-77704ca:#F7F4EC;--e-global-color-2103852:#3B3B3B;--e-global-color-0fdfc56:#5A5A5A;--e-global-color-574d09d:#FFFFFF;--e-global-color-0683325:#FFE36E;--e-global-color-bad1649:#FFB3C7;--e-global-color-1f5e5cc:#A8D8F0;--e-global-color-1490b18:#C5E8A0;--e-global-color-d9bc3eb:#C9A57C;--e-global-color-7ae8e4a:#E3D3B4;--e-global-typography-primary-font-family:"Familjen Grotesk";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.05lh;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Caveat";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.15lh;--e-global-typography-text-font-family:"Familjen Grotesk";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.55lh;--e-global-typography-accent-font-family:"Familjen Grotesk";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1lh;--e-global-typography-b9f0d38-font-family:"Familjen Grotesk";--e-global-typography-b9f0d38-font-size:15px;--e-global-typography-b9f0d38-font-weight:400;--e-global-typography-b9f0d38-line-height:1.5lh;--e-global-typography-fd39f68-font-family:"Caveat";--e-global-typography-fd39f68-font-size:72px;--e-global-typography-fd39f68-font-weight:400;--e-global-typography-72736db-font-family:"Caveat";--e-global-typography-72736db-font-size:28px;--e-global-typography-72736db-font-weight:500;--e-global-typography-72736db-line-height:1.15lh;background-color:#2F5D50;font-family:"Familjen Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:1.55px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#1B1B1B;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:#FBF9F3;border-radius:0px 0px 0px 0px;padding:017px 28px 17px 28px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#B3261E;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:400;text-decoration:underline;}.elementor-kit-5 a:hover{color:#B3261E;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:17px;--e-global-typography-fd39f68-font-size:56px;--e-global-typography-72736db-font-size:26px;font-size:17px;}.elementor-kit-5 a:hover{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-b9f0d38-font-size:14px;--e-global-typography-fd39f68-font-size:44px;--e-global-typography-fd39f68-line-height:1lh;--e-global-typography-72736db-font-size:24px;font-size:16px;}.elementor-kit-5 a:hover{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   AP Web Design – Własny CSS (Ustawienia witryny) – wersja uporządkowana
   ========================================= */

/* 1. Tło strony: zielona mata do cięcia */
body{
  background-color:#2F5D50;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:100px 100px,100px 100px,20px 20px,20px 20px;
}
.mata{
  background-color:#2F5D50;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:100px 100px,100px 100px,20px 20px,20px 20px;
}

/* 2. Linijki */
.linijka{
  height:26px;background-color:#E9E4D6;border-bottom:1px solid #1B1B1B;
  background-image:repeating-linear-gradient(90deg,#1B1B1B 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#1B1B1B 0 1px,transparent 1px 100px);
  background-size:100% 8px,100% 16px;background-repeat:no-repeat;
}
.linijka-mini{
  display:none;height:8px;background-color:#E9E4D6;border-bottom:1px solid #1B1B1B;
  background-image:repeating-linear-gradient(90deg,#1B1B1B 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#1B1B1B 0 1px,transparent 1px 100px);
  background-size:100% 3px,100% 7px;background-repeat:no-repeat;
}

/* 3. Nagłówek: przyklejony, po przewinięciu beżowy i węższy */
.naglowek{transition:background-color .3s ease,box-shadow .3s ease}
.naglowek.elementor-sticky--effects{background-color:#E9E4D6!important;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.naglowek.elementor-sticky--effects .linijka{display:none}
.naglowek.elementor-sticky--effects .linijka-mini{display:block}
.naglowek.elementor-sticky--effects .naglowek-wiersz{--padding-top:6px!important;--padding-bottom:6px!important;padding-block-start:6px!important;padding-block-end:6px!important;transition:padding .3s ease}
.naglowek-wiersz > .e-con-inner{flex-wrap:nowrap!important;justify-content:space-between;align-items:center}
.naglowek-wiersz > .e-con-inner > .e-con:first-child{flex:0 0 auto!important;width:auto!important}
.naglowek-wiersz > .e-con-inner > .e-con:last-child{flex:1 1 auto!important;width:auto!important;justify-content:flex-end}
.naglowek .logo-na-macie{display:flex}
.naglowek .logo-na-bezu{display:none}
.naglowek.elementor-sticky--effects .logo-na-macie{display:none}
.naglowek.elementor-sticky--effects .logo-na-bezu{display:flex}
.logo-na-macie img{width:230px}
.logo-na-bezu img{width:170px}

/* 4. Menu jako karteczki + czerwony przycisk */
.menu-karteczki .elementor-item{text-decoration:none!important}
.menu-karteczki .elementor-nav-menu--main .elementor-nav-menu{gap:4px}
.menu-karteczki .elementor-nav-menu--main .elementor-nav-menu > li{margin:0 6px!important}
.menu-karteczki .elementor-nav-menu--main .elementor-item{background:#F7F4EC;color:#1B1B1B!important;padding:10px 16px!important;font-family:'Familjen Grotesk',sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;box-shadow:0 3px 6px rgba(0,0,0,.25);transition:transform .2s}
.menu-karteczki .elementor-nav-menu--main .menu-item:nth-child(4n+1) .elementor-item{transform:rotate(1.5deg)}
.menu-karteczki .elementor-nav-menu--main .menu-item:nth-child(4n+2) .elementor-item{transform:rotate(-1deg)}
.menu-karteczki .elementor-nav-menu--main .menu-item:nth-child(4n+3) .elementor-item{transform:rotate(2deg)}
.menu-karteczki .elementor-nav-menu--main .menu-item:nth-child(4n+4) .elementor-item{transform:rotate(-2deg)}
.menu-karteczki .elementor-nav-menu--main .elementor-item:hover{color:#B3261E!important;transform:rotate(0) translateY(-2px)}
.menu-karteczki .elementor-menu-toggle{color:#FBF9F3;background:transparent}
.naglowek.elementor-sticky--effects .menu-karteczki .elementor-menu-toggle{color:#1B1B1B}
.menu-karteczki .elementor-nav-menu--dropdown{background:#FBF9F3}
.menu-karteczki .elementor-nav-menu--dropdown .elementor-item{color:#1B1B1B;font-family:'Familjen Grotesk',sans-serif;font-weight:600}
.przycisk-menu .elementor-button{background:#B3261E!important;color:#fff!important;padding:10px 18px;font-family:'Familjen Grotesk',sans-serif!important;font-weight:700;font-size:16px!important;line-height:1.2!important;border-radius:0;box-shadow:0 3px 6px rgba(0,0,0,.25);transform:rotate(1deg);text-decoration:none!important;white-space:nowrap}
.przycisk-menu .elementor-button:hover{background:#1B1B1B!important}
@media (max-width:767px){
 .naglowek-wiersz{--padding-left:16px!important;--padding-right:16px!important;padding-inline:16px!important}
 .naglowek-wiersz > .e-con-inner{gap:10px!important}
 .naglowek-wiersz > .e-con-inner > .e-con:last-child{gap:8px!important;min-width:0}
 .logo-na-macie img{width:150px}
 .logo-na-bezu img{width:130px}
 .przycisk-menu .elementor-button{font-size:13px!important;padding:8px 10px!important}
}
@media (max-width:400px){.przycisk-menu{display:none!important}}

/* 5. Stopka */
.stopka{background:#1B1B1B}
.stopka, .stopka p{color:#CFCBC0;font-size:15px;line-height:1.7;margin:0}
.stopka a{color:#FBF9F3;text-decoration:none}
.stopka a:hover{color:#F0E2BA}
.stopka .elementor-heading-title{color:#FBF9F3!important;letter-spacing:.8px}
.stopka .stopka-reka{font-family:'Caveat',cursive;font-size:26px;color:#F0E2BA}
.stopka-logo img{width:200px}
.stopka-dol{border-top:1px solid #3A3A3A}
.stopka-dol p{font-size:14px}

/* 6. Karteczki do zrywania – wygląd i animacja */
.postit{position:relative;cursor:grab;color:#2A2622;background-image:linear-gradient(180deg,rgba(255,255,255,.28) 0,rgba(255,255,255,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.06) 100%);border-radius:0 0 3px 22px/0 0 3px 6px;box-shadow:0 1px 2px rgba(0,0,0,.18),0 16px 22px -12px rgba(0,0,0,.55);transform-origin:10% 0%;transform:rotate(-1.5deg);overflow:hidden}
.postit::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.02));border-bottom:1px solid rgba(0,0,0,.05)}
.postit::after{content:"";position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.16) 50%,rgba(255,255,255,.75) 64%,rgba(0,0,0,.05));transition:width .25s ease,height .25s ease}
.postit:hover{transform:rotate(-3deg) translateY(-3px)}
.postit:hover::after{width:60px;height:60px}
.postit.oderwana{animation:zerwij .95s cubic-bezier(.45,.05,.6,1) forwards;pointer-events:none}
@keyframes zerwij{0%{transform:rotate(-1.5deg)}22%{transform:rotate(-7deg) translate(-2%,-7%)}100%{transform:rotate(-40deg) translate(-35%,150%);opacity:0}}
@media (prefers-reduced-motion:reduce){.postit.oderwana{animation:none;opacity:0}}
.elementor-widget-html button.postit{width:100%;height:100%;margin:0;border:none!important;border-radius:0 0 3px 22px/0 0 3px 6px!important;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch!important;padding:30px 20px 14px!important;text-align:left;font-family:'Caveat',cursive!important;font-size:16px!important;font-weight:400!important;color:#2A2622!important;text-transform:none!important;letter-spacing:0!important;line-height:1.1!important;white-space:normal!important;box-shadow:0 1px 2px rgba(0,0,0,.18),0 16px 22px -12px rgba(0,0,0,.55)!important}
.elementor-widget-html button.postit > span,
.elementor-widget-html button.postit .t,
.elementor-widget-html button.postit .s{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.postit .t{font-weight:700;font-size:34px!important;line-height:.95}
.postit .s{font-weight:500;font-size:22px!important;line-height:1.08;margin-top:6px}
.elementor-widget-html button.postit .o{display:block!important;width:auto!important;text-align:right!important;align-self:flex-end;padding-right:26px;font-weight:700;font-size:24px;color:#B3261E;text-decoration:underline wavy;text-underline-offset:5px}
.postit-blekit{background-color:#A8D8F0!important}
.postit-zolta{background-color:#FFE36E!important}
.postit-roz{background-color:#FFB3C7!important}
.postit-zielona{background-color:#C5E8A0!important}
.postit-karta{position:absolute!important;top:-8px;left:-10px;right:-6px;bottom:-8px;z-index:3;width:auto!important;max-width:none!important}
.postit-karta .elementor-widget-container{height:100%}
.szczegoly{position:relative;min-height:270px}

/* 7. Hero: kartka, taśma, dopiski, notka */
.kartka{background:#FBF9F3;box-shadow:0 30px 60px rgba(0,0,0,.35);position:relative}
.kartka-hero{transform:rotate(-1.2deg)}
.tasma::before,.tasma::after{content:"";position:absolute;top:-16px;width:120px;height:32px;background:rgba(240,226,186,.85);z-index:2}
.tasma::before{left:40px;transform:rotate(-4deg)}
.tasma::after{right:50px;transform:rotate(5deg)}
.dopisek-czerwony p{font-family:'Caveat',cursive;font-size:28px;line-height:1.15!important;color:#B3261E;margin:0}
.dopisek-grafit p{font-family:'Caveat',cursive;font-size:26px;line-height:1.15!important;color:#1B1B1B;margin:0}
.tekst-drugi p{color:#3B3B3B;font-size:20px;line-height:1.55;margin:0}
.notka{background:#FFE36E;padding:22px 24px;max-width:260px;transform:rotate(-5deg);box-shadow:0 10px 20px rgba(0,0,0,.3)}
.notka p{font-family:'Caveat',cursive;font-size:27px;line-height:1.15!important;color:#1B1B1B;margin:0}

/* 8. Hero: polaroid z karuzelą – beżowa ramka, białe pole zdjęcia, podpis pod zdjęciem */
.polaroid{background:#EFE6D2!important;width:100%;max-width:330px;transform:rotate(4deg);box-shadow:0 18px 40px rgba(0,0,0,.35);position:relative}
.polaroid::before{content:"";position:absolute;top:-14px;left:50%;margin-left:-50px;width:100px;height:28px;background:rgba(240,226,186,.85);transform:rotate(-3deg);z-index:4}
.postit-miejsce{position:absolute!important;top:16%;left:8%;right:8%;bottom:30%;z-index:3;width:auto!important}
.postit-miejsce .elementor-widget-container{height:100%}
.postit-miejsce .postit{transform:rotate(3deg)}
.polaroid.odkryta .postit-miejsce{pointer-events:none!important;visibility:hidden;transition:visibility 0s 1s}
.polaroid .elementor-main-swiper{width:100%;aspect-ratio:1/1!important;height:auto!important;overflow:hidden}
.polaroid .elementor-main-swiper .swiper-wrapper,
.polaroid .elementor-main-swiper .swiper-slide{height:100%!important}
.polaroid .elementor-main-swiper .swiper-slide > a{display:block;height:100%!important}
.polaroid .elementor-carousel-image{position:relative;height:100%!important;margin:0!important;background-color:#FFFFFF!important;background-size:72% auto!important;background-repeat:no-repeat!important;background-position:center 38%!important;overflow:hidden!important}
.polaroid:not(.odkryta) .elementor-carousel-image-overlay{display:none!important}
.polaroid.odkryta .elementor-carousel-image-overlay{opacity:1!important;transform:none!important;top:auto!important;bottom:0!important;left:0;right:0;height:auto!important;padding:8px 10px 12px!important;background:#FFFFFF!important;display:flex!important;align-items:center;justify-content:center;text-align:center;font-family:'Caveat',cursive!important;font-size:24px!important;line-height:1.3!important;color:#1B1B1B!important}
.polaroid .swiper-pagination{position:static!important;margin-top:4px}
.polaroid .swiper-pagination-bullet{width:8px;height:8px;background:#1B1B1B;opacity:.25}
.polaroid .swiper-pagination-bullet-active{background:#B3261E;opacity:1}

/* 9. Zabezpieczenie typografii (gdyby ustawienia globalne się rozjechały) */
.elementor-widget-text-editor p,.elementor-widget-text-editor li{line-height:1.55!important}
h1.elementor-heading-title{line-height:.98!important}
h2.elementor-heading-title{line-height:1.05!important}
h3.elementor-heading-title{line-height:1.15!important}
h4.elementor-heading-title{line-height:1.2!important}
h5.elementor-heading-title,h6.elementor-heading-title{line-height:1.3!important}
.elementor-button{text-decoration:none!important}

/* 10. Tytuły, dopiski i listy */
.tytul-reka .elementor-heading-title{font-family:'Caveat',cursive!important;font-weight:700!important;font-size:72px!important;line-height:1!important;letter-spacing:0!important;color:#FBF9F3!important;transform:rotate(-1deg)}
@media (max-width:1024px){.tytul-reka .elementor-heading-title{font-size:56px!important}}
@media (max-width:767px){.tytul-reka .elementor-heading-title{font-size:44px!important}}
.dopisek-tasma p{font-family:'Caveat',cursive;font-size:28px;line-height:1.15;color:#F0E2BA;margin:-28px 0 0}
.naglowek-jasny .elementor-heading-title{color:#FBF9F3!important}
.lista-kreska{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.4}
.lista-kreska li{margin-bottom:8px}
.lista-kreska li::before{content:"– "}
.cena .elementor-heading-title{font-size:44px!important;letter-spacing:-1.3px!important}
.cena-duza .elementor-heading-title{font-size:50px!important}

/* 11. Pakiety: kartka, teczka, szkicownik */
.karta-onepage{width:300px!important;max-width:100%;min-height:440px;transform:rotate(-2.5deg)}
.teczka{width:340px!important;max-width:100%;background:#C9A57C;transform:rotate(1.8deg);box-shadow:0 24px 48px rgba(0,0,0,.4);position:relative}
.teczka-etykieta{background:#FBF9F3}
.szkicownik{width:300px!important;max-width:100%;background:#1E1E1E;border-radius:6px 14px 14px 6px;transform:rotate(-1deg);box-shadow:0 20px 40px rgba(0,0,0,.4);position:relative}
.szkicownik::after{content:"";position:absolute;top:0;bottom:0;right:30px;width:10px;background:#B3261E}
.szkicownik .elementor-heading-title,.szkicownik p,.szkicownik li{color:#F2EFE6!important}
.szkicownik h6.elementor-heading-title{color:#C9C5BA!important}
.pieczatka-miejsce{position:absolute!important;right:-22px;top:-26px;width:auto!important;z-index:4}
.pieczatka{width:108px;height:108px;border:4px solid #B3261E;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-16deg);font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:15px;line-height:1.1;letter-spacing:.04em;color:#B3261E;background:rgba(251,249,243,.7)}

/* 12. Wizytówka i grafika */
.wizytowka-blok{width:400px!important;max-width:100%}
.wizytowka-stos{position:relative;width:100%;aspect-ratio:380/300}
.wiz-rewers{position:absolute;left:0;top:0;width:82%;aspect-ratio:90/50;background:#1E1E1E;transform:rotate(-7deg);box-shadow:0 14px 26px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;gap:10px}
.wiz-plama{display:inline-block;width:34px;height:34px;background:#B3261E;border-radius:58% 42% 55% 45%/52% 48% 52% 48%}
.wiz-plama.mala{width:22px;height:22px;flex:none}
.wiz-nazwa{font-family:'Caveat',cursive;font-weight:700;font-size:30px;color:#F2EFE6}
.wiz-awers{position:absolute;right:0;bottom:0;width:82%;aspect-ratio:90/50;box-sizing:border-box;background:#fff;transform:rotate(4deg);box-shadow:0 18px 30px rgba(0,0,0,.42);padding:6% 7%;display:flex;flex-direction:column;justify-content:space-between}
.wiz-osoba{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.15;color:#1B1B1B}
.wiz-osoba small{font-size:12px;color:#5A5A5A}
.wiz-linie{display:flex;flex-direction:column;gap:5px}
.wiz-linie span{display:block;height:4px;width:58%;background:#D9D4C6}
.wiz-linie span:nth-child(2){width:44%}
.wiz-linie span:nth-child(3){width:50%}
.wiz-metka{position:absolute;right:-6px;top:-4px;width:96px;height:96px;border-radius:50%;background:#FFE36E;box-shadow:0 6px 12px rgba(0,0,0,.3);transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Caveat',cursive;line-height:1;color:#1B1B1B}
.wiz-metka span{font-size:18px}
.wiz-metka strong{font-size:34px}
.wiz-podpis{font-family:'Caveat',cursive;font-size:30px;color:#FBF9F3;text-align:center;margin:18px 0 0}
.karta-grafika{width:460px!important;max-width:100%;transform:rotate(-1.5deg)}
.tasma-srodek::before{content:"";position:absolute;top:-14px;left:50%;margin-left:-60px;width:120px;height:30px;background:rgba(240,226,186,.88);transform:rotate(-2deg);z-index:2}
.logo-probki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.lp1{background:#fff;border:1px solid #E2DCCB}
.lp1 b{width:56%;aspect-ratio:1/1;border-radius:50%;border:3px solid #1B1B1B;display:flex;align-items:center;justify-content:center;font-size:22px}
.lp2{background:#1E1E1E;font-family:'Caveat',cursive;font-weight:700;font-size:34px;color:#FFE36E}
.lp3{background:#B3261E}
.lp3 i{display:block;width:50%;aspect-ratio:1/1;background:#FBF9F3;border-radius:58% 42% 55% 45%/52% 48% 52% 48%}
.kolory-probki{display:flex;align-items:center;gap:10px;margin-top:14px}
.kolory-probki span{width:26px;height:26px;border-radius:50%}
.kolory-probki em{font-style:normal;font-weight:700;font-size:30px;margin-left:auto}
.kolory-probki em.reka{margin-left:0;font-family:'Caveat',cursive;font-size:32px}
.cennik-kropki p{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:17px;color:#1B1B1B}
.cennik-kropki i{flex:1;border-bottom:2px dotted #B9B2A0}
.cennik-kropki strong{font-size:19px;white-space:nowrap}

/* 13. Dokument prawny */
.dokument{width:100%!important;max-width:900px;background:#fff;transform:rotate(.8deg)}
.dokument-ozdoby{position:absolute!important;inset:0;width:auto!important;max-width:none!important;pointer-events:none}
.spinacz{position:absolute;top:-22px;left:64px;width:22px;height:64px;border:3px solid #9A9A9A;border-radius:11px;border-bottom-color:transparent;transform:rotate(-8deg)}
.pieczatka-paragraf{position:absolute;right:18px;bottom:16px;width:120px;height:120px;border:3px solid #B3261E;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-14deg);color:#B3261E;opacity:.85;font-weight:700;font-size:12px;letter-spacing:.08em;line-height:1.2}
.pieczatka-paragraf b{font-family:'Caveat',cursive;font-size:44px;line-height:.9;letter-spacing:0}

/* 14. Dobrze wiedzieć */
.pasek-papieru{width:100%!important;max-width:820px;background:#F7F4EC;padding:30px 40px 26px;transform:rotate(-.8deg);box-shadow:0 12px 24px rgba(0,0,0,.35);clip-path:polygon(0 3%,4% 0,30% 2%,55% 0,80% 3%,100% 0,100% 97%,75% 100%,50% 97%,25% 100%,0 98%)}
.pasek-papieru p{margin:0;font-size:16px;line-height:1.6;color:#2B2B2B}
.dw-tytul{font-family:'Caveat',cursive;font-weight:700;font-size:34px;color:#B3261E;margin-right:10px}

/* 15. Dlaczego my – fiszki */
.fiszka{position:relative;width:calc(25% - 24px)!important;background-color:#fff;background-image:linear-gradient(#E7A3A0,#E7A3A0),repeating-linear-gradient(transparent 0 31px,#CFE0EE 31px 32px);background-size:100% 2px,100% 100%;background-position:0 64px,0 66px;background-repeat:no-repeat,repeat;box-shadow:0 16px 30px rgba(0,0,0,.35)}
@media (max-width:1024px){.fiszka{width:calc(50% - 16px)!important}}
@media (max-width:767px){.fiszka{width:100%!important}}
.fiszka-1{transform:rotate(-2deg)}
.fiszka-2{transform:rotate(1.5deg) translateY(14px)}
.fiszka-3{transform:rotate(-1deg)}
.fiszka-4{transform:rotate(2.2deg) translateY(8px)}
.fiszka-gora{display:flex;align-items:center;justify-content:space-between;height:36px}
.fiszka-nr{font-family:'Caveat',cursive;font-weight:700;font-size:40px;line-height:1;color:#B3261E}
.fiszka p{font-size:16px;line-height:2;color:#2B2B2B;margin:0}
.pinezka{position:absolute;top:-12px;left:50%;margin-left:-13px;width:26px;height:26px;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.45);z-index:2}
.pinezka-czerwona{background:radial-gradient(circle at 35% 35%,#E8615A 0 25%,#B3261E 60%)}
.pinezka-niebieska{background:radial-gradient(circle at 35% 35%,#6FA8DC 0 25%,#23578F 60%)}
.pinezka-zolta{background:radial-gradient(circle at 35% 35%,#FFE98A 0 25%,#D9A400 60%)}
.pinezka-zielona{background:radial-gradient(circle at 35% 35%,#9EE08A 0 25%,#3F8A2E 60%)}

/* 16. Jak pracujemy (zeszyt) i specjalizacje */
.zeszyt{flex:1 1 520px!important;position:relative;background-color:#FBF9F3;background-image:repeating-linear-gradient(transparent 0 43px,#B8CDE0 43px 44px);transform:rotate(.8deg);box-shadow:0 24px 48px rgba(0,0,0,.35)}
.zeszyt::before{content:"";position:absolute;top:0;bottom:0;left:56px;width:2px;background:#E7A3A0}
.zeszyt-tytul .elementor-heading-title{font-family:'Caveat',cursive!important;font-size:46px!important;line-height:44px!important;letter-spacing:0!important;color:#1B1B1B!important}
.lista-zeszyt{list-style:none;margin:0;padding:0;font-family:'Caveat',cursive;font-size:32px;line-height:44px;color:#1B1B1B}
.kolumna-spec{flex:1 1 360px!important}
.karteczki-linki{display:flex;flex-wrap:wrap;gap:12px}
.karteczki-linki a{background:#FBF9F3;padding:10px 16px;color:#1B1B1B;text-decoration:none;font-weight:600;box-shadow:0 3px 6px rgba(0,0,0,.25)}
.karteczki-linki a:nth-child(odd){transform:rotate(-1.5deg)}
.karteczki-linki a:nth-child(even){transform:rotate(1.5deg)}
.karteczki-linki a:hover{color:#B3261E}

/* 17. Realizacje – zdjęcia przyklejone taśmą */
.zdjecie-realizacji{width:460px!important;max-width:100%;background:#fff;box-shadow:0 22px 44px rgba(0,0,0,.4);position:relative}
.zdjecie-realizacji.r1{transform:rotate(-2deg)}
.zdjecie-realizacji.r2{transform:rotate(1.8deg)}
.zdjecie-realizacji::before{content:"";position:absolute;top:-16px;left:50%;margin-left:-55px;width:110px;height:30px;background:rgba(240,226,186,.88);transform:rotate(3deg);z-index:2}
.realizacja-foto .elementor-widget-container{background:#DCD6C6;aspect-ratio:16/10;overflow:hidden}
.realizacja-foto img{width:100%;height:100%;object-fit:cover}
.realizacja-podpis p{margin:0}
.realizacja-podpis a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:'Caveat',cursive;text-decoration:none}
.r-nazwa{font-weight:700;font-size:30px;color:#1B1B1B}
.r-opis{font-size:24px;color:#B3261E}
.r-nazwa,.r-opis{min-width:0;overflow-wrap:anywhere}
@media (max-width:767px){
 .realizacja-podpis a{flex-direction:column;align-items:flex-start;gap:2px}
 .r-nazwa{font-size:24px;line-height:1.15}
 .r-opis{font-size:20px;line-height:1.2}
}

/* 18. Koperta (kontakt) */
.koperta{width:100%!important;max-width:820px;background:#E3D3B4;transform:rotate(-1deg);box-shadow:0 30px 60px rgba(0,0,0,.4);position:relative}
.znaczek-miejsce{position:absolute!important;right:34px;top:30px;width:auto!important}
.znaczek{display:flex;align-items:center;justify-content:center;width:74px;height:90px;border:3px dashed #B3261E;font-family:'Caveat',cursive;font-size:22px;color:#B3261E;transform:rotate(6deg)}
.koperta .elementor-heading-title{max-width:560px}
.koperta .elementor-widget-text-editor p{margin:0!important}
.koperta .e-con:has(.elementor-widget-button){align-items:center!important}
.koperta a[href^="tel:"]{color:#1B1B1B;text-decoration:none;font-size:20px}

/* 19. Nagłówki w kartach oferty i fiszkach */
.karta-onepage h6.elementor-heading-title,.teczka h6.elementor-heading-title,.szkicownik h6.elementor-heading-title,.dokument h6.elementor-heading-title{font-size:14px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:.8px!important;text-transform:uppercase!important}
.karta-onepage h3.elementor-heading-title,.teczka h3.elementor-heading-title,.szkicownik h3.elementor-heading-title,.dokument h3.elementor-heading-title,.karta-grafika h3.elementor-heading-title{font-size:30px!important;line-height:1.15!important;letter-spacing:-.6px!important}
.cena .elementor-heading-title{line-height:1!important}
.fiszka h4.elementor-heading-title{font-size:23px!important;font-weight:700!important;color:#1B1B1B!important;letter-spacing:0!important;margin-top:8px}
.tytul-reka .elementor-heading-title,.zeszyt-tytul .elementor-heading-title{line-height:1!important}
.lista-zeszyt li{line-height:44px!important}
.cennik-kropki p{line-height:1.3!important}

/* 20. Podstrona Oferta */
.kartka-szeroka{width:100%!important;max-width:900px}
.dla-kogo p{font-family:'Caveat',cursive;font-size:24px;line-height:1.2!important;color:#B3261E;margin:0}
.szkicownik .dla-kogo p{color:#F0E2BA}
.teczka .dla-kogo p{color:#1B1B1B}
.karta-oferta .lista-kreska{font-size:16px}
.kartka-cennik{width:520px!important;max-width:100%;transform:rotate(-1deg)}
.kartka-cennik-2{transform:rotate(1.2deg)}
.zeszyt-oferta{flex:none!important;width:100%!important;max-width:860px;--padding-bottom:110px!important;padding-block-end:110px!important}

/* 21. Podstrona Realizacje */
.realizacja-opis p{font-size:16px;line-height:1.55!important;color:#3B3B3B;margin:0}
.miejsce-na-realizacje{width:460px!important;max-width:100%;min-height:360px;border:3px dashed rgba(251,249,243,.6);transform:rotate(-1deg);text-align:center}
.miejsce-tytul p{font-family:'Caveat',cursive;font-size:44px;line-height:1.05!important;color:#FBF9F3;margin:0}
.miejsce-na-realizacje .elementor-widget-text-editor p{color:#F0E2BA}

/* 22. Podstrona Kontakt – list wysuwa się z koperty */
.koperta-wysuw{flex:1 1 520px!important;max-width:680px!important;width:100%;position:relative;isolation:isolate;padding-bottom:110px!important;--padding-bottom:110px!important;transform:rotate(-1deg)}
.koperta-wysuw::before{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;background:#CDB993;clip-path:polygon(0 30%,50% 0,100% 30%,100% 100%,0 100%);z-index:0}
.list-formularz{margin:0 32px!important;width:auto!important;z-index:1;position:relative}
.koperta-przod-miejsce{position:absolute!important;left:0;right:0;bottom:0;width:100%!important;z-index:2;pointer-events:none;margin:0!important}
.koperta-przod{position:relative;height:170px;background:#E3D3B4;clip-path:polygon(0 0,50% 30%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 0 rgba(0,0,0,.08))}
.koperta-przod .znaczek{position:absolute;right:28px;bottom:26px;width:58px;height:70px;font-size:18px}
.koperta-napis{position:absolute;left:32px;bottom:34px;font-family:'Caveat',cursive;font-size:26px;color:#1B1B1B}
/* animacja: list schowany w kopercie, potem się wysuwa */
.koperta-wysuw.czeka .list-formularz{transform:translateY(78%);clip-path:inset(-100px -100px 78% -100px)}
.koperta-wysuw.wysun .list-formularz{animation:apWysun 1.3s cubic-bezier(.22,.8,.25,1) both}
@keyframes apWysun{from{transform:translateY(78%);clip-path:inset(-100px -100px 78% -100px)}to{transform:translateY(0);clip-path:inset(-100px -100px -100px -100px)}}
@media (max-width:767px){
 .koperta-wysuw{padding-bottom:80px!important;--padding-bottom:80px!important}
 .list-formularz{margin:0 16px!important}
 .koperta-przod{height:130px}
 .koperta-wysuw::before{height:200px}
 .koperta-napis{font-size:22px;left:20px;bottom:26px}
 .koperta-przod .znaczek{right:18px;bottom:20px;width:48px;height:58px;font-size:16px}
}
/* kartka z danymi */
.kartka-dane{width:420px!important;max-width:100%;transform:rotate(1.5deg)}
.kartka-dane .cennik-kropki a{color:#1B1B1B;text-decoration:none}
.kartka-dane .cennik-kropki a:hover{color:#B3261E}
.dane-firmy{font-size:13px!important;color:#5A5A5A!important}
/* pola formularza */
.formularz-koperta .elementor-field-label{font-family:'Familjen Grotesk',sans-serif;font-weight:600;font-size:15px;color:#1B1B1B}
.formularz-koperta .elementor-field-textual,
.formularz-koperta select{background:#FFFFFF!important;border:1.5px solid #1B1B1B!important;border-radius:0!important;color:#1B1B1B!important;font-size:16px!important;padding:12px 14px!important}
.formularz-koperta .elementor-field-textual:focus,
.formularz-koperta select:focus{outline:2px solid #B3261E;outline-offset:1px}
.formularz-koperta .elementor-field-type-acceptance label{font-size:14px;color:#3B3B3B}
.formularz-koperta .elementor-field-type-acceptance a{color:#B3261E}
.formularz-koperta .elementor-button{width:100%;background:#1B1B1B!important;color:#FBF9F3!important;border-radius:0!important;font-weight:700;padding:16px!important}
.formularz-koperta .elementor-button:hover{background:#B3261E!important}
.formularz-koperta .elementor-message-success{font-family:'Caveat',cursive;font-size:26px;color:#1B1B1B}
/* 22a. Formularz – poprawki etykiet i odstępów */
.formularz-koperta .elementor-form-fields-wrapper{row-gap:20px!important}
.formularz-koperta .elementor-field-group{margin-bottom:0!important;padding-top:0!important}
.formularz-koperta .elementor-field-label{display:block!important;line-height:1.3!important;padding:0!important;margin:0 0 8px 0!important;height:auto!important;overflow:visible!important}
.formularz-koperta .elementor-field-type-acceptance > .elementor-field-label{display:none!important}
.formularz-koperta .elementor-field-subgroup .elementor-field-option{display:flex!important;align-items:flex-start;gap:10px}
.formularz-koperta .elementor-field-option input{margin:4px 0 0 0!important;flex:none;width:18px;height:18px;accent-color:#1B1B1B}
.formularz-koperta .elementor-field-option label{line-height:1.4!important}
.formularz-koperta textarea.elementor-field-textual{min-height:140px!important}
.formularz-koperta .elementor-field-group-email,.formularz-koperta .elementor-field-group-imie{align-self:start}
.list-formularz .elementor-heading-title{color:#1B1B1B!important}

/* 22b. Kartka „Albo bezpośrednio” */
.kartka-dane .elementor-heading-title{color:#1B1B1B!important;font-size:34px!important;line-height:1.15!important}
.dane-lista p{display:flex!important;flex-direction:column;gap:2px;margin:0 0 14px 0!important;line-height:1.35!important;position:static!important}
.dane-lista span{font-family:'Caveat',cursive;font-size:20px;color:#B3261E}
.dane-lista a{color:#1B1B1B!important;text-decoration:none;font-size:18px;font-weight:600;word-break:break-word}
.dane-lista a:hover{color:#B3261E!important}
.kartka-dane .dopisek-czerwony p{line-height:1.2!important}

/* 23. Polityka prywatności i cookies */
.kartka-prawna{transform:none!important}
.kartka-prawna h2.elementor-heading-title{font-size:24px!important;line-height:1.25!important;letter-spacing:-.3px!important;color:#1B1B1B!important;margin-top:20px!important}
.kartka-prawna h1.elementor-heading-title{color:#1B1B1B!important}
.kartka-prawna .elementor-widget-text-editor{font-size:16px;line-height:1.6}
.kartka-prawna .elementor-widget-text-editor ul{padding-left:20px;margin:0}
.kartka-prawna .elementor-widget-text-editor li{margin-bottom:8px}
.kartka-prawna .elementor-widget-text-editor a{color:#B3261E}/* End custom CSS */