.elementor-kit-39{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-39 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   GLOBAL SCALE (to jest nowe)
   ========================= */
html {
  /* Skaluje całą stronę w zależności od szerokości przeglądarki */
  font-size: clamp(14px, 0.9vw + 8px, 18px);
}

/* =========================
   BAZA & ZMIENNE
   ========================= */
:root {
  --container-max: 1200px;
  --container-pad: clamp(1rem, 2vw, 2rem);
  --section-pad: clamp(2rem, 4vw, 4rem);
  --radius: 18px;

  /* typografia — płynna */
  --fs-h1: clamp(2rem, 1.2rem + 2.8vw, 3rem);
  --fs-h2: clamp(1.5rem, 1.1rem + 2vw, 2.25rem);
  --fs-h3: clamp(1.25rem, 1rem + 1.2vw, 1.625rem);
  --fs-body: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --lh-body: 1.55;
}

/* Preferencje dostępności */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* =========================
   TYPOGRAFIA & ELEMENTY
   ========================= */
body {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 { line-height: 1.15; margin: 0 0 0.6em; }
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }

p { margin: 0 0 1em; }

img, svg, video, canvas {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================
   KONTENERY
   ========================= */
.container,
.site-wrap .elementor-container {
  width: min(100% - 2 * var(--container-pad), var(--container-max));
  margin-inline: auto;
}

.section,
.site-wrap .elementor-section {
  padding-block: var(--section-pad);
}

.stack > * + * {
  margin-top: clamp(0.75rem, 1.2vw, 1.25rem);
}

/* =========================
   KARTA .paczka
   ========================= */
.paczka {
  width: clamp(300px, 40vw, 428px);
  aspect-ratio: 428 / 302;
  border-radius: var(--radius);
  overflow: hidden;
}

.paczka > img,
.paczka > picture,
.paczka > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1920px) {
  .paczka {
    width: 428px;
    aspect-ratio: 428 / 302;
  }
}

@media (max-width: 480px) {
  .paczka {
    width: 345px;
    aspect-ratio: 345 / 214;
  }
}

@media (max-width: 380px) {
  .paczka { width: 100%; }
}


@media (max-width: 992px) {
  :root { --container-max: 1024px; }
}

@media (max-width: 768px) {
  :root {
    --section-pad: clamp(1.5rem, 4vw, 2.5rem);
  }
}

@media (max-width: 480px) {
  :root {
    --container-pad: clamp(1rem, 4vw, 1.25rem);
  }
}

/* =========================
   ELEMENTOR NADPISANIA
   ========================= */
.site-wrap .elementor-section {
  padding-block: var(--section-pad);
}

.site-wrap .elementor-column .elementor-widget + .elementor-widget {
  margin-top: clamp(0.75rem, 1.2vw, 1.25rem);
}

/* UTILITIES */
.aspect-16x9 { aspect-ratio: 16 / 9; }
.aspect-1x1  { aspect-ratio: 1 / 1; }
.rounded     { border-radius: var(--radius); overflow: hidden; }
.center      { margin-inline: auto; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://logistyka.x-kom.pl/wp-content/uploads/2025/11/Inter_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://logistyka.x-kom.pl/wp-content/uploads/2025/11/Inter_18pt-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://logistyka.x-kom.pl/wp-content/uploads/2025/11/Inter_18pt-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://logistyka.x-kom.pl/wp-content/uploads/2025/11/Inter_18pt-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */