.elementor-kit-7{--e-global-color-primary:#F9EFE2;--e-global-color-secondary:#7B0037;--e-global-color-text:#05043D;--e-global-color-accent:#9BD087;--e-global-color-f40c6bb:#D1AABD;--e-global-color-371515c:#FFFBF6;--e-global-color-c257740:#FFFFFF;--e-global-color-9cdadcd:#66A057;--e-global-color-d01fb4c:#02B8BF;--e-global-color-ac92bd6:#00000000;--e-global-typography-primary-font-family:"Public Sans";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Public Sans";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Public Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Public Sans";--e-global-typography-accent-font-size:20px;--e-global-typography-c078171-font-family:"Public Sans";--e-global-typography-c078171-font-size:1rem;--e-global-typography-c078171-font-weight:300;--e-global-typography-abdd87e-font-family:"Public Sans";--e-global-typography-abdd87e-font-size:4.5rem;--e-global-typography-abdd87e-font-weight:400;--e-global-typography-e476083-font-family:"Public Sans";--e-global-typography-e476083-font-size:2.75rem;--e-global-typography-e476083-font-weight:400;--e-global-typography-f57158e-font-family:"Public Sans";--e-global-typography-f57158e-font-size:2rem;--e-global-typography-f57158e-font-weight:400;--e-global-typography-68339be-font-family:"Public Sans";--e-global-typography-68339be-font-size:1.5rem;--e-global-typography-68339be-font-weight:400;--e-global-typography-c218ec6-font-family:"Public Sans";--e-global-typography-c218ec6-font-size:1.25rem;--e-global-typography-c218ec6-font-weight:400;--e-global-typography-c218ec6-line-height:1.5rem;--e-global-typography-6997c9c-font-family:"Public Sans";--e-global-typography-6997c9c-font-weight:500;--e-global-typography-296c012-font-family:"Public Sans";--e-global-typography-296c012-font-size:1rem;--e-global-typography-296c012-font-weight:400;--e-global-typography-0a6fb73-font-family:"Public Sans";--e-global-typography-0a6fb73-font-size:1.125rem;--e-global-typography-0a6fb73-font-weight:400;--e-global-typography-2041d36-font-family:"Public Sans";--e-global-typography-2041d36-font-size:1rem;--e-global-typography-2041d36-font-weight:400;--e-global-typography-2041d36-text-transform:uppercase;--e-global-typography-f0873d1-font-size:0.75rem;--e-global-typography-f0873d1-font-weight:400;--e-global-typography-01273ee-font-size:0.625rem;--e-global-typography-473a270-font-family:"Public Sans";--e-global-typography-473a270-font-size:1rem;--e-global-typography-473a270-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-371515c );font-family:var( --e-global-typography-296c012-font-family ), Sans-serif;font-size:var( --e-global-typography-296c012-font-size );font-weight:var( --e-global-typography-296c012-font-weight );color:var( --e-global-color-text );box-shadow:0px 10px 0px 0px rgba(0, 0, 0, 0.05);border-style:none;border-radius:6.25rem 6.25rem 6.25rem 6.25rem;padding:0.75rem 1.5rem 0.75rem 1.5rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-c257740 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:2rem;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 a:hover{color:var( --e-global-color-9cdadcd );}.elementor-kit-7 h1{font-family:var( --e-global-typography-abdd87e-font-family ), Sans-serif;font-size:var( --e-global-typography-abdd87e-font-size );font-weight:var( --e-global-typography-abdd87e-font-weight );}.elementor-kit-7 h2{font-family:var( --e-global-typography-e476083-font-family ), Sans-serif;font-size:var( --e-global-typography-e476083-font-size );font-weight:var( --e-global-typography-e476083-font-weight );}.elementor-kit-7 h3{font-family:var( --e-global-typography-f57158e-font-family ), Sans-serif;font-size:var( --e-global-typography-f57158e-font-size );font-weight:var( --e-global-typography-f57158e-font-weight );}.elementor-kit-7 h4{font-family:var( --e-global-typography-68339be-font-family ), Sans-serif;font-size:var( --e-global-typography-68339be-font-size );font-weight:var( --e-global-typography-68339be-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1296px;}.e-con{--container-max-width:1296px;--container-default-padding-top:1.5rem;--container-default-padding-right:2rem;--container-default-padding-bottom:1.5rem;--container-default-padding-left:2rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:1rem;}.elementor-element{--widgets-spacing:1rem 1.5rem;--widgets-spacing-row:1rem;--widgets-spacing-column:1.5rem;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-7{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-296c012-font-size );}}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-abdd87e-font-size:4.5vw;font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-296c012-font-size );}}@media(max-width:1200px){.elementor-kit-7{--e-global-typography-e476083-font-size:2.25em;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-e476083-font-size:1.75rem;--e-global-typography-f57158e-font-size:1.5em;--e-global-typography-68339be-font-size:1.25rem;--e-global-typography-0a6fb73-font-size:0.9rem;--e-global-typography-473a270-font-size:0.9rem;font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-296c012-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-296c012-font-size:0.75rem;font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-7 h1{font-size:var( --e-global-typography-abdd87e-font-size );}.elementor-kit-7 h2{font-size:var( --e-global-typography-e476083-font-size );}.elementor-kit-7 h3{font-size:var( --e-global-typography-f57158e-font-size );}.elementor-kit-7 h4{font-size:var( --e-global-typography-68339be-font-size );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-296c012-font-size );padding:0.75rem 1rem 0.75rem 1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-x: hidden;
    max-width: 100vw;
}

.darczyncy-karuzel .elementor-swiper-button.elementor-swiper-button-prev > svg {transform: rotate(180deg);
}

.darczyncy-karuzel .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    position: absolute;
    top: 1.5rem;
    left:3.5rem;
}

/* 1. Strzałki zawsze nad treścią i paginacją */
.darczyncy-karuzel .elementor-swiper-button {
  z-index: 20 !important;;
}

/* 2. Cały przycisk (łącznie z SVG) ma brać klik, a nie slajd pod spodem */
.darczyncy-karuzel .elementor-swiper-button svg {
  pointer-events: none !important;
}
.darczyncy-karuzel .elementor-loop-container {
  user-select: none !important;;
}


/* Wrapper dla całego h1 */
.hero-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* 28px 43px 18px 43px */
    padding: 1.75rem 2.6875rem 1.125rem 2.6875rem; 
    /* 13px */
    margin: 0 0 -0.8125rem 0; 
    background: #FFFBF6;
    /* 40px */
    border-radius: 2.5rem; 
    /* 24px */
    box-shadow: 0 1.5rem 0 #D1AABD; 
    white-space: nowrap;
    line-height: 0.6;
    /* 100px */
    height: 6.25rem; 
    letter-spacing: -0.03em;
    /* Dodajemy płynne przejście na wypadek zmiany rozmiaru */
    transition: all 0.3s ease;
}

.hero-box-dark {
    color: #05043D
}

.hero-box-red {
    color: #7B0037
}

.hero-box-green.hero-box{
    box-shadow: 0 1.5rem #9BD087 
}

/* Przesunięcia poziome linii */
.hero-line.line-1 {
    margin-left: 0;
}

.hero-line.line-2 {
    /* 70px */
    margin-left: 4.375rem; 
}

.hero-line.line-3 {
    /* 22px */
    margin-left: 1.375rem; 
}

.hero-line.line-4 {
    /* 147px */
    margin-left: 9.1875rem; 
}

/* SCENARIUSZ 1: Grid posiada bezpośrednio klasę "co-robimy-0" */
.co-robimy-0 .e-loop-item,
/* SCENARIUSZ 2: Pierwszy grid wewnątrz kontenera z klasą "co-robimy-rodzic" */
.co-robimy-rodzic .elementor-widget-loop-grid:first-of-type .e-loop-item {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end !important; /* Wpycha treść na dół */
    height: 100%;
}

/* Zabezpieczenie wewnętrznego elementu (dla obu scenariuszy) */
.co-robimy-0 .e-loop-item > .elementor-element,
.co-robimy-rodzic .elementor-widget-loop-grid:first-of-type .e-loop-item > .elementor-element {
    flex-grow: 0;
    width: 100%;
}

/* Zapewniamy, że element nadrzędny pozwoli na wyświetlanie cienia */
.cien .e-gallery-item {
    overflow: visible !important; /* Pozwala cieniowi wyjść poza granice elementu */
    padding-bottom: 1.5rem !important; /* Padding od dołu dla każdego elementu galerii */
}

/* Stylizujemy samo zdjęcie (element z background-image) */
.cien .e-gallery-image {
    /* Cień pod zdjęciem: przesunięty w dół o 1.5rem (20px), rozmycie 3rem */
    box-shadow: 0 1.5rem 0rem rgba(0, 0, 0, 0.05);
    
    /* Zaokrąglone krawędzie dla zdjęcia */
    border-radius: 2rem; 
    
    /* Zapewnia, że cień będzie renderowany nad innymi elementami, 
       jeśli galeria ma ciasny układ (gap: 0) */
    position: relative;
    z-index: 1;
}

/* Opcjonalnie: Jeśli cień jest ucinany przez kontener nadrzędny, 
   odkomentuj poniższą linię, aby wymusić widoczność poza kafelkiem */
/* .cien .e-gallery-item { overflow: visible !important; } */
/*
 * Dodaje ikonę SVG na końcu tekstu w nagłówku.
 * Używa klasy 'naglowek-z-ikona-atomu' dodanej do widżetu Nagłówek.
 */


.naglowek-z-ikona-atomu .elementor-heading-title::after {
    /* 1. TREŚĆ (jako tło, dla lepszej kontroli) */
    content: ""; /* Musi być pusty, aby background-image zadziałał */
    background-image: url("data:image/svg+xml;utf8,<svg width='44' height='43' viewBox='0 0 44 43' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1141_9711)'><path d='M35.415 34.6092C45.0396 25.2033 46.8363 11.7092 39.428 4.4692C32.0197 -2.77075 18.2117 -1.0149 8.5871 8.39099C-1.03753 17.7969 -2.83421 31.291 4.57411 38.531C11.9824 45.7709 25.7904 44.0151 35.415 34.6092Z' fill='%23F9EFE2'/><path d='M6.93167 15.3425H7.99567L5.43367 25.6675H4.36967L6.93167 15.3425ZM10.6347 15.3425H11.6987L9.13667 25.6675H8.07967L10.6347 15.3425ZM3.63467 18.5765H13.2597L13.0777 19.3465H3.45267L3.63467 18.5765ZM3.02567 21.6705H12.6507L12.4687 22.4475H2.84367L3.02567 21.6705ZM18.4928 25.8075C17.7835 25.8075 17.1395 25.6535 16.5608 25.3455C15.9822 25.0328 15.5225 24.5871 15.1818 24.0085C14.8458 23.4298 14.6778 22.7415 14.6778 21.9435C14.6778 21.1455 14.8458 20.4618 15.1818 19.8925C15.5225 19.3185 15.9822 18.8798 16.5608 18.5765C17.1395 18.2731 17.7835 18.1215 18.4928 18.1215C19.0342 18.1215 19.5172 18.2055 19.9418 18.3735C20.3665 18.5368 20.7258 18.7561 21.0198 19.0315C21.3138 19.3068 21.5378 19.6101 21.6918 19.9415C21.8505 20.2681 21.9298 20.5948 21.9298 20.9215C21.9298 20.9261 21.9298 20.9331 21.9298 20.9425C21.9298 20.9518 21.9298 20.9611 21.9298 20.9705H20.7468C20.7468 20.9471 20.7445 20.9215 20.7398 20.8935C20.7352 20.8608 20.7305 20.8281 20.7258 20.7955C20.6885 20.4828 20.5695 20.2098 20.3688 19.9765C20.1682 19.7385 19.9068 19.5518 19.5848 19.4165C19.2628 19.2811 18.8965 19.2135 18.4858 19.2135C18.0238 19.2135 17.5945 19.3138 17.1978 19.5145C16.8058 19.7105 16.4885 20.0115 16.2458 20.4175C16.0078 20.8188 15.8888 21.3275 15.8888 21.9435C15.8888 22.5548 16.0078 23.0658 16.2458 23.4765C16.4838 23.8871 16.7988 24.1975 17.1908 24.4075C17.5875 24.6128 18.0192 24.7155 18.4858 24.7155C18.9898 24.7155 19.4052 24.6361 19.7318 24.4775C20.0585 24.3188 20.3035 24.1088 20.4668 23.8475C20.6348 23.5815 20.7282 23.2968 20.7468 22.9935H21.9298C21.9298 23.3295 21.8552 23.6655 21.7058 24.0015C21.5565 24.3328 21.3372 24.6361 21.0478 24.9115C20.7585 25.1821 20.3992 25.3991 19.9698 25.5625C19.5452 25.7258 19.0528 25.8075 18.4928 25.8075ZM26.5692 25.8075C25.9579 25.8075 25.3979 25.6605 24.8892 25.3665C24.3805 25.0678 23.9745 24.6315 23.6712 24.0575C23.3679 23.4788 23.2162 22.7741 23.2162 21.9435C23.2162 21.1268 23.3702 20.4338 23.6782 19.8645C23.9862 19.2951 24.3945 18.8635 24.9032 18.5695C25.4119 18.2708 25.9672 18.1215 26.5692 18.1215C27.1432 18.1215 27.6799 18.2591 28.1792 18.5345C28.6832 18.8051 29.0892 19.1831 29.3972 19.6685C29.7052 20.1538 29.8592 20.7161 29.8592 21.3555C29.8592 21.3695 29.8592 21.3835 29.8592 21.3975C29.8592 21.4115 29.8592 21.4255 29.8592 21.4395L29.0052 21.4745C29.0052 21.4605 29.0052 21.4465 29.0052 21.4325C29.0052 21.4138 29.0052 21.3975 29.0052 21.3835C29.0052 20.9775 28.8979 20.6111 28.6832 20.2845C28.4732 19.9578 28.1955 19.6988 27.8502 19.5075C27.5049 19.3115 27.1339 19.2135 26.7372 19.2135C26.0745 19.2135 25.5262 19.4375 25.0922 19.8855C24.6582 20.3288 24.4412 21.0148 24.4412 21.9435C24.4412 22.8675 24.6582 23.5558 25.0922 24.0085C25.5309 24.4565 26.0792 24.6805 26.7372 24.6805C27.1525 24.6805 27.5305 24.5801 27.8712 24.3795C28.2165 24.1788 28.4919 23.9105 28.6972 23.5745C28.9025 23.2338 29.0052 22.8535 29.0052 22.4335L29.8592 22.4545C29.8592 23.0891 29.7122 23.6608 29.4182 24.1695C29.1242 24.6735 28.7275 25.0725 28.2282 25.3665C27.7335 25.6605 27.1805 25.8075 26.5692 25.8075ZM29.0052 25.6675V14.7265H30.2022V25.6675H29.0052ZM34.8562 25.8075C34.4082 25.8075 33.9929 25.7608 33.6102 25.6675C33.2322 25.5695 32.9009 25.4295 32.6162 25.2475C32.3362 25.0608 32.1169 24.8321 31.9582 24.5615C31.8042 24.2908 31.7272 23.9805 31.7272 23.6305C31.7272 23.5931 31.7272 23.5558 31.7272 23.5185C31.7272 23.4765 31.7272 23.4415 31.7272 23.4135H32.9242C32.9242 23.4415 32.9242 23.4648 32.9242 23.4835C32.9242 23.5021 32.9242 23.5301 32.9242 23.5675C32.9242 23.9455 33.0992 24.2348 33.4492 24.4355C33.7992 24.6315 34.2775 24.7295 34.8842 24.7295C35.2575 24.7295 35.5912 24.6921 35.8852 24.6175C36.1792 24.5428 36.4102 24.4285 36.5782 24.2745C36.7509 24.1205 36.8372 23.9268 36.8372 23.6935C36.8372 23.3061 36.6552 23.0308 36.2912 22.8675C35.9319 22.6995 35.3929 22.5548 34.6742 22.4335C34.2962 22.3681 33.9369 22.2841 33.5962 22.1815C33.2555 22.0741 32.9522 21.9365 32.6862 21.7685C32.4249 21.6005 32.2172 21.3928 32.0632 21.1455C31.9139 20.8935 31.8392 20.5925 31.8392 20.2425C31.8392 19.7898 31.9722 19.4071 32.2382 19.0945C32.5089 18.7771 32.8729 18.5368 33.3302 18.3735C33.7875 18.2055 34.2962 18.1215 34.8562 18.1215C35.3975 18.1215 35.8969 18.2078 36.3542 18.3805C36.8115 18.5531 37.1779 18.8051 37.4532 19.1365C37.7332 19.4631 37.8732 19.8668 37.8732 20.3475C37.8732 20.3661 37.8732 20.3895 37.8732 20.4175C37.8732 20.4408 37.8732 20.4641 37.8732 20.4875H36.6832C36.6832 20.4641 36.6832 20.4455 36.6832 20.4315C36.6832 20.4175 36.6832 20.4011 36.6832 20.3825C36.6832 20.1118 36.5969 19.8901 36.4242 19.7175C36.2515 19.5401 36.0275 19.4095 35.7522 19.3255C35.4769 19.2368 35.1829 19.1925 34.8702 19.1925C34.5762 19.1925 34.2869 19.2251 34.0022 19.2905C33.7175 19.3511 33.4819 19.4538 33.2952 19.5985C33.1085 19.7431 33.0152 19.9415 33.0152 20.1935C33.0152 20.4455 33.1015 20.6485 33.2742 20.8025C33.4515 20.9518 33.6989 21.0755 34.0162 21.1735C34.3382 21.2668 34.7162 21.3531 35.1502 21.4325C35.5375 21.5025 35.9039 21.5911 36.2492 21.6985C36.5945 21.8011 36.8979 21.9341 37.1592 22.0975C37.4252 22.2608 37.6329 22.4685 37.7822 22.7205C37.9362 22.9678 38.0132 23.2711 38.0132 23.6305C38.0132 23.9945 37.9292 24.3118 37.7612 24.5825C37.5979 24.8531 37.3692 25.0795 37.0752 25.2615C36.7859 25.4435 36.4499 25.5788 36.0672 25.6675C35.6892 25.7608 35.2855 25.8075 34.8562 25.8075ZM34.0442 17.0435L35.7172 15.3425H36.8162L35.0102 17.0435H34.0442Z' fill='%2305043D'/></g><defs><clipPath id='clip0_1141_9711'><rect width='44' height='43' fill='white'/></clipPath></defs></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* 2. SPOSÓB WYŚWIETLANIA */
    display: inline-block;

    /* 3. ROZMIAR I ODSTĘP */
    width: 1em; /* Skaluje się idealnie z rozmiarem fontu H2 */
    height: 0.977em; /* Zachowuje proporcje (43/44) */
    margin-left: 0.18em; /* Twój "odstęp" (np. 8px / 44px) */
    
    /* 4. KLUCZOWA POPRAWKA - Wyrównanie pionowe */
    /* Wyrównuje ikonę do linii bazowej tekstu, a następnie przesuwa
       lekko w dół, aby była optycznie na środku.
       Dzięki temu nie rozpycha linii.
    */
    vertical-align: -0.15em;
    /* Możesz poeksperymentować z tą wartością, np. 'middle', '-0.1em', '-0.2em' 
       aby znaleźć idealny optyczny środek */
}

/* ==================================================
Sekcja RESPONSIVE dla HERO (H1) w REM
==================================================
*/

/* --- Laptop (1366px) i Tablet Landscape (1200px) --- */
@media (max-width: 1366px) {
    .hero-box {
        /* 22px 34px 14px 34px */
        padding: 1.375rem 2.125rem 0.875rem 2.125rem; 
        /* 80px */
        height: 5rem; 
        /* 20px */
        box-shadow: 0 1.25rem 0 #D1AABD; 
        /* 30px */
        border-radius: 1.875rem; 
    }

    /* Zmniejszamy przesunięcia */
    .hero-line.line-2 {
        /* 50px */
        margin-left: 3.125rem; 
    }
    .hero-line.line-3 {
        /* 15px */
        margin-left: 0.9375rem; 
    }
    .hero-line.line-4 {
        /* 100px */
        margin-left: 6.25rem; 
    }
    
    body {
    overflow-x: hidden;
    max-width: 100vw !important;
    width: 100vw !important;
}
}

/* --- Tablet Portrait (1024px) --- */
@media (max-width: 1024px) {
    .hero-box {
        /* 18px 28px 12px 28px */
        padding: 1.125rem 1.75rem 0.75rem 1.75rem; 
        /* 64px */
        height: 4rem; 
        /* 16px */
        box-shadow: 0 1rem 0 #D1AABD; 
        /* 24px */
        border-radius: 1.5rem; 
    }

    .hero-line.line-2 {
        /* 40px */
        margin-left: 2.5rem; 
    }
    .hero-line.line-3 {
        /* 10px */
        margin-left: 0.625rem; 
    }
    .hero-line.line-4 {
        /* 80px */
        margin-left: 5rem; 
    }
}

/* --- Mobile (767px i mniej) --- */
@media (max-width: 767px) {
    .hero-box {
        font-size:2rem !important;
        /* 14px 22px 10px 22px */
        padding: 0.875rem 1.375rem 0.625rem 1.375rem; 
        /* 50px */
        height: 3.125rem; 
        /* 12px */
        box-shadow: 0 0.75rem 0 #D1AABD; 
        /* 20px */
        border-radius: 1.25rem; 
        
    }

    
    }
}

/* ==================================================
Koniec sekcji RESPONSIVE dla HERO (H1)
==================================================
*/


/* Kontener z listą — ukrywamy kolor przecinków między spanami */
.elementor-post-info__terms-list {
    color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* 6px 4px */
    gap: 0.375rem 0.25rem; 
}

/* Wszystkie elementy pętli w gridzie wyrównane do dołu komórki */
.grid-projekty .elementor-loop-container.elementor-grid > [data-elementor-type="loop-item"] {
    align-self: end;
}

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    /* 2px */
    column-gap: 0.125rem; 
    /* 6px */
    row-gap: 0.375rem; 
}

/* Pojedynczy „pill” */
.tagi-projekt .elementor-post-info__terms-list-item {
    display: inline-block;
    /* 8px 12px */
    padding: 0.5rem 0.75rem; 
    margin: .25rem 0rem; 
    background-color: var(--e-global-color-secondary);
    /* 40px */
    border-radius: 2.5rem; 
    color: #F9EFE2;
    white-space: nowrap;
    /* 12px */
    font-size: 0.75rem; 
    line-height: 1;
}

/* Pojedynczy „pill” */
.tagi-wpis .elementor-post-info__terms-list-item {
    display: inline-block;
    /* 8px 12px */
    padding: 0.5rem 0.75rem; 
    background-color: var(--e-global-color-primary);
    /* 40px */
    border-radius: 2.5rem; 
    color: var(--e-global-color-text);
    white-space: nowrap;
    /* 12px */
    font-size: 0.75rem; 
    line-height: 1;
}

@media (max-width: 767px) {
    .tagi-projekt .elementor-post-info__terms-list-item,
    .tagi-wpis .elementor-post-info__terms-list-item {
        white-space: normal;
        /* 11px */
        font-size: 0.6875rem; 
        /* 6px 10px */
        padding: 0.375rem 0.625rem; 
    }
}


/* ==================================================
Style PRZYCISKÓW (Kolory) - Bez zmian
==================================================
*/

/* PRZYCISK - BUTTON DOMYŚLNY: brak klas typu na wrapperze */
.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success):not(.elementor-button-warning):not(.elementor-button-danger) .elementor-button {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-text) !important;
    border: none !important;
    transition: all 0.3s ease;
}
.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success):not(.elementor-button-warning):not(.elementor-button-danger) .elementor-button:hover {
    background-color: var(--e-global-color-text) !important;
    color: var(--e-global-color-371515c) !important;
}
/* INFORMACJA */
.elementor-widget-button.elementor-button-info .elementor-button {
    background-color: var(--e-global-color-text) !important;
    color: var(--e-global-color-c257740) !important;
    border: none !important;
    transition: all 0.3s ease;
}
.elementor-widget-button.elementor-button-info .elementor-button:hover {
    background-color: var(--e-global-color-c257740) !important;
    color: var(--e-global-color-text) !important;
}
/* POWODZENIA */
.elementor-widget-button.elementor-button-success .elementor-button {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-9cdadcd) !important;
    border: none !important;
    transition: all 0.3s ease;
}
.elementor-widget-button.elementor-button-success .elementor-button:hover {
    background-color: var(--e-global-color-9cdadcd) !important;
    color: var(--e-global-color-371515c) !important;
}
/* OSTRZEŻENIE */
.elementor-widget-button.elementor-button-warning .elementor-button {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary) !important;
    border: none !important;
    transition: all 0.3s ease;
}
.elementor-widget-button.elementor-button-warning .elementor-button:hover {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-371515c) !important;
}
/* NIEBEZPIECZEŃSTWO */
.elementor-widget-button.elementor-button-danger .elementor-button {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-c257740) !important;
    border: none !important;
    transition: all 0.3s ease;
}
.elementor-widget-button.elementor-button-danger .elementor-button:hover {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-secondary) !important;
}

/* wyjątki buttony */
/* POWODZENIA */
.elementor-widget-button.elementor-button-success .elementor-button .white{
    background-color: var(--e-global-color-c257740);
    }
/* OSTRZEŻENIE */
.elementor-widget-button.elementor-button-warning .elementor-button .white{
    background-color: var(--e-global-color-c257740);}
.elementor-widget-button.elementor-button-warning .elementor-button .white:hover {
    background-color: var(--e-global-color-secondary) !important;
}

/* ==================================================
Style PRZYCISKÓW ze STRZAŁKĄ (Arrow) w REM
==================================================
*/

/* WRAPPER dla przycisku z arrow - cień tylko dla przycisku */
.elementor-widget-button.arrow {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.elementor-widget-button.arrow .elementor-button {
    box-shadow: none !important;
    /* 10px */
    margin-left: 0.625rem; 
    /* 10px */
    filter: drop-shadow(0 0.625rem 0 rgba(0, 0, 0, 0.05)); 
}

/* IKONA ARROW - bazowy styl BEZ cienia CSS */
.elementor-widget-button.arrow::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-33%) translateX(-60%);
    /* 26px */
    width: 1.625rem; 
    /* 37px */
    height: 2.3125rem; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    z-index: 1;
}

/* ==================================================
Sekcja RESPONSIVE dla PRZYCISKÓW (Arrow) w REM
==================================================
*/

@media (max-width: 1024px) {
    .elementor-widget-button.arrow .elementor-button {
        /* 8px */
        margin-left: 0.5rem; 
        /* 8px */
        filter: drop-shadow(0 0.5rem 0 rgba(0, 0, 0, 0.05)); 
    }

    .elementor-widget-button.arrow::before {
        /* 22px */
        width: 1.375rem; 
        /* 31px */
        height: 1.9375rem; 
    }
}

@media (max-width: 767px) {
    .elementor-widget-button.arrow .elementor-button {
        /* 6px */
        margin-left: 0.375rem; 
        /* 6px */
        filter: drop-shadow(0 0.375rem 0 rgba(0, 0, 0, 0.05)); 
    }

    .elementor-widget-button.arrow::before {
        /* 20px */
        width: 1.25rem; 
        /* 28px */
        height: 1.75rem; 
        transform: translateY(-33%) translateX(-50%);
    }
}

/* ==================================================
Koniec sekcji RESPONSIVE dla PRZYCISKÓW (Arrow)
==================================================
*/

/* Tło modala – jak wcześniej */
.osoba-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Główna karta = „Projekt 1/3” */
.osoba-modal-content-wrap {
  max-width: 878px;
  width: 100%;
  max-height: 90vh;
  padding: 2rem;
  background: #F9EFE2;
  border-radius: 2rem;
  overflow-y: auto;
  box-sizing: border-box;
}

.osoba-modal-inner {
  position: relative;
}

/* Header: zdjęcie + box z imieniem/rolą */
.osoba-modal-card {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;;
}

/* Pasek górny (foto + dane) */
.osoba-modal-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}

/* Foto w lewym prostokącie */
.osoba-modal-photo {
  width: 19.9375rem;
  height: 26.125rem;
  border-radius: 1.5rem;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #ddd;
}
.osoba-modal-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Prawa kolumna nagłówka */
.osoba-modal-header-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Jasny box z imieniem/stanowiskiem */
.osoba-modal-header-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 2rem;
  background: #FFFBF6;
  border-radius: 1.5rem;
}

/* Imię i nazwisko */
.osoba-modal-name {
  font-family: 'Epilogue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.3rem;
  color: #05043D;
}

/* Stanowisko */
.osoba-modal-role {
  font-family: 'Epilogue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #7B0037;
}

/* Treść bio – dolny blok */
.osoba-modal-body {
  padding: 24px 0 0;
  border-top: 1px solid rgba(5,4,61,0.08);
  font-family: 'Epilogue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #05043D;
}

/* Przycisk zamknięcia */
/* kontener referencyjny dla absolutnego X */
.osoba-modal-inner {
  position: relative;
}

/* sam przycisk X – bez tła */
button.osoba-modal-close {
      position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    padding: 0 0;
    font-weight: 200;
    margin: 0;
    border: 0;
    background: var(--e-global-color-secondary);
    box-shadow: none;
    cursor: pointer;
    font-size: 3rem;
    line-height: 1.75rem;
    border-radius: 100% 50%;
  color: var(--e-global-color-primary);
  z-index: 10; /* ponad treścią Elementor */
}

.osoba-modal-close:hover {
  color: #7B0037;
}





/* Responsywność: na małych ekranach header w kolumnie */
@media (max-width: 600px) {
  .osoba-modal-header {
    flex-direction: column;
    align-items: stretch;
  }
  .osoba-modal-photo {


/* Domyślny - Granat (#05043D) z cieniem w SVG */
.elementor-widget-button.arrow:not(.elementor-button-info):not(.elementor-button-success):not(.elementor-button-warning):not(.elementor-button-danger)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%2305043D' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='none' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
/* Informacja - Granat (#05043D) oval + biała arrow */
.elementor-widget-button.arrow.elementor-button-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%2305043D' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='none' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
/* Powodzenia - Green_CDS (#9BD087) oval + Granat (#05043D) arrow */
.elementor-widget-button.arrow.elementor-button-success::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%239BD087' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%2305043D' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
/* Ostrzeżenie - Bordo_light (#D1AABD) oval + Bordo (#7B0037) arrow */
.elementor-widget-button.arrow.elementor-button-warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%23D1AABD' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%237B0037' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
/* Niebezpieczeństwo - Bordo (#7B0037) oval + biała arrow */
.elementor-widget-button.arrow.elementor-button-danger::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%237B0037' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%23FFFFFF' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}

/* Hover states - analogicznie */
.elementor-widget-button.arrow:not(.elementor-button-info):not(.elementor-button-success):not(.elementor-button-warning):not(.elementor-button-danger):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='currentColor' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%2305043D' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%23FFFFFF' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
.elementor-widget-button.arrow.elementor-button-info:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%2305043D' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%23FFFFFF' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
.elementor-widget-button.arrow.elementor-button-success:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%239BD087' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%2305043D' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
.elementor-widget-button.arrow.elementor-button-warning:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%23D1AABD' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%237B0037' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}
.elementor-widget-button.arrow.elementor-button-danger:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.99 36.83'%3E%3Cpath opacity='0.05' fill='%23231F20' d='M20.9,21.1c-5.7,5.7-13.8,6.8-18.2,2.4c-0.6-0.6-1.09-1.27-1.49-1.99c-0.2,0.5-0.38,1.01-0.51,1.52l-0.5,2c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4c4.93-5.1,6.41-11.85,3.88-16.42C23.91,17.33,22.62,19.32,20.9,21.1z'/%3E%3Cpath id='oval' fill='%237B0037' d='M23.29,2.7c-4.4-4.4-12.5-3.3-18.2,2.4c-2.2,2.2-3.7,4.7-4.4,7.3h15.1l-5.1-4.7c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l6.8,6.3c0.4,0.4,0.4,1,0,1.4l-6.8,6.3c-0.4,0.4-1,0.3-1.3,0c-0.4-0.4-0.3-1,0-1.3l5.1-4.7H0.19c-0.6,3.5,0.2,6.8,2.5,9.1c4.4,4.4,12.5,3.3,18.2-2.4C26.59,15.2,27.69,7.1,23.29,2.7L23.29,2.7z'/%3E%3Cpath fill='%23FFFFFF' d='M10.69,19.1c-0.3,0.3-0.4,0.9,0,1.3c0.3,0.3,0.9,0.4,1.3,0l6.8-6.3c0.4-0.4,0.4-1,0-1.4l-6.8-6.3c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.1,4.7H0.7l-0.5,2h15.6L10.69,19.1z'/%3E%3C/svg%3E");
}

/* ============================================================
   1. POJEDYNCZE ZDJĘCIE (UKŁAD Z MAKIETY)
   ============================================================ */

/* Główny kontener - Ustawiamy ROW-REVERSE */
/* Dzięki temu w kodzie HTML obrazek jest pierwszy, ale wizualnie ląduje po prawej */
/* To naprawia problem znikających miniatur, bo nie używamy 'order' */
.tresc-2 > figure.wp-block-image {
    position: relative;
    display: flex;
    flex-direction: row-reverse; /* Kluczowa zmiana! */
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 710px;
    margin: 40px auto;
    gap: 0;
}

/* --- LEWA KOLUMNA (WIZUALNIE): PODPIS --- */
.tresc-2 > figure.wp-block-image figcaption {
    width: 232px;
    min-height: 353px;
    background: #F9EFE2;
    border-radius: 24px;
    padding: 32px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    font-family: 'Epilogue', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    color: #05043D;
    text-align: left;
    
    margin: 0;
    /* Usuwamy 'order', bo załatwia to row-reverse */
}

/* --- PRAWA KOLUMNA (WIZUALNIE): ZDJĘCIE --- */
.tresc-2 > figure.wp-block-image img {
    width: 478px;
    height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
    display: block;
    
    /* Usuwamy 'order' */
}

/* --- WAŻNE: NAPRAWA PRZYCISKU LIGHTBOX --- */
/* Musimy wyjąć przycisk z przepływu Flexboxa, żeby nie psuł układu */
.tresc-2 > figure.wp-block-image .lightbox-trigger {
    position: absolute; /* Wyjmujemy z flexa */
    top: 0;
    right: 0; /* Przyklejamy do prawej (tam gdzie zdjęcie) */
    width: 478px; /* Szerokość zdjęcia */
    height: 100%;
    z-index: 10;
    opacity: 0; /* Niewidoczny, ale klikalny */
    cursor: pointer;
    border: none;
    background: transparent;
}


/* ============================================================
   2. GALERIA (GRID 4 KOLUMNY)
   ============================================================ */

.tresc-2 .wp-block-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    width: 100%;
    max-width: 710px;
    margin: 40px auto 0 auto;
    padding: 0;
    
    /* Wyłączamy flexa galerii, włączamy grid */
    flex-wrap: wrap !important;
    align-items: start !important;
}

/* Kontener kafelka */
.tresc-2 .wp-block-gallery .wp-block-image {
    width: 100% !important;
    margin: 0 !important;
    position: relative; /* Ważne dla przycisku */
    display: block; /* Resetujemy flexa wewnątrz kafelka */
    padding: 0;
    box-sizing: border-box;
}

/* Zdjęcie */
.tresc-2 .wp-block-gallery .wp-block-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 16px !important;
    height: auto !important;
    display: block;
}

/* Przycisk w galerii - na cały kafelek */
.tresc-2 .wp-block-gallery .lightbox-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}

/* Ukrycie podpisów w galerii */
.tresc-2 .wp-block-gallery figcaption {
    display: none !important;
}


/* ============================================================
   3. RESPANSYWNOŚĆ (MOBILE)
   ============================================================ */
@media (max-width: 767px) {
    /* Powrót do pionu */
    .tresc-2 > figure.wp-block-image {
        flex-direction: column; /* Normalna kolejność: img, button, caption */
        height: auto;
    }
    
    .tresc-2 > figure.wp-block-image img {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    /* Przycisk na mobile na zdjęciu */
    .tresc-2 > figure.wp-block-image .lightbox-trigger {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2; /* Przybliżona proporcja, żeby nie zasłonił tekstu */
        position: absolute;
        top: 0;
        right: auto;
        left: 0;
    }
    
    .tresc-2 > figure.wp-block-image figcaption {
        width: 100%;
        min-height: auto;
    }

    /* Galeria 2 kolumny */
    .tresc-2 .wp-block-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}/* End custom CSS */