@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-latin.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-latin-ext.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/assets/fonts/roboto-flex-latin.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("/assets/fonts/roboto-flex-latin-ext.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --color-primary-50:  #ddecf0;
  --color-primary-100: #c4e2ea;
  --color-primary-200: #93cfde;
  --color-primary-300: #62bdd3;
  --color-primary-400: #31aac7;
  --color-primary-500: #0097bc;  
  --color-primary-600: #007996;
  --color-primary-700: #005b71;
  --color-primary-800: #003c4b;
  --color-primary-900: #001e26;
  --color-primary: var(--color-primary-500);

  --color-secondary-50:  #f6f3e2;
  --color-secondary-100: #f7f0ce;
  --color-secondary-200: #f9eaa6;
  --color-secondary-300: #fae57f;
  --color-secondary-400: #fcdf57;
  --color-secondary-500: #feda30;  
  --color-secondary-600: #cbae26;
  --color-secondary-700: #98831d;
  --color-secondary-800: #665713;
  --color-secondary-900: #332c0a;
  --color-secondary: var(--color-secondary-500);

  --color-tertiary-50:  #ddf1f1;
  --color-tertiary-500: #00c7cc;
  --color-tertiary-600: #009fa3;
  --color-tertiary-700: #00777a;
  --color-tertiary: var(--color-tertiary-500);

  --color-success-50:  #e5eee7;
  --color-success-100: #d4e7d7;
  --color-success-500: #4ead61;  
  --color-success-600: #3e8a4e;

  --color-warning-50:  #f6ebdd;
  --color-warning-100: #f7dfc4;
  --color-warning-500: #ff8900;  
  --color-warning-600: #cc6e00;

  --color-error-50:  #f1e3e2;
  --color-error-100: #edd0cd;
  --color-error-500: #cd3b2f;  
  --color-error-600: #a42f26;

  --color-neutral-25:  #fafafa;  
  --color-neutral-50:  #f4f4f4;
  --color-neutral-75:  #ececec;
  --color-neutral-100: #e2e2e2;
  --color-neutral-200: #cfcfcf;
  --color-neutral-300: #bcbcbc;  
  --color-neutral-400: #a9a9a9;
  --color-neutral-500: #969696;
  --color-neutral-600: #787878;  
  --color-neutral-700: #5a5a5a;  
  --color-neutral-800: #3c3c3c;  

  --color-black:      #1a1a1a;   
  --color-white:      #ffffff;
  --color-background: var(--color-neutral-50);  
  --color-surface:    var(--color-white);

  --color-price-red:    #d02112;  
  --color-yellow-title: #ffc70e;  

  --color-text-primary:    var(--color-black);
  --color-text-secondary:  var(--color-neutral-800);
  --color-text-muted:      var(--color-neutral-700);
  --color-text-disabled:   var(--color-neutral-300);
  --color-text-on-brand:   var(--color-white);
  --color-text-on-yellow:  var(--color-black);

  --color-link:        var(--color-primary-700);
  --color-link-hover:  var(--color-primary-800);

  --color-border:         var(--color-neutral-100);
  --color-border-strong:  var(--color-neutral-600);
  --color-border-brand:   var(--color-primary-600);

  --color-scrim: rgba(26, 26, 26, 0.2);

  --color-focus-ring: var(--color-primary-700);

  --color-scrollbar-thumb: var(--color-primary-500);
  --color-scrollbar-track: var(--color-neutral-75);

  --gradient-brand-vivid: linear-gradient(276.11deg, #0097bc 0%, #00b3bc 100%);
  --gradient-primary: linear-gradient(276.11deg, #0097bc 0%, #00b3bc 100%);
  --gradient-primary-hover: linear-gradient(276.11deg, #007996 0%, #008f96 100%);
  --gradient-primary-active: var(--color-primary-700);
  --gradient-secondary: linear-gradient(246.57deg, #f0bf00 0%, #fff063 100%);

  --font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-body:    "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono:    "Roboto Mono", "SF Mono", Consolas, monospace;

  --text-h1:       clamp(1.5rem,   1rem    + 2.5vw,    2.625rem);
  --text-h2:       clamp(1.375rem, 1rem    + 1.875vw,  2rem);
  --text-h3:       clamp(1.375rem, 1.125rem + 1.25vw,  1.75rem);
  --text-h4:       clamp(1.25rem,  1rem    + 1.25vw,   1.5rem);
  --text-h5:       clamp(1.125rem, 1rem    + 0.625vw,  1.375rem);
  --text-h6:       clamp(1rem,     0.95rem + 0.25vw,   1.125rem);

  --text-body-lg:  clamp(0.875rem, 0.85rem + 0.125vw,  1rem);
  --text-body-md:  clamp(0.8125rem, 0.8rem + 0.0625vw, 0.875rem);
  --text-caption-1: clamp(0.75rem, 0.74rem + 0.0625vw, 0.8125rem);
  --text-caption-2: clamp(0.625rem, 0.6rem + 0.125vw,  0.75rem);
  --text-overline: 0.625rem;

  --text-display-lg: clamp(2rem, 1.25rem + 3.75vw, 3.5rem);
  --text-display-xl: clamp(2.625rem, 1.5rem + 5.625vw, 4.5rem);

  --leading-heading: 1.35;
  --leading-body:    1.5;
  --leading-tight:   1.2;

  --tracking-overline: 0.05em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;

  --weight-regular: 400;
  --weight-bold:    700;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --container-gap-mobile:  16px;
  --container-gap-tablet:  16px;
  --container-gap-desktop: 32px;

  --max-content-width:      1344px;
  --max-wide-content-width: 1584px;

  --section-padding-block:  clamp(48px, 6vw, 96px);
  --section-padding-inline: clamp(8px, 4vw, 32px);

  --radius-sm:    3px;
  --radius:       4px;
  --radius-md:    6px;
  --radius-lg:    8px;
  --radius-2xl:   28px;
  --radius-3xl:   40px;
  --radius-full:  9999px;

  --padding-card-cozy:    var(--space-6);                          
  --padding-card-default: var(--space-8);                          
  --padding-card-comfort: clamp(var(--space-8), 3vw, var(--space-12)) clamp(var(--space-8), 5vw, var(--space-20));   
  --padding-section:      var(--space-16) 0;                        

  --shadow-header:   0 2px 5px 0 rgba(26, 26, 26, 0.09);
  --shadow-dropdown: -4px 4px 12px 0 rgba(26, 26, 26, 0.12);
  --shadow-modal:    0 2px 7px 2px rgba(26, 26, 26, 0.14);
  --shadow-popover:  1px 1px 3px rgba(26, 26, 26, 0.25);

  --shadow-level-1: var(--shadow-header);
  --shadow-level-2: var(--shadow-dropdown);
  --shadow-level-3: var(--shadow-modal);

  --shadow-card-hover: 0 4px 12px 0 rgba(26, 26, 26, 0.10);

  --shadow-focus: 0 0 0 2px var(--color-primary-100);
  --shadow-focus-error: 0 0 0 2px var(--color-error-100);
  --shadow-focus-success: 0 0 0 2px var(--color-success-100);

  --bp-mobile:        360px;
  --bp-tablet:        768px;
  --bp-desktop:       1025px;
  --bp-large:         1440px;
  --bp-extra-large:   1648px;

  --duration-fast:    100ms;
  --duration-default: 150ms;
  --duration-medium:  200ms;
  --duration-slow:    250ms;

  --ease-default: ease-in-out;
  --ease-in:      ease-in;
  --ease-out:     ease-out;

  --spinner: 1s linear infinite;

  --motion-default: var(--duration-default) var(--ease-default);
  --motion-medium:  var(--duration-medium)  var(--ease-default);

  --z-base:      0;
  --z-raised:    10;
  --z-sticky:    100;
  --z-overlay:   500;
  --z-modal:     1000;
  --z-popover:   1100;
  --z-toast:     1200;
  --z-skip-link: 9000;
}

:root {
  --color-brand-primary:    var(--color-primary-500);
  --color-brand-primary-700: var(--color-primary-700);
  --color-surface-base:     var(--color-white);
  --color-surface-alt:      var(--color-neutral-50);
  --color-border-default:   var(--color-border);

  --color-surface-soft:     var(--color-neutral-25);    
  --color-surface-elevated: var(--color-white);
  --color-surface-brand:    var(--color-primary-600);   
  --color-surface-yellow:   var(--color-secondary-500);
  --color-surface-inverse:  var(--color-text-primary);

  --color-avatar-1-bg:      var(--color-primary-600);    
  --color-avatar-1-on:      var(--color-white);
  --color-avatar-2-bg:      var(--color-accent-yellow);  
  --color-avatar-2-on:      var(--color-on-yellow);
  --color-avatar-3-bg:      var(--color-tertiary-700);   
  --color-avatar-3-on:      var(--color-white);
  --color-avatar-4-bg:      var(--color-success-600);    
  --color-avatar-4-on:      var(--color-white);
  --color-avatar-5-bg:      var(--color-error-600);      
  --color-avatar-5-on:      var(--color-white);
  --color-avatar-6-bg:      var(--color-primary-800);    
  --color-avatar-6-on:      var(--color-white);

  --color-accent-yellow:    var(--color-secondary-500);   
  --color-on-yellow:        var(--color-text-primary);    
  --highlight-yellow:       var(--color-accent-yellow);
  --highlight-offset:       -0.05em;
  --highlight-height:       0.5em;
  --highlight-skew:         0deg;

  --space-1:   4px;
  --space-1-5: 6px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --text-xs:    var(--text-caption-2);   
  --text-sm:    var(--text-body-md);     
  --text-base:  var(--text-body-lg);     
  --text-lg:    var(--text-h6);          
  --text-xl:    var(--text-h5);          
  --text-2xl:   var(--text-h4);          
  --text-3xl:   var(--text-h3);          

  --radius-xl: 20px;   

  --border-hairline: 1px;   
  --border-emphasis: 2px;   
  --border-accent:   var(--space-1);   

  --measure-lead:  52ch;   
  --measure-prose: 60ch;   

  --max-press:       1200px;  
  --measure-article:  880px;
  --card-contact:     400px;  
  --measure-note:     600px;  

  --text-article: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);

  --lift-card: -2px;

  --color-panel-od: #eef5f8;
  --color-panel-do: #f8fbfc;
  --gradient-panel: linear-gradient(160deg, var(--color-panel-od) 0%, var(--color-panel-do) 62%);

  --shadow-wizytowka: 0 1px 2px rgba(0, 60, 75, 0.06), 0 12px 32px -8px rgba(0, 60, 75, 0.14);

  --aspect-og: 1200 / 630;

  --aspect-karta: 16 / 9;
}

@supports (interpolate-size: allow-keywords) {
  :root { interpolate-size: allow-keywords; }
}

@supports (color: oklch(0% 0 0)) {
  :root {
    --color-primary:     oklch(63.5% 0.105 215);
    --color-primary-600: oklch(54% 0.10 215);
    --color-primary-700: oklch(43% 0.085 215);
    --color-secondary:   oklch(89% 0.18 95);
    --color-error-500:   oklch(50% 0.18 28);
    --color-text-primary:   oklch(20% 0 0);
    --color-text-secondary: oklch(31% 0 0);
    --color-text-muted:     oklch(45% 0 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

*, *::before, *::after { box-sizing: border-box; }

* { margin: 0; }

html {
  font-family: var(--font-body);
  font-size: 100%;
  font-optical-sizing: auto;
  line-height: var(--leading-body);
  color: var(--color-text-primary);
  background: var(--color-white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  font-size: var(--text-body-lg);
}
body > main { flex: 1 0 auto; }

img, picture, svg, video {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

ul, ol {
  padding: 0;
  list-style: none;
}

a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover { color: var(--color-link-hover); }

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-normal);
}

h6 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  line-height: var(--leading-body);
}

h1 { font-size: var(--text-h1); }
h2 { font-size: var(--text-h2); }
h3 { font-size: var(--text-h3); }
h4 { font-size: var(--text-h4); }
h5 { font-size: var(--text-h5); }
h6 { font-size: var(--text-h6); }

:focus { outline: none; }

:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.skip-link {
  position: absolute;
  inset-inline-start: var(--space-sm);
  inset-block-start: var(--space-sm);
  z-index: var(--z-skip-link);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-primary-700);
  color: var(--color-white);
  text-decoration: none;
  font-weight: var(--weight-bold);
  border-radius: var(--radius-sm);
  transform: translateY(-200%);
  transition: transform var(--motion-default);
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  color: var(--color-white);
}

@media (forced-colors: active) {
  :focus-visible { outline: 2px solid CanvasText; }
}

.container {
  width: 100%;
  max-width: var(--max-content-width);
  margin-inline: auto;
  padding-inline: var(--container-gap-mobile);
}

@media (min-width: 768px) {
  .container { padding-inline: var(--container-gap-tablet); }
}

@media (min-width: 1025px) {
  .container { padding-inline: var(--container-gap-desktop); }
}

.section {
  padding-block: var(--section-padding-block);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--motion-default), color var(--motion-default), box-shadow var(--motion-default);
  -webkit-tap-highlight-color: transparent;
}
.btn--medium { min-height: 44px; padding-inline: var(--space-6); padding-block: 9.5px; font-size: var(--text-base); }
.btn--primary { background: var(--gradient-primary); color: var(--color-white); }
.btn--primary:hover  { background: var(--gradient-primary-hover); color: var(--color-white); }
.btn--primary:active { background: var(--gradient-primary-active); color: var(--color-white); }
.btn--secondary {
  background: var(--color-white);
  color: var(--color-primary-600);
  box-shadow: inset 0 0 0 1px var(--color-primary-100);
}
.btn--secondary:hover { background: var(--color-primary-50); color: var(--color-primary-700); }
.btn:focus-visible { outline: 2px solid var(--color-primary-700); outline-offset: 2px; }
.btn:disabled, .btn[aria-disabled="true"] {
  background: var(--color-neutral-75); color: var(--color-neutral-300);
  cursor: not-allowed; pointer-events: none; box-shadow: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-block-end: 1px solid var(--color-border-default);
  transition: box-shadow 200ms ease;
}
.site-header.scrolled {
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.06);
}
.site-header > .container,
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding-block: var(--space-2);
}
.site-header__logo {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 44px;
  text-decoration: none;
  flex-shrink: 0;
}
.site-header__logo img {
  height: 32px;
  width: auto;
  display: block;
}

.site-header__dopisek {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: var(--space-3);
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 500;
  letter-spacing: var(--tracking-tight);
  color: var(--color-primary-800);
  white-space: nowrap;
}
.site-header__dopisek::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 2px;
  height: 22px;
  border-radius: 1px;
  background: var(--color-accent-yellow);
}
.site-header__logo:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 4px;
  border-radius: var(--radius-sm);
}

.site-header__nav {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
  margin: 0;
}
.site-header__nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: var(--space-3);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: color var(--motion-default), background-color var(--motion-default);
}
.site-header__nav a:hover {
  color: var(--color-primary-700);
  background: var(--color-primary-50);
}
.site-header__nav a:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}
@media (max-width: 768px) {
  .site-header__nav { display: none; }
}

@media (max-width: 480px) {
  .site-header__logo { gap: var(--space-2); }
  .site-header__dopisek {
    padding-left: var(--space-2);
    font-size: var(--text-sm);
  }
  .site-header__dopisek::before { height: 18px; }
}

.section-eyebrow {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-primary-700);
}

.section--soft {
  background: var(--color-surface-soft); 
}

.section--page-top {
  padding-block-start: var(--space-16);
  padding-block-end: var(--space-12);
}

.prose {
  max-width: 70ch;
  margin-inline: auto;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-text-primary);
}
.prose h1 {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  margin-block-end: var(--space-6);
}
.prose h2 {
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  margin-block: var(--space-12) var(--space-6);
}
.prose h3 {
  font-family: var(--font-display);
  font-size: var(--text-h4);
  font-weight: var(--weight-bold);
  margin-block: var(--space-8) var(--space-4);
}
.prose > * + * { margin-block-start: var(--space-6); }
.prose h2 + p, .prose h3 + p { margin-block-start: var(--space-4); }
.prose p { margin: 0; max-width: 70ch; }
.prose > * + p { margin-block-start: var(--space-6); }
.prose strong { font-weight: var(--weight-bold); }
.prose a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.prose a:hover { color: var(--color-link-hover); }
.prose ul, .prose ol {
  padding-inline-start: var(--space-8);
  margin-block: var(--space-4);
}
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { margin-block-start: var(--space-2); }
.prose li::marker { color: var(--color-primary-500); }

.check-list {
  list-style: none;
  padding: 0;
  margin: var(--space-6) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.check-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-base);
  color: var(--color-text-primary);
}
.check-list li::before {
  content: '✓';
  color: var(--color-brand-primary);
  font-weight: 700;
  flex-shrink: 0;
}

.site-footer {
  background: var(--color-surface-alt);
  border-top: var(--border-hairline) solid var(--color-border);
  color: var(--color-text-secondary);
  padding-block: var(--space-10);
  margin-block-start: 0;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-10);
  padding-block-end: var(--space-8);
  border-block-end: 1px solid var(--color-border-default);
  margin-block-end: var(--space-5);
}
.site-footer__brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.site-footer__logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: max-content;
}
.site-footer__logo:focus-visible {
  outline: 2px solid var(--color-primary-700);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.site-footer__logo img {
  height: 32px;
  width: auto;
  display: block;
}
.site-footer__tagline {
  font-size: var(--text-sm);
  line-height: 1.6;
  max-width: 36ch;
  margin: 0;
  color: var(--color-text-secondary);
}
.site-footer__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.site-footer__nav-heading {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-2);
  letter-spacing: var(--tracking-normal);
}
.site-footer__nav a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: var(--text-sm);
  line-height: 1.5;
  transition: color var(--motion-default);
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding-block: var(--space-1);
}
.site-footer__nav a:hover { color: var(--color-primary-700); }
.site-footer__nav a:focus-visible {
  color: var(--color-primary-700);
  outline: 2px solid var(--color-primary-700);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.site-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}
.site-footer__bottom p { margin: 0; }
.site-footer__bottom a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--motion-default);
}
.site-footer__bottom a:hover { color: var(--color-link-hover); }
.site-footer__bottom a:focus-visible {
  outline: 2px solid var(--color-primary-700);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

@media (max-width: 1024px) {
  .site-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .site-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  .site-footer { padding-block: var(--space-16); }
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
    padding-block-end: var(--space-8);
  }
}

.nav-toggle { display: none; }

@media (max-width: 768px) {
  .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    margin-inline-start: auto; 
  }

  .nav-toggle__bar {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--color-text-primary);
    border-radius: 2px;
    transition: transform 250ms ease, opacity 250ms ease;
  }

  .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) {
    opacity: 0;
  }
  .nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  #nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    box-shadow: var(--shadow-dropdown);
    padding: var(--space-4) var(--space-5);
    border-block-start: 1px solid var(--color-border-default);
    z-index: var(--z-sticky);
    list-style: none;
    margin: 0;
  }

  #nav-menu.is-open {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
  }

  #nav-menu a {
    display: flex;
    align-items: center;
    padding: var(--space-3) var(--space-2);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--color-text-primary);
    border-radius: var(--radius-md);
    min-height: 44px;
  }

  #nav-menu a:hover {
    background: var(--color-surface-alt);
  }

  @media (prefers-reduced-motion: reduce) {
    .nav-toggle__bar { transition: none; }
  }
}

@media (max-width: 768px) {
  .section {
    padding-block: var(--space-8);
  }
}

.container--press { max-width: var(--max-press); }

.site-header__nav .is-active {
  color: var(--color-primary-700);
  font-weight: var(--weight-bold);
  text-decoration: underline;
  text-decoration-thickness: var(--border-emphasis);
  text-decoration-color: var(--color-primary-700);
  text-underline-offset: var(--space-1-5);
}

.page-title {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  margin-block: var(--space-sm) var(--space-md);
}
.page-lead {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  max-width: var(--measure-prose);
}

.press-item { border-bottom: var(--border-hairline) solid var(--color-border); }

.press-item__link {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
  gap: var(--space-2xl);
  padding-block: var(--space-2xl);
  color: inherit;
  text-decoration: none;
}

.press-item__media {
  width: 100%;
  aspect-ratio: var(--aspect-karta);
  align-self: center;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--color-neutral-75);

  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.press-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--duration-slow) var(--ease-out);
}

.kadr-lewo  { object-position: left center; }
.kadr-prawo { object-position: right center; }

.press-item__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  justify-content: center;
}
.press-item__meta {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--text-caption-1);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-overline);
}
.press-item__title {
  font-family: var(--font-display);
  font-size: var(--text-h4);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
}
.press-item__lead {
  font-size: var(--text-lg);
  line-height: var(--leading-body);
  color: var(--color-text-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.press-item__more { color: var(--color-link); font-weight: var(--weight-bold); }
.press-item__link:hover .press-item__title { color: var(--color-primary-700); }

.press-item__link:hover .press-item__img,
.press-item__link:focus-visible .press-item__img { transform: scale(1.04); }

.featured-band { background: var(--color-surface-alt); }

.press-item--featured { border-bottom: none; }
.press-item--featured .press-item__link {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding-block: var(--space-3xl);
}
.press-item--featured .press-item__media { order: 2; }
.press-item--featured .press-item__title { font-size: var(--text-h2); }
.press-item--featured .press-item__lead {
  font-size: var(--text-xl);
  -webkit-line-clamp: 4;
}
.press-item--featured .press-item__media { aspect-ratio: 4 / 3; }

.press-item__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  border-radius: var(--radius-full);
  background: var(--color-primary-700);
  color: var(--color-white);
  font-weight: var(--weight-bold);
}

.lista-etykieta {
  display: block;
  margin-bottom: var(--space-lg);
}

.section--hp-lista { padding-block: var(--space-2xl) 0; }
.section--hp-lista .lista-etykieta { margin-bottom: var(--space-md); }
.section--hp-lista .lista-etykieta + .press-item .press-item__link {
  padding-block-start: var(--space-md);
}

.powiazane__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}
.powiazane__grid .press-item { border-bottom: none; }
.powiazane__grid .press-item__link {
  grid-template-columns: 1fr;
  gap: var(--space-md);
  padding-block: 0;
  height: 100%;
}
.powiazane__grid .press-item__body { justify-content: flex-start; }
.powiazane__grid .press-item__title {
  font-size: var(--text-lg);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.powiazane__grid .press-item__lead {
  font-size: var(--text-sm);
  -webkit-line-clamp: 3;
}

@media (max-width: 1024px) {
  .powiazane__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .powiazane__grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
}

.lista-wiecej {
  margin: var(--space-2xl) 0 0;
  text-align: center;
}
.lista-wiecej__cta { border-radius: var(--radius-full); }

.section--lista { padding-block-start: 0; }

.post__container { max-width: var(--measure-article); }
.post__meta {
  display: flex;
  gap: var(--space-md);
  font-size: var(--text-caption-1);
  text-transform: uppercase;
  letter-spacing: var(--tracking-overline);
  color: var(--color-text-muted);
}
.post__title {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  margin-block: var(--space-sm) 0;
}
.post__lead {
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-lg);
}
.post__hero-wrap { margin-block: var(--space-xl) var(--space-2xl); }

.post__hero {
  display: grid;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.post__media {
  grid-area: 1 / 1;
  margin: 0;
  aspect-ratio: 16 / 9;
  height: 100%;
  background: var(--color-neutral-75);
}
.post__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.post__naglowek {
  grid-area: 1 / 1;
  align-self: end;
  padding: var(--space-4xl) var(--space-2xl) var(--space-2xl);
  background: linear-gradient(to top,
    rgba(0, 0, 0, 0.90) 0%,
    rgba(0, 0, 0, 0.82) 60%,
    rgba(0, 0, 0, 0.60) 85%,
    rgba(0, 0, 0, 0) 100%);
  color: var(--color-white);
}
.post__naglowek .post__title {
  font-size: var(--text-h2);
  margin: var(--space-sm) 0 0;
  max-width: 30ch;
  text-wrap: balance;
}
.post__naglowek .post__meta { color: inherit; }
.post__naglowek .post__kategoria {
  color: inherit;
  font-weight: var(--weight-bold);
  text-decoration: none;
}
.post__naglowek .post__kategoria:hover { text-decoration: underline; }
.post__naglowek .post__kategoria:focus-visible { outline-color: var(--color-white); }

.post .prose {
  font-size: var(--text-article);
  line-height: var(--leading-body);
  margin-inline: 0;
}
.post .prose p,
.post .prose li { max-width: none; }
.post .prose h2 { font-size: var(--text-h3); margin-top: var(--space-2xl); }
.post .prose h3 { font-size: var(--text-h4); margin-top: var(--space-xl); }
.post .prose img { width: 100%; height: auto; border-radius: var(--radius-lg); margin-block: var(--space-lg); }

.source-note {
  background: var(--color-surface-soft);
  border-left: var(--border-accent) solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--padding-card-cozy);
  margin-block: var(--space-lg);
}

.share { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: var(--border-hairline) solid var(--color-border); }
.share__heading {
  font-size: var(--text-caption-1);
  text-transform: uppercase;
  letter-spacing: var(--tracking-overline);
  color: var(--color-text-muted);
  margin-bottom: var(--space-sm);
}
.share__list { display: flex; flex-wrap: wrap; gap: var(--space-sm); list-style: none; padding: 0; }
.share__link {
  display: inline-block;
  padding: var(--space-2) var(--space-4);
  border: var(--border-hairline) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  background: none;
  font: inherit;
  color: var(--color-text-primary);
  text-decoration: none;
  cursor: pointer;
}
.share__link:hover { border-color: var(--color-primary); color: var(--color-primary-700); }

.press-contact { padding-block: var(--space-3xl); background: var(--color-surface); }
.press-contact__panel {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-3xl);
  align-items: center;
  background: var(--gradient-panel);
  border-radius: var(--radius-2xl);
  padding: var(--space-3xl);
}
.press-contact__heading {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  max-width: 22ch;
  text-wrap: balance;
}
.press-contact__opis {
  margin-top: var(--space-md);
  color: var(--color-text-secondary);
  max-width: var(--measure-prose);
}

.drobny-druk {
  margin-top: var(--space-lg);
  font-size: var(--text-caption-1);
  color: var(--color-text-secondary);
}
.drobny-druk a { color: var(--color-link); }
.drobny-druk a:hover { color: var(--color-link-hover); }

.wizytowka {
  display: grid;
  justify-items: start;
  gap: var(--space-xs);
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  padding: var(--space-xl);
  box-shadow: var(--shadow-wizytowka);
}
.wizytowka__ikona {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-full);
  background: var(--color-primary-700);
  color: var(--color-white);
  margin-bottom: var(--space-sm);
}
.wizytowka__ikona .ikona-kontakt { width: 26px; height: 26px; }
.wizytowka__osoba {
  font-family: var(--font-display);
  font-size: var(--text-h5);
  font-weight: var(--weight-bold);
}
.wizytowka__rola {
  font-size: var(--text-caption-1);
  text-transform: uppercase;
  letter-spacing: var(--tracking-overline);
  color: var(--color-text-muted);
}
.wizytowka__cta {
  margin-top: var(--space-md);
  font-weight: var(--weight-bold);
  border-radius: var(--radius-full);
}
.wizytowka__cta.btn--secondary {
  background: var(--color-primary-50);
  color: var(--color-primary-700);
  box-shadow: none;
}
.wizytowka__cta.btn--secondary:hover {
  background: var(--color-primary-100);
  color: var(--color-primary-800);
}

.wizytowka__dane {
  list-style: none;
  margin: var(--space-md) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-sm);
}
.wizytowka__dane a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: var(--color-link);
  font-weight: var(--weight-bold);
  text-underline-offset: 3px;
}
.wizytowka__dane a:hover { color: var(--color-link-hover); }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-md);
  margin-top: var(--space-2xl);
}
.pagination__link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  font-size: var(--text-sm);
  color: var(--color-link);
  text-decoration: none;
  transition: color var(--motion-default);
}
.pagination__link:hover { color: var(--color-link-hover); }
.pagination__link--nieaktywny { color: var(--color-text-muted); }

.pagination__numery {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination__numer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding-inline: var(--space-2);
  border: var(--border-hairline) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: border-color var(--motion-default), color var(--motion-default);
}
.pagination__numer:hover { border-color: var(--color-primary); color: var(--color-primary-700); }
.pagination__numer:focus-visible { outline: 2px solid var(--color-primary-700); outline-offset: 2px; }
.pagination__numer--aktualny {
  background: var(--color-primary-700);
  border-color: var(--color-primary-700);
  color: var(--color-white);
}

.site-footer__social { display: flex; flex-wrap: wrap; gap: var(--space-md); }
.site-footer__social a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: var(--text-sm);
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 32px;
  transition: color var(--motion-default);
}
.site-footer__social svg {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-footer__social a:hover { color: var(--color-primary-700); }
.site-footer__social a:focus-visible {
  color: var(--color-primary-700);
  outline: 2px solid var(--color-primary-700);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.kontakt__lead {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  margin-top: var(--space-sm);
}

.blad-404__lead {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  margin-top: var(--space-sm);
  max-width: var(--measure-prose);
}
.blad-404__akcje {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  margin-top: var(--space-xl);
}
.kontakt { padding-block: 0 var(--space-4xl); }
.kontakt__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-3xl);
  align-items: start;
  background: var(--gradient-panel);
  border-radius: var(--radius-2xl);
  padding: var(--space-3xl);
}
.kontakt__naglowek {
  font-family: var(--font-display);
  font-size: var(--text-h5);
  margin-bottom: var(--space-md);
}

.boilerplate {
  background: var(--color-surface);
  border: var(--border-hairline) solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--space-xl);
}
.boilerplate__tresc { color: var(--color-text-secondary); }
.boilerplate__tresc p { margin: 0; }
.boilerplate__tresc p + p { margin-top: var(--space-md); }
.boilerplate__kopiuj {
  margin-top: var(--space-lg);
  padding: var(--space-2) var(--space-4);
  border: var(--border-hairline) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  background: none;
  font: inherit;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: border-color var(--motion-default), color var(--motion-default);
}
.boilerplate__kopiuj:hover { border-color: var(--color-primary); color: var(--color-primary-700); }

.onas-naglowek {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: var(--weight-bold);
}
.onas-nota {
  margin-top: var(--space-md);
  color: var(--color-text-secondary);
}

.onas-dwie {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-3xl);
  align-items: start;
}
.onas-dwie .check-list { margin-top: 0; }

.onas-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-3xl);
  align-items: center;
}
.onas-hero__foto {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  order: -1;
}
.onas-hero__proza { margin-inline: 0; }

.liczby {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-lg);
  list-style: none;
  margin: 0;
  padding: 0;
}
.liczby__kafel {
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  padding: var(--space-xl);
}
.liczby__wartosc {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: var(--weight-bold);
  color: var(--color-primary-700);
  line-height: var(--leading-tight);
}
.liczby__opis {
  margin: var(--space-xs) 0 0;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.produkty {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-lg);
  list-style: none;
  margin: var(--space-xl) 0 0;
  padding: 0;
}
.produkty__karta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-sm);
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  padding: var(--space-xl);
}
.produkty__nazwa {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h5);
  font-weight: var(--weight-bold);
}
.produkty__opis {
  margin: 0;
  color: var(--color-text-secondary);
  flex: 1;
}
.produkty__cta {
  margin-top: var(--space-md);
  border-radius: var(--radius-full);
}
.produkty__cta.btn--primary {
  background: linear-gradient(276.11deg, var(--color-primary-700) 0%, var(--color-primary-600) 100%);
}
.produkty__cta.btn--primary:hover {
  background: linear-gradient(276.11deg, var(--color-primary-800) 0%, var(--color-primary-700) 100%);
}

.kategorie {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-lg);
  list-style: none;
  margin: var(--space-xl) 0 0;
  padding: 0;
}
.kategorie__kafel {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.kategorie__foto {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 388 / 300;
  object-fit: cover;
}
.kategorie__nazwa {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: var(--space-2xl) var(--space-md) var(--space-md);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.68) 45%, rgba(0, 0, 0, 0) 100%);
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
}

.oscz {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--space-xl);
  border-left: var(--border-emphasis) solid var(--color-border);
}
.oscz__punkt {
  position: relative;
  padding-bottom: var(--space-xl);
}
.oscz__punkt:last-child { padding-bottom: 0; }
.oscz__punkt::before {
  content: '';
  position: absolute;
  left: calc(-1 * var(--space-xl) - 7px);
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-full);
  background: var(--color-primary-700);
  box-shadow: 0 0 0 4px var(--color-surface-soft);
}
.oscz__data {
  margin: 0;
  font-size: var(--text-caption-1);
  text-transform: uppercase;
  letter-spacing: var(--tracking-overline);
  color: var(--color-primary-700);
  font-weight: var(--weight-bold);
}
.oscz__tekst {
  margin: var(--space-xs) 0 0;
  color: var(--color-text-secondary);
}

@media (max-width: 1024px) {
  .liczby     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kategorie  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .onas-dwie,
  .onas-hero__grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .onas-hero__foto { order: 0; }
}

@media (max-width: 768px) {
  .produkty  { grid-template-columns: 1fr; }
  .kategorie { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .press-item__link {
    grid-template-columns: 1fr;
    gap: var(--space-md);
    padding-block: var(--space-xl);
  }
  .press-item--featured .press-item__media { order: 0; }
  .press-item--featured .press-item__link {
    grid-template-columns: 1fr;
    padding-block: var(--space-2xl);
  }
  .press-item--featured .press-item__title { font-size: var(--text-h4); }
  .press-item--featured .press-item__lead { font-size: var(--text-lg); -webkit-line-clamp: 3; }

  .post__hero {
    display: block;
    border-radius: 0;
    overflow: visible;
    -webkit-mask-image: none;
  }
  .post__media {
    border-radius: var(--radius-xl);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .post__naglowek {
    padding: var(--space-lg) 0 0;
    background: none;
    color: inherit;
  }
  .post__naglowek .post__meta { color: var(--color-text-muted); }
  .post__naglowek .post__kategoria { color: var(--color-link); }
  .post__naglowek .post__title { max-width: none; }

  .kontakt__grid {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
    padding: var(--space-xl);
  }

  .press-contact__panel {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    padding: var(--space-xl);
  }
  .lamanie-desktop { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .press-item__img { transition: none; }
  .press-item__link:hover .press-item__img,
  .press-item__link:focus-visible .press-item__img { transform: none; }
}

.cookie-notice {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  background: var(--color-scrim);
}
.cookie-notice__panel {
  position: absolute;
  inset: auto 0 0 0;
  padding-block: var(--space-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-modal);
}
.cookie-notice__uklad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2xl);
}
.cookie-notice__tekst {
  flex: 1;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}
.cookie-notice__tekst a {
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-notice__tekst a:hover { color: var(--color-link-hover); }
.cookie-notice__zamknij { flex-shrink: 0; }

@media (max-width: 768px) {
  .cookie-notice__panel { padding-block: var(--space-lg); }
  .cookie-notice__uklad {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-md);
  }
}