/* =====================================================================
   BALTIER — Warstwa "premium polish"  (SESJA 1: fundament wizualny)
   ---------------------------------------------------------------------
   Nadpisania w child-theme. W pełni odwracalne: usuń ten plik i jego
   enqueue z functions.php. Cel sesji 1: dyscyplina siatki, rytm
   typografii i spójne detale (karty, formularz, przyciski, stopka).
   Kolejne sesje: praca sekcja po sekcji (odstępy/układ w blokach Kadence).
   kreatywnyb.pl — 2026-08-07
   ===================================================================== */

:root{
  --b-bg:#d9d4cf;
  --b-ink:#26241f;
  --b-muted:#5d5955;
  --b-green:#2c3a30;
  --b-green-deep:#1b231c;      /* stopka / najgłębszy ton marki */
  --b-gold:#b0925e;            /* stonowany mosiądz — jedyny akcent */
  --b-line:#c7bfb5;
  --b-measure:640px;           /* czytelna miara tekstu (~72 znaki) */
  --b-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------------------------------------------------------------
   1) TYPOGRAFIA — czytelność i rytm
   --------------------------------------------------------------- */
/* Tnij zbyt długie wiersze (hero 944px, „O nas" 1080px → premium ~640) */
.entry-content p{
  max-width:var(--b-measure);
}
/* Akapity wyśrodkowane mają zostać na środku kontenera */
.entry-content p.has-text-align-center,
.entry-content .has-text-align-center > p,
.entry-content [style*="text-align:center"] p,
.entry-content [style*="text-align: center"] p{
  margin-left:auto;
  margin-right:auto;
}
/* Nagłówki: subtelny tracking + balans łamania (bez „sierot") */
.entry-content h1,.entry-content h2,.entry-content h3,
.wp-block-kadence-advancedheading{
  text-wrap:balance;
  letter-spacing:-.005em;
}

/* ---------------------------------------------------------------
   2) OBRAZY — subtelne zaokrąglenie (detal premium)
   --------------------------------------------------------------- */
.entry-content .wp-block-image img{
  border-radius:8px;
}
/* spójność: zaokrąglenie zdjęć Kadence (Kunszt, Produkty, Zestawy) */
.entry-content .wp-block-kadence-image img,
.entry-content .kadence-image img{ border-radius:12px; }
/* Kunszt: cień na zdjęciu dla spójności z sekcjami About */
.kb-row-layout-id2_0ea4de-71 .wp-block-kadence-image img{
  box-shadow:0 30px 60px -30px rgba(0,0,0,.55);
}
/* Produkty + Zestawy: subtelny zoom zdjęcia na hover karty */
.kb-row-layout-id2_257ec7-28 .wp-block-kadence-image,
.kb-row-layout-id2_81f9cf-59 .wp-block-kadence-image{ overflow:hidden; border-radius:12px; }
.kb-row-layout-id2_257ec7-28 .wp-block-kadence-image img,
.kb-row-layout-id2_81f9cf-59 .wp-block-kadence-image img{ transition:transform .65s var(--b-ease); }
.kb-row-layout-id2_257ec7-28 .wp-block-kadence-column:hover .wp-block-kadence-image img,
.kb-row-layout-id2_81f9cf-59 .wp-block-kadence-column:hover .wp-block-kadence-image img{ transform:scale(1.05); }


/* =====================================================================
   SESJA 3 — REDESIGN SEKCJI OD „KUNSZT" W DÓŁ (bespoke, spójny system)
   ===================================================================== */
/* Ukryj stare wiersze Kadence zastąpione bespoke sekcjami */
.kb-row-layout-id2_0ea4de-71,   /* Kunszt */
.kb-row-layout-id2_1af11c-88,   /* Oferta */
.kb-row-layout-id2_257ec7-28,   /* Produkty */
.kb-row-layout-id2_81f9cf-59,   /* Zestawy */
.kb-row-layout-id2_300a15-52,   /* Luksus zamknięty... */
.kb-row-layout-id2_937ac6-f8,   /* Blog */
.kb-row-layout-id2_e34eff-e7,   /* FAQ */
.kb-row-layout-id2_3effb6-ed,   /* Kontakt */
.kb-row-layout-id2_cf507a-1a,   /* pusty wiersz (dziura) */
.kb-row-layout-id2_c1fa35-dc{   /* pusty wiersz 428px (dziura) */
  display:none !important;
}

/* --- Produkty (bespoke karuzela scroll-snap) --- */
.bx-prod{ padding:clamp(72px,9vw,120px) 0; }
.bx-prod .bx-head{ padding-inline:24px; }
.bx-prod__wrap{ position:relative; }
.bx-prod__track{ display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x proximity;
  padding:6px clamp(24px,6vw,80px); scrollbar-width:none; scroll-behavior:smooth; }
.bx-prod__track::-webkit-scrollbar{ display:none; }
.bx-prodcard{ flex:0 0 300px; scroll-snap-align:start; }
.bx-prodcard__media{ overflow:hidden; border-radius:14px; aspect-ratio:4/5; margin-bottom:18px; background:#ece7e1; }
.bx-prodcard__media img{ width:100%; height:100%; object-fit:cover; transition:transform .65s var(--b-ease); }
.bx-prodcard:hover .bx-prodcard__media img{ transform:scale(1.05); }
.bx-prodcard__t{ font-family:"Gilda Display",serif; font-weight:400; font-size:21px; color:#26241f; margin:0 0 8px; line-height:1.22; }
.bx-prodcard__d{ font-family:"Archivo",sans-serif; font-size:14.5px; line-height:1.6; color:var(--b-muted); margin:0; }
.bx-prod__nav{ position:absolute; top:calc(50% - 42px); z-index:3;
  width:50px; height:50px; border-radius:50%; border:1px solid var(--b-line);
  background:rgba(250,249,247,.92); color:#26241f; font-family:"Archivo",sans-serif; font-size:24px; line-height:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .25s,color .25s,border-color .25s; }
.bx-prod__nav:hover{ background:var(--b-green); color:#f5efe6; border-color:var(--b-green); }
.bx-prod__nav--prev{ left:14px; }
.bx-prod__nav--next{ right:14px; }
@media (max-width:600px){ .bx-prod__nav{ display:none; } .bx-prodcard{ flex-basis:76vw; } }

/* --- Zestawy (bespoke siatka 4) --- */
.bx-gifts{ padding:clamp(72px,9vw,120px) 24px; }
.bx-gifts__grid{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.bx-giftcard__media{ overflow:hidden; border-radius:14px; aspect-ratio:3/4; margin-bottom:20px; }
.bx-giftcard__media img{ width:100%; height:100%; object-fit:cover; transition:transform .65s var(--b-ease); }
.bx-giftcard:hover .bx-giftcard__media img{ transform:scale(1.05); }
.bx-giftcard__t{ font-family:"Gilda Display",serif; font-weight:400; font-size:22px; color:#26241f; margin:0 0 6px; }
.bx-giftcard__d{ font-family:"Archivo",sans-serif; font-size:14.5px; line-height:1.6; color:var(--b-muted); margin:0; }
@media (max-width:900px){ .bx-gifts__grid{ grid-template-columns:repeat(2,1fr); gap:22px; } }
@media (max-width:520px){ .bx-gifts__grid{ grid-template-columns:1fr; } }
/* --- Zestawy: wariant karuzeli (gdy > 4, jak w produktach) --- */
.bx-gifts__wrap{ position:relative; max-width:1200px; margin:0 auto; }
.bx-gifts__track{ display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x proximity;
  padding:6px 2px; scrollbar-width:none; scroll-behavior:smooth; }
.bx-gifts__track::-webkit-scrollbar{ display:none; }
.bx-gifts--carousel .bx-giftcard{ flex:0 0 300px; scroll-snap-align:start; }
.bx-gifts__nav{ position:absolute; top:calc(50% - 42px); z-index:3;
  width:50px; height:50px; border-radius:50%; border:1px solid var(--b-line);
  background:rgba(250,249,247,.92); color:#26241f; font-family:"Archivo",sans-serif; font-size:24px; line-height:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .25s,color .25s,border-color .25s; }
.bx-gifts__nav:hover{ background:var(--b-green); color:#f5efe6; border-color:var(--b-green); }
.bx-gifts__nav--prev{ left:-6px; }
.bx-gifts__nav--next{ right:-6px; }
@media (max-width:600px){ .bx-gifts__nav{ display:none; } .bx-gifts--carousel .bx-giftcard{ flex-basis:76vw; } }

/* CTA band (pod Zestawami) */
.bx-cta{
  max-width:1200px; margin:clamp(48px,6vw,74px) auto 0;
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
  padding:clamp(34px,4vw,50px) clamp(32px,4vw,58px);
  background:var(--b-green); border-radius:22px; position:relative; overflow:hidden; isolation:isolate;
}
.bx-cta::before{ content:""; position:absolute; inset:-30%; z-index:0; pointer-events:none;
  background:radial-gradient(40% 55% at 85% 30%, rgba(201,168,110,.22), transparent 70%);
  animation:bx-glow 16s ease-in-out infinite alternate; }
.bx-cta > *{ position:relative; z-index:1; }
.bx-cta__t{ font-family:"Gilda Display",serif; font-weight:400; color:#f5efe6; font-size:clamp(22px,2.5vw,31px); line-height:1.2; margin:0 0 10px; max-width:640px; }
.bx-cta__d{ font-family:"Archivo",sans-serif; color:rgba(245,239,230,.76); font-size:15.5px; line-height:1.6; margin:0; max-width:540px; }
.bx-cta__btn{ flex:0 0 auto; display:inline-block; padding:16px 36px; border-radius:999px;
  background:#f5efe6; color:#1b231c; font-family:"Archivo",sans-serif; font-size:15px; font-weight:500; letter-spacing:.02em; text-decoration:none;
  transition:transform .3s var(--b-ease), background .3s; }
.bx-cta__btn:hover{ transform:translateY(-2px); background:#fff; box-shadow:0 14px 30px -10px rgba(0,0,0,.4); }
@media (max-width:720px){ .bx-cta{ flex-direction:column; align-items:flex-start; } }

/* --- Blog (karty wpisów) --- */
.bx-blog{ padding:clamp(72px,9vw,120px) 24px; }
.bx-blog__grid{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.bx-post{ display:flex; flex-direction:column; }
.bx-post__media{ overflow:hidden; border-radius:14px; aspect-ratio:16/11; margin-bottom:22px; }
.bx-post__media img{ width:100%; height:100%; object-fit:cover; transition:transform .65s var(--b-ease); }
.bx-post:hover .bx-post__media img{ transform:scale(1.05); }
.bx-post__t{ font-family:"Gilda Display",serif; font-weight:400; font-size:23px; line-height:1.25; color:#26241f; margin:0 0 12px; }
.bx-post__d{ font-family:"Archivo",sans-serif; font-size:15px; line-height:1.65; color:var(--b-muted); margin:0 0 18px; flex:1; }
.bx-post__more{ font-family:"Archivo",sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#26241f; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:gap .25s var(--b-ease), color .25s; }
.bx-post__more:hover{ color:var(--b-gold); gap:14px; }
.bx-blog__all{ text-align:center; margin-top:clamp(40px,5vw,60px); }
.bx-btn-outline{ display:inline-block; padding:15px 34px; border:1px solid var(--b-green); border-radius:999px;
  font-family:"Archivo",sans-serif; font-size:14px; letter-spacing:.02em; color:#26241f; text-decoration:none;
  transition:background .3s var(--b-ease), color .3s, transform .3s; }
.bx-btn-outline:hover{ background:var(--b-green); color:#f5efe6; transform:translateY(-2px); }
@media (max-width:860px){ .bx-blog__grid{ grid-template-columns:1fr; gap:36px; } }

/* --- FAQ (dwukolumn + natywny accordion) --- */
.bx-faq{ padding:clamp(72px,9vw,120px) 24px; }
.bx-faq__inner{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,6vw,80px); align-items:start; }
.bx-faq__aside .bx-faq__title{ font-family:"Gilda Display",serif; font-weight:400; font-size:clamp(30px,3.4vw,44px); line-height:1.12; color:#26241f; margin:0 0 16px; }
.bx-faq__aside .bx-faq__sub{ font-family:"Archivo",sans-serif; color:var(--b-muted); font-size:16px; line-height:1.6; margin:0; }
.bx-faqitem{ border-bottom:1px solid var(--b-line); }
.bx-faqitem summary{ list-style:none; cursor:pointer; position:relative;
  padding:22px 48px 22px 0; font-family:"Gilda Display",serif; font-size:20px; color:#26241f;
  transition:color .25s var(--b-ease); }
.bx-faqitem summary:hover,.bx-faqitem[open] summary{ color:var(--b-gold); }
.bx-faqitem summary::-webkit-details-marker{ display:none; }
/* cienki, delikatny + / − (dwie kreski 1.5px), animacja obrotu */
.bx-faqitem summary::before,
.bx-faqitem summary::after{ content:""; position:absolute; right:6px; top:34px; width:16px; height:1.5px;
  background:var(--b-gold); transition:transform .4s var(--b-ease); }
.bx-faqitem summary::after{ transform:rotate(90deg); }
.bx-faqitem[open] summary::after{ transform:rotate(0); }
.bx-faqitem__a{ font-family:"Archivo",sans-serif; font-size:15.5px; line-height:1.72; color:var(--b-muted); margin:0; padding:0 0 24px; max-width:640px; }
.bx-faqitem[open] .bx-faqitem__a{ animation:bx-fade .4s var(--b-ease); }
@keyframes bx-fade{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
@media (max-width:800px){ .bx-faq__inner{ grid-template-columns:1fr; gap:30px; } }

/* --- Kontakt (info + formularz CF7) --- */
.bx-contact{ padding:clamp(72px,9vw,120px) 24px; }
.bx-contact__inner{ max-width:1140px; margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(44px,6vw,88px); align-items:start; }
.bx-contact__title{ font-family:"Gilda Display",serif; font-weight:400; font-size:clamp(30px,3.6vw,46px); line-height:1.12; color:#26241f; margin:0 0 30px; }
.bx-contact__form .bx-contact__title{ font-size:clamp(24px,2.6vw,32px); margin-bottom:22px; }
.bx-contact__label{ font-family:"Archivo",sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--b-gold); margin:0 0 8px; }
.bx-contact__line{ font-family:"Gilda Display",serif; font-size:20px; color:#26241f; margin:0 0 26px; line-height:1.45; }
.bx-contact__line a{ color:#26241f; text-decoration:none; border-bottom:1px solid var(--b-line); transition:color .25s; }
.bx-contact__line a:hover{ color:var(--b-gold); }
@media (max-width:820px){ .bx-contact__inner{ grid-template-columns:1fr; gap:44px; } }

/* --- Kontakt na zielonym tle (przebudowa) --- */
.bx-kontakt .bx-green__inner{ max-width:1160px; }
.bx-kontakt__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(44px,6vw,90px); align-items:start; }
.bx-kontakt__title{ font-family:"Gilda Display",serif; font-weight:400; color:#f5efe6; font-size:clamp(30px,3.6vw,46px); line-height:1.12; margin:0 0 30px; }
.bx-kontakt__form .bx-kontakt__title{ font-size:clamp(24px,2.6vw,32px); margin-bottom:24px; }
.bx-kontakt__intro{ font-family:"Archivo",sans-serif; color:rgba(245,239,230,.78); font-size:16px; line-height:1.72; margin:0 0 32px; max-width:460px; }
.bx-kontakt__label{ font-family:"Archivo",sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--b-gold); margin:0 0 2px; }
.bx-kontakt__line{ font-family:"Gilda Display",serif; font-size:20px; color:#f5efe6; margin:0 0 9px; line-height:1.45; }
/* formularz na pełną szerokość boxa (nadpisz child-theme max-width:420px) */
.bx-kontakt .wpcf7{ max-width:none !important; width:100%; font-family:"Archivo",sans-serif; }
.bx-kontakt__line a{ color:#f5efe6; text-decoration:none; border-bottom:1px solid rgba(245,239,230,.3); transition:color .25s,border-color .25s; }
.bx-kontakt__line a:hover{ color:#e9d0a2; border-color:#e9d0a2; }
.bx-kontakt__company{ font-size:18px; }
.bx-kontakt__company span{ display:block; font-family:"Archivo",sans-serif; font-size:14px; color:rgba(245,239,230,.6); margin-top:5px; letter-spacing:.02em; }
.bx-kontakt__note{ font-family:"Archivo",sans-serif; font-size:14px; color:rgba(245,239,230,.55); }
/* formularz w delikatnym boxie */
.bx-kontakt__form{ background:rgba(245,239,230,.045); border:1px solid rgba(245,239,230,.13); border-radius:20px; padding:clamp(28px,3vw,44px); }
/* Formularz CF7 na zieleni */
.bx-kontakt .wpcf7 form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
.bx-kontakt .wpcf7 form > p{ margin:0; min-width:0; }
/* Temat(1), Wiadomość(6), zgoda(7), submit(8) na całą szerokość; Imię/E-mail i Telefon/Firma po kolumnie */
.bx-kontakt .wpcf7 form > p:nth-of-type(1),
.bx-kontakt .wpcf7 form > p:nth-of-type(6),
.bx-kontakt .wpcf7 form > p:nth-of-type(7),
.bx-kontakt .wpcf7 form > p:nth-of-type(8){ grid-column:1 / -1; }
@media (max-width:560px){
  .bx-kontakt .wpcf7 form{ grid-template-columns:1fr; }
  .bx-kontakt .wpcf7 form > p{ grid-column:1 / -1; }
}
.bx-kontakt .wpcf7 label{ display:flex; flex-direction:column; gap:8px; color:rgba(245,239,230,.9); font-family:"Archivo",sans-serif; font-size:14px; font-weight:400; }
.bx-kontakt .wpcf7 input[type=text],
.bx-kontakt .wpcf7 input[type=email],
.bx-kontakt .wpcf7 input[type=tel],
.bx-kontakt .wpcf7 input[type=url],
.bx-kontakt .wpcf7 textarea,
.bx-kontakt .wpcf7 select{
  width:100% !important; background:rgba(245,239,230,.06) !important; border:1px solid rgba(245,239,230,.25) !important; border-radius:10px !important;
  padding:14px 16px !important; color:#f5efe6 !important; font-family:"Archivo",sans-serif !important; font-size:15px !important;
  transition:border-color .25s, background .25s !important; box-sizing:border-box; min-width:0;
}
.bx-kontakt .wpcf7 input::placeholder,.bx-kontakt .wpcf7 textarea::placeholder{ color:rgba(245,239,230,.45); }
.bx-kontakt .wpcf7 input:focus,.bx-kontakt .wpcf7 textarea:focus,.bx-kontakt .wpcf7 select:focus{ border-color:var(--b-gold) !important; background:rgba(245,239,230,.1) !important; box-shadow:none !important; }
.bx-kontakt .wpcf7 select{ appearance:none; -webkit-appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b0925e' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") !important;
  background-repeat:no-repeat !important; background-position:right 16px center !important; padding-right:44px !important; }
.bx-kontakt .wpcf7 select option{ color:#26241f; }
.bx-kontakt .wpcf7 textarea{ min-height:130px; resize:vertical; }
/* zgoda / checkbox */
.bx-kontakt .wpcf7-acceptance .wpcf7-list-item{ margin:0; }
.bx-kontakt .wpcf7-acceptance label{ flex-direction:row; align-items:flex-start; gap:10px; font-size:13.5px; color:rgba(245,239,230,.78); cursor:pointer; }
.bx-kontakt .wpcf7-acceptance input[type=checkbox]{ width:18px; height:18px; margin-top:1px; accent-color:var(--b-gold); flex:0 0 auto; }
.bx-kontakt .wpcf7-acceptance a{ color:#e9d0a2; }
/* submit */
.bx-kontakt .wpcf7 input[type=submit]{
  align-self:flex-start; background:#f5efe6 !important; color:#1b231c !important; border:none !important; border-radius:999px !important;
  padding:16px 42px !important; font-family:"Archivo",sans-serif !important; font-size:15px !important; font-weight:500 !important; letter-spacing:.02em !important; cursor:pointer; width:auto !important;
  transition:transform .3s var(--b-ease), background .3s !important; }
.bx-kontakt .wpcf7 input[type=submit]:hover{ transform:translateY(-2px); background:#fff !important; }
.bx-kontakt .wpcf7-response-output{ border-color:rgba(245,239,230,.3) !important; color:#f5efe6 !important; border-radius:10px; margin:8px 0 0 !important; }
@media (max-width:820px){ .bx-kontakt__grid{ grid-template-columns:1fr; gap:44px; } }
/* „Wyślij" nieaktywny do zaznaczenia zgody — czytelny, nie „popsuty" */
.bx-kontakt .wpcf7 input[type=submit]:disabled{ background:rgba(245,239,230,.42) !important; color:rgba(27,35,28,.55) !important; cursor:not-allowed; opacity:1 !important; transform:none !important; }

/* =====================================================================
   STOPKA — jedna ciągła, elegancka sekcja (zieleń, bez pasków)
   ===================================================================== */
footer#colophon,
.site-footer-wrap{ background:var(--b-green-deep) !important; }
.site-footer-wrap{ border-top:1px solid rgba(201,168,110,.22); }
/* przezroczyste kontenery rzędów — koniec z paskami greige */
.site-footer-wrap .site-footer-row-container-inner,
.site-footer-wrap .site-top-footer-wrap,
.site-footer-wrap .site-middle-footer-wrap,
.site-footer-wrap .site-bottom-footer-wrap{ background:transparent !important; }
/* padding rzędów */
.site-top-footer-wrap{ padding:clamp(54px,6vw,74px) 0 6px !important; }
.site-middle-footer-wrap{ padding:6px 0 !important; }
.site-bottom-footer-wrap{ padding:18px 0 clamp(30px,3vw,42px) !important; position:relative; }
/* logo mniejsze, subtelne */
.site-footer-wrap .wp-block-kadence-image img,
.site-footer-wrap .kb-image img{ max-width:116px !important; height:auto !important; opacity:.9; }
/* social — subtelnie */
.site-middle-footer-wrap p,
.site-middle-footer-wrap a,
.site-middle-footer-wrap .kt-adv-heading-text{ color:rgba(245,239,230,.72) !important; font-size:15px !important; }
.site-middle-footer-wrap a:hover{ color:var(--b-gold) !important; }
/* usuń napis „Obserwuj nas:" (zostają ikony) */
.site-middle-footer-wrap #block-12{ display:none !important; }
/* social: wyśrodkowane, większe odstępy, mniejsze napisy */
.site-middle-footer-wrap .site-footer-middle-section-2{ display:flex; justify-content:center; width:100%; }
.site-middle-footer-wrap .footer-social-inner,
.site-middle-footer-wrap .footer-social-wrap{ width:100%; }
.site-middle-footer-wrap .footer-social-inner-wrap{ display:flex !important; justify-content:center !important; gap:44px !important; flex-wrap:wrap; }
.site-middle-footer-wrap .footer-social-item{ margin:0 !important; gap:10px; }
.site-middle-footer-wrap .social-label{ font-size:14px !important; }
/* cienka linia nad copyright */
.site-bottom-footer-wrap::before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:min(1160px,86%); height:1px; background:rgba(245,239,230,.1); }
.site-bottom-footer-wrap p,
.site-bottom-footer-wrap a,
.site-bottom-footer-wrap .kt-adv-heading-text{ font-size:13px !important; letter-spacing:.04em; color:rgba(245,239,230,.5) !important; }
.site-bottom-footer-wrap a:hover{ color:var(--b-gold) !important; }

/* --- Nagłówek sekcji (eyebrow + tytuł + intro) --- */
.bx-head{ text-align:center; max-width:760px; margin:0 auto clamp(44px,5vw,66px); }
/* scoped (.bx-head / .bx-faq__aside) — bije marginesy motywu .entry-content h2/p */
.bx-head .bx-head__eyebrow,
.bx-faq__aside .bx-head__eyebrow{
  display:inline-flex; align-items:center; gap:12px; margin:0 0 14px;
  color:var(--b-gold); font-family:"Archivo",sans-serif; font-size:12.5px;
  font-weight:500; letter-spacing:.3em; text-transform:uppercase;
}
.bx-head__eyebrow::before,.bx-head__eyebrow::after{ content:""; width:20px; height:1px; background:var(--b-gold); opacity:.85; }
.bx-head .bx-head__title{
  font-family:"Gilda Display",serif; font-weight:400; color:#26241f;
  font-size:clamp(32px,4vw,52px); line-height:1.1; letter-spacing:-.01em; margin:0; text-wrap:balance;
}
.bx-head .bx-head__intro{ color:var(--b-muted); font-family:"Archivo",sans-serif; font-size:17px; line-height:1.7; max-width:600px; margin:16px auto 0; }

/* --- Zielona sekcja (wzór tła + overlay) --- */
.bx-green{
  position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:clamp(74px,9vw,124px) 24px; overflow:hidden; isolation:isolate;
  background:linear-gradient(rgba(28,38,30,.88),rgba(23,31,25,.92)),
             url('/wp-content/uploads/2026/05/baltier-22.jpg') center/cover no-repeat;
}
/* delikatny, wolno przesuwający się złoty blask w tle */
.bx-green::before{
  content:""; position:absolute; inset:-25%; z-index:0; pointer-events:none;
  background:
    radial-gradient(48% 44% at 50% 44%, rgba(201,168,110,.30), transparent 70%),
    radial-gradient(30% 30% at 22% 78%, rgba(233,208,162,.12), transparent 72%);
  animation:bx-glow 20s ease-in-out infinite alternate;
}
@keyframes bx-glow{
  0%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(3%,-2.5%,0) scale(1.12); }
  100%{ transform:translate3d(-2.5%,2%,0) scale(1.05); }
}
@media (prefers-reduced-motion:reduce){ .bx-green::before{ animation:none; } }
.bx-green .bx-head__title{ color:#f5efe6; }
.bx-green .bx-head__intro{ color:rgba(245,239,230,.8); }
.bx-green__inner{ max-width:1180px; margin:0 auto; position:relative; z-index:1; }

/* --- Karty ikon (Kunszt proces / Oferta) --- */
.bx-icards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.bx-icard{
  background:rgba(245,239,230,.97); border-radius:18px; padding:44px 34px; text-align:center;
  transition:transform .45s var(--b-ease), box-shadow .45s var(--b-ease);
}
.bx-icard:hover{ transform:translateY(-6px); box-shadow:0 26px 50px -22px rgba(0,0,0,.5); }
.bx-icard__ico{
  width:60px; height:60px; margin:0 auto 22px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:rgba(176,146,94,.15);
}
.bx-icard__ico img{ width:28px; height:28px; }
.bx-icard__t{ font-family:"Gilda Display",serif; font-weight:400; font-size:24px; color:#26241f; margin:0 0 12px; }
.bx-icard__d{ font-family:"Archivo",sans-serif; font-size:15px; line-height:1.66; color:var(--b-muted); margin:0; }

/* --- Kunszt: split foto + tekst nad kartami --- */
.bx-kunszt__split{
  display:grid; grid-template-columns:1fr 1.02fr; gap:clamp(40px,6vw,80px);
  align-items:stretch; margin-bottom:clamp(48px,6vw,74px);
}
.bx-kunszt__media{ display:flex; }
.bx-kunszt__media img{ width:100%; height:100%; min-height:440px; object-fit:cover;
  border-radius:16px; box-shadow:0 30px 60px -30px rgba(0,0,0,.6); display:block; }
.bx-kunszt__text{ display:flex; flex-direction:column; justify-content:center; }
.bx-kunszt__text .bx-head__eyebrow{ display:inline-flex; align-items:center; gap:12px; margin:0 0 14px;
  color:var(--b-gold); font-family:"Archivo",sans-serif; font-size:12.5px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; }
.bx-kunszt__text .bx-head__eyebrow::before{ content:""; width:20px; height:1px; background:var(--b-gold); opacity:.85; }
.bx-kunszt__text .bx-head__title{ font-family:"Gilda Display",serif; font-weight:400; color:#f5efe6;
  font-size:clamp(30px,3.4vw,46px); line-height:1.12; letter-spacing:-.01em; margin:0 0 26px; text-wrap:balance; }
.bx-green .bx-hl{ color:#e9d0a2; }
.bx-kunszt__text p{ color:rgba(245,239,230,.87); font-family:"Archivo",sans-serif;
  font-size:18px; line-height:1.78; margin:0 0 18px; max-width:none; }
.bx-kunszt__text p:last-child{ margin-bottom:0; color:#e9d0a2; font-family:"Gilda Display",serif; font-style:italic; font-size:20px; }

@media (max-width:860px){
  .bx-icards{ grid-template-columns:1fr; }
  .bx-kunszt__split{ grid-template-columns:1fr; }
  .bx-kunszt__media img{ aspect-ratio:16/11; max-height:none; }
}
/* Zabłąkane, przyklejone do lewej zdjęcie pod hero — wyśrodkuj i dopracuj */
.kb-row-layout-id2_f43a44-56 .wp-block-image{ text-align:center; }
.kb-row-layout-id2_f43a44-56 .wp-block-image img{
  margin-left:auto; margin-right:auto;
  border-radius:14px;
  box-shadow:0 26px 60px -26px rgba(27,35,28,.5);
}

/* ---------------------------------------------------------------
   3) KARTY — ikony (Produkcja/Jakość/Estetyka) + Oferta
   --------------------------------------------------------------- */
.kb-row-layout-id2_2583ac-63 .wp-block-kadence-column > .kt-inside-inner-col,
.kb-row-layout-id2_1af11c-88 .wp-block-kadence-column > .kt-inside-inner-col{
  border-radius:14px;
  box-shadow:0 1px 2px rgba(27,35,28,.06);
  transition:transform .45s var(--b-ease), box-shadow .45s var(--b-ease);
}
.kb-row-layout-id2_2583ac-63 .wp-block-kadence-column:hover > .kt-inside-inner-col,
.kb-row-layout-id2_1af11c-88 .wp-block-kadence-column:hover > .kt-inside-inner-col{
  transform:translateY(-6px);
  box-shadow:0 24px 46px -20px rgba(27,35,28,.3);
}

/* ---------------------------------------------------------------
   4) FORMULARZ KONTAKTOWY — czytelny kontrast + focus
   --------------------------------------------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
  border:1px solid #b4ab9f;
  background:#fbfaf8;
  border-radius:10px;
  padding:15px 18px;
  transition:border-color .25s var(--b-ease), box-shadow .25s var(--b-ease);
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus{
  border-color:var(--b-green);
  box-shadow:0 0 0 3px rgba(44,58,48,.14);
}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{ color:#8f887f; }

/* ---------------------------------------------------------------
   5) PRZYCISKI (pill) — mikrointerakcje, spójny „lift"
   --------------------------------------------------------------- */
.kb-button,
.wp-block-button__link,
.wpcf7 input[type="submit"]{
  transition:transform .3s var(--b-ease), box-shadow .3s var(--b-ease),
             background-color .3s var(--b-ease), opacity .3s var(--b-ease) !important;
  letter-spacing:.015em;
}
.kb-button:hover,
.wp-block-button__link:hover,
.wpcf7 input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px -8px rgba(27,35,28,.38);
}

/* ---------------------------------------------------------------
   6) AKCENT ZŁOTA — bardzo oszczędnie (zaznaczenie, linki tekstowe)
   --------------------------------------------------------------- */
::selection{ background:var(--b-gold); color:#fff; }
.entry-content a:not([class*="button"]):not(.kb-button):hover{
  color:var(--b-gold);
}

/* ---------------------------------------------------------------
   7) STOPKA — ujednolicenie ciemnego tonu (czerń → głęboka zieleń marki)
   --------------------------------------------------------------- */
.site-footer-row-container-inner{
  background-color:var(--b-green-deep) !important;
}

/* ---------------------------------------------------------------
   8) DROBIAZGI — płynny scroll + widoczny focus (dostępność/klasa)
   --------------------------------------------------------------- */
html{ scroll-behavior:smooth; }
:focus-visible{ outline:2px solid var(--b-gold); outline-offset:2px; }


/* =====================================================================
   SESJA 2 — REDESIGN SEKCJI 1: HERO (pełnoekranowy, immersyjny)
   Zastępuje pofragmentowane wiersze 0 (tekst) i 1 (pasek zdjęć)
   dedykowanym komponentem .bx-hero (wstrzyknięty blok HTML na stronie).
   ===================================================================== */
:root{
  --hero-cream:#f5efe6;
  --hero-ink:#161c15;
}

/* Ukryj stary hero, pasek 3 zdjęć i osierocony przycisk CTA (zastąpione .bx-hero) */
.kb-row-layout-id2_6897b1-a5,
.kb-row-layout-id2_f43a44-56{ display:none !important; }
/* stary hero-CTA to samodzielny blok Kadence poza wierszem */
.wp-block-kadence-advancedbtn:has(.kb-btn2_478f85-1a){ display:none !important; }
.kb-btn2_478f85-1a{ display:none !important; }

.bx-hero{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:min(94vh,940px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
}
.bx-hero__bg{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center 42%;
  transform:scale(1.04);
}
.bx-hero__scrim{
  position:absolute; inset:0; z-index:1;
  /* ciemniejszy, bardziej równomierny — mniej „gradientowy" */
  background:
    linear-gradient(180deg, rgba(13,17,12,.84) 0%, rgba(13,17,12,.70) 48%,
                    rgba(13,17,12,.62) 74%, rgba(217,212,207,0) 90%, rgba(217,212,207,1) 100%),
    rgba(13,17,12,.40);
}
.bx-hero__inner{
  position:relative; z-index:2;
  max-width:920px;
  padding:150px 24px 130px;
}
/* scoped (.bx-hero) — bije nadpisania motywu .entry-content p/h1 */
.bx-hero .bx-eyebrow{
  display:flex; align-items:center; justify-content:center; gap:12px;
  max-width:none; margin:0 auto 18px;
  color:var(--b-gold);
  font-family:"Archivo",sans-serif;
  font-size:12.5px; font-weight:500;
  letter-spacing:.30em; text-transform:uppercase;
}
/* małe kreski „-" po bokach (zamiast długich linii) */
.bx-hero .bx-eyebrow::before,.bx-hero .bx-eyebrow::after{
  content:""; height:1px; width:20px;
  background:var(--b-gold); opacity:.85;
}
.bx-hero .bx-hero__title{
  font-family:"Gilda Display",serif;
  color:var(--hero-cream);
  font-weight:400; line-height:1.07; letter-spacing:-.012em;
  font-size:clamp(42px,6.2vw,84px);
  margin:0 auto 26px; text-wrap:balance;
}
.bx-hero__title em{ font-style:italic; color:#e9d0a2; }
.bx-hero .bx-hero__lead{
  color:rgba(245,239,230,.84);
  font-family:"Archivo",sans-serif;
  font-size:clamp(16px,1.35vw,19px); line-height:1.72;
  max-width:600px; margin:0 auto 42px;
}
.bx-hero__cta{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.bx-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:17px 36px; border-radius:999px;
  font-family:"Archivo",sans-serif; font-size:15px; font-weight:500;
  letter-spacing:.02em; text-decoration:none; cursor:pointer;
  transition:transform .3s var(--b-ease), box-shadow .3s var(--b-ease),
             background-color .3s, color .3s, border-color .3s;
}
.bx-btn--primary{ background:var(--hero-cream); color:var(--hero-ink); }
.bx-btn--primary:hover{ transform:translateY(-2px); background:#fff;
  box-shadow:0 18px 38px -12px rgba(0,0,0,.55); color:var(--hero-ink); }
.bx-btn--ghost{ color:var(--hero-cream); border:1px solid rgba(245,239,230,.55); }
.bx-btn--ghost:hover{ transform:translateY(-2px); color:#e9d0a2; border-color:#e9d0a2; }
.bx-hero__scroll{
  position:absolute; left:50%; bottom:40px; transform:translateX(-50%);
  z-index:2; width:1px; height:56px; overflow:hidden;
}
.bx-hero__scroll::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(245,239,230,.85), transparent);
  animation:bx-scroll 2.4s var(--b-ease) infinite;
}
@keyframes bx-scroll{
  0%{transform:scaleY(0);transform-origin:top}
  45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}
@media (max-width:600px){
  .bx-hero .bx-hero__inner{ padding:120px 20px 96px; }
  .bx-hero .bx-eyebrow{ letter-spacing:.22em; font-size:11px; gap:9px; }
  .bx-hero .bx-eyebrow::before,.bx-hero .bx-eyebrow::after{ width:14px; }
}


/* =====================================================================
   SESJA 2 — REDESIGN HEADERA (subtelniejszy, więcej powietrza)
   ===================================================================== */
/* Logo mniejsze */
.site-branding a.brand img.custom-logo{
  height:34px !important;
  width:auto !important;
}
/* Więcej powietrza góra/dół */
.site-main-header-inner-wrap{
  padding-top:24px !important;
  padding-bottom:24px !important;
}
/* Pozycje menu: mniejsze, lżejsze, subtelne */
#primary-menu > .menu-item > a,
.header-navigation .menu > .menu-item > a{
  font-size:15px !important;
  font-weight:400;
  letter-spacing:.02em;
  color:#3a3733;
  transition:color .25s var(--b-ease);
}
/* 2x większe przerwy między pozycjami menu */
#primary-menu > .menu-item{ margin-left:15px !important; margin-right:15px !important; }
#primary-menu .menu-item > a:hover,
.header-navigation .menu-item > a:hover{ color:var(--b-gold); }

/* Button — spójny z marką (głęboka zieleń + krem), lepsze proporcje */
.site-header-wrap .header-button.button,
a.header-button.button{
  background:var(--b-green) !important;
  color:#f5efe6 !important;
  font-family:"Archivo",sans-serif;
  font-size:14px !important;
  font-weight:500;
  letter-spacing:.02em;
  padding:12px 26px !important;
  border-radius:999px !important;
  transition:transform .3s var(--b-ease), box-shadow .3s var(--b-ease), background-color .3s !important;
}
.site-header-wrap .header-button.button:hover,
a.header-button.button:hover{
  transform:translateY(-2px);
  background:#22301f !important;
  box-shadow:0 12px 26px -10px rgba(27,35,28,.45);
}


/* =====================================================================
   SESJA 2 — REDESIGN SEKCJI 2: "O NAS" (edytorski dwukolumn)
   Tekst po lewej + premium zdjęcie po prawej. Zastępuje wiersz
   .kb-row-layout-id2_5a3adc-1d (sam tekst, pusta prawa połowa).
   ===================================================================== */
.kb-row-layout-id2_5a3adc-1d{ display:none !important; }

.bx-about{ padding:clamp(72px,9vw,132px) 24px; }
.bx-about .bx-about__inner{
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,90px); align-items:center;
}
.bx-about .bx-about__text{ max-width:560px; }
.bx-about .bx-about__eyebrow{
  display:flex; align-items:center; gap:12px; max-width:none;
  margin:0 0 20px;
  color:var(--b-gold); font-family:"Archivo",sans-serif;
  font-size:12.5px; font-weight:500; letter-spacing:.28em; text-transform:uppercase;
}
.bx-about .bx-about__eyebrow::before{
  content:""; width:28px; height:1px; background:var(--b-gold); opacity:.85;
}
.bx-about .bx-about__title{
  font-family:"Gilda Display",serif; color:#26241f; font-weight:400;
  font-size:clamp(34px,4vw,54px); line-height:1.1; letter-spacing:-.01em;
  margin:0 0 28px; text-wrap:balance;
}
/* akcent: złote, kursywne słowo-klucz w nagłówkach (reużywalne) */
.bx-hl{ color:var(--b-gold); font-style:italic; }
.bx-about .bx-about__p{
  color:var(--b-muted); font-family:"Archivo",sans-serif;
  font-size:17px; line-height:1.78; margin:0 0 20px; max-width:none;
}
.bx-about .bx-about__p:last-child{ margin-bottom:0; }

.bx-about .bx-about__media{ position:relative; }
.bx-about .bx-about__media img{
  display:block; width:100%; aspect-ratio:4/5; max-height:640px;
  object-fit:cover; object-position:center;
  border-radius:18px; box-shadow:0 34px 70px -34px rgba(27,35,28,.55);
}
/* subtelny „pieczątkowy" akcent na zdjęciu */
.bx-about .bx-about__badge{
  position:absolute; left:-26px; bottom:34px;
  background:var(--b-green); color:#f5efe6;
  font-family:"Gilda Display",serif; font-size:20px; line-height:1.15;
  text-align:center; padding:20px 24px; border-radius:14px;
  box-shadow:0 20px 40px -18px rgba(27,35,28,.6);
}
.bx-about .bx-about__badge em{ font-style:italic; color:#e9d0a2; font-size:15px; letter-spacing:.02em; }

@media (max-width:860px){
  .bx-about .bx-about__inner{ grid-template-columns:1fr; gap:38px; }
  .bx-about .bx-about__media{ order:-1; }
  .bx-about .bx-about__media img{ aspect-ratio:16/11; max-height:none; }
  .bx-about .bx-about__badge{ left:16px; bottom:16px; padding:14px 18px; font-size:17px; }
}

/* --- Historia marki + Misja marki (ten sam wzorzec, alternacja stron) --- */
.kb-row-layout-id2_248472-05,
.kb-row-layout-id2_a210d9-e2{ display:none !important; }
/* nie dubluj pionowego odstępu między sąsiadującymi sekcjami „about" */
.bx-about + .bx-about{ padding-top:0; }
/* mocna linia wiodąca (Misja) */
.bx-about .bx-about__lead{
  font-family:"Gilda Display",serif; color:#26241f; font-weight:400;
  font-size:clamp(22px,2.2vw,29px); line-height:1.32; letter-spacing:-.005em;
  margin:0 0 26px; max-width:none;
}
/* wyróżnienie w akapicie (Historia: „Baltier to więcej niż marka.") */
.bx-about .bx-about__p strong{ color:#26241f; font-weight:600; }

/* Luksus + Zestawy — jaśniejszy, pełnoszerokościowy pas */
#luksus,#zestawy{
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding-left:24px; padding-right:24px;
  background:#f0ebe3;
}
/* przycisk w sekcjach About (np. Luksus) */
.bx-about__btn{ display:inline-block; margin-top:14px; padding:16px 36px; border-radius:999px;
  background:var(--b-green); color:#f5efe6; font-family:"Archivo",sans-serif; font-size:15px; font-weight:500; letter-spacing:.02em; text-decoration:none;
  transition:transform .3s var(--b-ease), background .3s, box-shadow .3s; }
.bx-about__btn:hover{ transform:translateY(-2px); background:#22301f; box-shadow:0 14px 30px -12px rgba(27,35,28,.4); }