/* scoped style strony (z tresci produkcyjnych szablonow) */

/* ============================================================
KT - Kontakt page (Figma Ll() 1:1)
============================================================ */
.kt-page {
min-height: 100vh;
background: linear-gradient(to bottom right, rgba(210,229,225,0.3), #fff);
display: flex; align-items: center;
padding: 32px 0;
}
.kt-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; width: 100%; }
@media (min-width:1024px) { .kt-wrap { padding: 0 32px; } }
/* Header */
.kt-header { text-align: center; margin-bottom: 48px; }
.kt-header h1 { font-size: 36px; font-weight: 700; color: #232D4B; margin-bottom: 16px; }
@media (min-width:1024px) { .kt-header h1 { font-size: 48px; } }
.kt-header p { font-size: 18px; color: #4B5563; max-width: 672px; margin: 0 auto; line-height: 1.6; }
/* Grid */
.kt-grid { display: grid; gap: 32px; max-width: 1152px; margin: 0 auto; }
@media (min-width:1024px) { .kt-grid { grid-template-columns: 1fr 2fr; } }
.kt-left { display: flex; flex-direction: column; gap: 24px; }
.kt-right { display: flex; flex-direction: column; gap: 24px; }
/* Contact cards */
.kt-ccard { background: #fff; padding: 24px; border-radius: 16px; border: 1px solid #E5E7EB; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.kt-ccard__row { display: flex; align-items: flex-start; gap: 16px; }
.kt-ccard__ico { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kt-ccard__ico--green { background: #81BD51; }
.kt-ccard__ico--navy { background: #232D4B; }
.kt-ccard__ico svg { width: 24px; height: 24px; color: #fff; }
.kt-ccard__title { font-size: 16px; font-weight: 600; color: #232D4B; margin-bottom: 4px; }
.kt-ccard__sub { font-size: 14px; color: #6B7280; margin-bottom: 12px; }
.kt-ccard__link { font-size: 18px; font-weight: 500; color: #81BD51; text-decoration: none; transition: color .2s; }
.kt-ccard__link:hover { color: #6fa043; }
/* Szybki start */
.kt-quick { background: linear-gradient(to bottom right, #81BD51, #6fa043); padding: 24px; border-radius: 16px; color: #fff; }
.kt-quick__head { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.kt-quick__head svg { width: 20px; height: 20px; color: #fff; }
.kt-quick__text { font-size: 14px; color: rgba(255,255,255,.9); margin-bottom: 16px; }
.kt-quick__btn {
display: block; width: 100%; text-align: center;
padding: 12px 24px; background: #fff; color: #81BD51;
font-size: 15px; font-weight: 500; border-radius: 8px;
text-decoration: none; transition: background .2s;
}
.kt-quick__btn:hover { background: #F9FAFB; }
/* Data cards */
.kt-dcard { background: #fff; padding: 32px; border-radius: 16px; border: 1px solid #E5E7EB; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.kt-dcard__head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.kt-dcard__ico { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kt-dcard__ico--green { background: #81BD51; }
.kt-dcard__ico--navy { background: #232D4B; }
.kt-dcard__ico svg { width: 24px; height: 24px; color: #fff; }
.kt-dcard__title { font-size: 24px; font-weight: 600; color: #232D4B; margin-bottom: 4px; }
.kt-dcard__sub { font-size: 14px; color: #6B7280; }
.kt-dcard__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.kt-dcard__label { font-size: 14px; font-weight: 500; color: #6B7280; margin-bottom: 4px; }
.kt-dcard__value { font-size: 15px; color: #232D4B; line-height: 1.5; }
.kt-dcard__value--bold { font-weight: 500; }
.kt-dcard__addr { display: flex; align-items: flex-start; gap: 12px; }
.kt-dcard__addr svg { width: 20px; height: 20px; color: #81BD51; flex-shrink: 0; margin-top: 2px; }
/* Pills */
.kt-pills { margin-top: 40px; text-align: center; }
.kt-pills__text { font-size: 14px; color: #6B7280; margin-bottom: 16px; }
.kt-pills__row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.kt-pill {
display: inline-block; padding: 8px 16px;
background: #fff; color: #232D4B; font-size: 14px; font-weight: 500;
border: 1px solid #E5E7EB; border-radius: 8px;
text-decoration: none; transition: border-color .2s, color .2s;
}
.kt-pill:hover { border-color: #81BD51; color: #81BD51; }
/* Social media */
.kt-social__head {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.kt-social__row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.kt-social__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 10px;
background: #F3F4F6;       /* jasnoszare tło – pasuje do białej karty */
color: #232D4B;            /* navy ikona w stanie spoczynku */
transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.kt-social__link svg {
width: 20px;
height: 20px;
}
.kt-social__link:hover,
.kt-social__link:focus-visible {
background: #81BD51;
color: #fff;
transform: translateY(-2px);
}
.kt-social__link:focus-visible {
outline: 2px solid #232D4B;
outline-offset: 2px;
}
@media (max-width:767px) {
.kt-page { align-items: flex-start; padding-top: 24px; }
.kt-dcard__grid { grid-template-columns: 1fr; }
}


/* style inline przeniesione do klas */
.lc-i-1.lc-i-1.lc-i-1.lc-i-1 { margin-bottom:12px; }
.lc-i-2.lc-i-2.lc-i-2.lc-i-2 { font-size:24px; }