:root {
  --ink: #ffffff;
  --muted: #a7b7ce;
  --blue: #2d69ff;
  --blue-light: #9fc2ff;
  --gold: #e2b74e;
  --sage: #b7d2bd;
  --night: #03070e;
  --line: rgba(125, 167, 255, 0.3);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--night); color: var(--ink); font-family: Arial, Helvetica, sans-serif; margin: 0; text-shadow: 0 1px 2px rgba(0, 8, 22, 0.82); }
a { color: inherit; text-decoration: none; }

.hero {
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(90deg, rgba(2, 6, 14, 0.98) 0%, rgba(2, 6, 14, 0.86) 35%, rgba(2, 6, 14, 0.43) 69%, rgba(2, 6, 14, 0.74) 100%),
    linear-gradient(0deg, rgba(2, 6, 14, 0.98) 0%, transparent 45%),
    url("/smartdomgda-hero.png") 64% 48% / cover no-repeat;
}
.hero::before { background: linear-gradient(120deg, transparent 0 51%, rgba(45, 105, 255, 0.08) 51.1%, transparent 51.5%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }
.hero__glow { background: radial-gradient(circle, rgba(45, 105, 255, 0.23), transparent 66%); filter: blur(22px); height: 32rem; pointer-events: none; position: absolute; right: -8rem; top: 15%; width: 32rem; z-index: -1; }
.container { margin: 0 auto; max-width: 1460px; padding-left: clamp(1.25rem, 5vw, 6rem); padding-right: clamp(1.25rem, 5vw, 6rem); }
.hero__content { display: flex; flex-direction: column; min-height: 100svh; padding-bottom: 1.4rem; position: relative; }

.topbar { align-items: center; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(1rem, 2.3vw, 2.8rem); padding: 1.5rem 0; }
.brand { align-items: center; display: inline-flex; font-size: clamp(1rem, 1.7vw, 1.35rem); font-weight: 800; gap: 1.05rem; letter-spacing: 0.01em; }
.brand__mark { border: 2px solid var(--blue); border-radius: 50%; box-shadow: 0 0 22px rgba(45, 105, 255, 0.38); display: inline-flex; height: 2.8rem; position: relative; width: 2.8rem; }
.brand__mark::before { border: 1.5px solid rgba(153, 192, 255, 0.92); border-radius: 50%; content: ""; inset: 0.42rem; position: absolute; }
.brand__mark::after { background: #69a0ff; border-radius: 50%; box-shadow: 0 0 13px rgba(105, 160, 255, 0.95); content: ""; height: 0.48rem; position: absolute; right: 0.06rem; top: 0.14rem; width: 0.48rem; }
.brand__signal { border: 1.6px solid rgba(255, 255, 255, 0.96); border-bottom: 0; border-left: 0; border-radius: 0 100% 0 0; display: block; position: absolute; transform: rotate(45deg); transform-origin: top left; }
.brand__signal--one { height: 0.38rem; left: 2.71rem; top: 0.43rem; width: 0.38rem; }
.brand__signal--two { height: 0.63rem; left: 2.81rem; top: 0.32rem; width: 0.63rem; }
.brand__signal--three { height: 0.9rem; left: 2.95rem; top: 0.2rem; width: 0.9rem; }
.brand__name-stack { display: flex; flex-direction: column; gap: 0.18rem; }
.brand__wordmark { white-space: nowrap; }
.brand__smart { color: var(--gold); }
.brand__dom { color: var(--sage); }
.brand__gda { color: #89baff; }
.brand__pl { color: var(--gold); font-size: 0.62em; margin-left: 0.08rem; vertical-align: super; }
.brand__motto { color: #9ab1ce; font-size: 0.42rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; }
.topbar__contact { display: flex; gap: 0.65rem; }
.topbar__nav { align-items:center; display:flex; gap:clamp(.7rem,1.75vw,2.2rem); justify-content:center; min-width:0; }
.topbar__nav a { color:#eff5ff; font-size:clamp(.63rem,.82vw,.84rem); font-weight:800; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; }
.topbar__nav a:hover { color:#f0ca69; }
.topbar__contact a { align-items: center; backdrop-filter: blur(10px); border: 1px solid rgba(190, 211, 255, 0.7); border-radius: 99px; display: inline-flex; font-size: clamp(0.82rem, 1.25vw, 1rem); font-weight: 700; gap: 0.55rem; padding: 0.76rem 1rem; transition: 180ms ease; }
.topbar__contact a:hover { background: rgba(45, 105, 255, 0.18); border-color: #f1f6ff; transform: translateY(-1px); }

.hero__copy { margin: clamp(2.5rem, 7vh, 5.8rem) 0 2rem; max-width: 44rem; }
.eyebrow { color: var(--blue-light); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.17em; margin: 0 0 0.9rem; text-transform: uppercase; }
h1 { font-size: clamp(3.2rem, 6.2vw, 6.1rem); letter-spacing: -0.055em; line-height: 0.96; margin: 0; text-wrap: balance; }
h1 em { color: #78a9ff; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -0.06em; }
.lead { color: #c3cfdd; font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 1.7; margin: 1.65rem 0 0; max-width: 39rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.8rem; }
.button { align-items: center; border: 1px solid transparent; border-radius: 99px; display: inline-flex; font-size: 0.91rem; font-weight: 800; gap: 0.85rem; justify-content: center; min-height: 3.15rem; padding: 0.8rem 1.15rem; transition: 180ms ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: linear-gradient(100deg, #e7bd52, #f4d98b); box-shadow: 0 10px 28px rgba(226, 183, 78, 0.18); color: #171004; }
.button--secondary { background: rgba(7, 15, 29, 0.38); border-color: rgba(143, 184, 255, 0.64); color: #edf4ff; }
.button--secondary:hover { background: rgba(45, 105, 255, 0.2); }

.benefits { display: grid; gap: 0.7rem; grid-template-columns: repeat(4, 1fr); margin-top: auto; }
.benefit { align-items: center; backdrop-filter: blur(11px); background: rgba(3, 9, 20, 0.54); border: 1px solid var(--line); display: flex; gap: 0.76rem; min-height: 5.6rem; padding: 0.82rem; transition: 180ms ease; }
.benefit:hover { background: rgba(28, 58, 116, 0.34); border-color: rgba(148, 188, 255, 0.88); transform: translateY(-3px); }
.benefit__number { color: #81adff; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; }
.benefit strong, .benefit small { display: block; }
.benefit strong { color: #f0f4ff; font-size: 0.88rem; }
.benefit small { color: #a8b8cc; font-size: 0.67rem; line-height: 1.35; margin-top: 0.25rem; }

.starter { align-items: center; background: linear-gradient(90deg, rgba(8, 20, 44, 0.93), rgba(7, 14, 28, 0.82)); border: 1px solid rgba(132, 172, 255, 0.65); display: flex; gap: 1.15rem; margin-top: 0.7rem; overflow: hidden; padding: 0.9rem 1rem; position: relative; transition: 180ms ease; }
.starter:hover { border-color: #e4bf63; transform: translateY(-2px); }
.starter__light { background: linear-gradient(135deg, rgba(45, 105, 255, 0.95), rgba(226, 183, 78, 0.86)); box-shadow: 0 0 30px rgba(77, 130, 255, 0.7); height: 100%; left: 0; opacity: 0.85; position: absolute; top: 0; width: 0.33rem; }
.starter__copy { display: flex; flex: 1; flex-direction: column; gap: 0.2rem; padding-left: 0.35rem; }
.starter__copy small { color: #9abaff; font-size: 0.67rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }
.starter__copy strong { color: #f1f5ff; font-size: clamp(1rem, 1.85vw, 1.44rem); letter-spacing: -0.02em; }
.starter__copy em { color: var(--gold); font-family: inherit; font-style: normal; }
.starter__copy span { color: #b4c3d7; font-size: 0.75rem; }
.starter__action { align-items: center; color: #f2d488; display: inline-flex; font-size: 0.79rem; font-weight: 800; gap: 0.6rem; white-space: nowrap; }
.starter__action b { border: 1px solid rgba(226, 183, 78, 0.72); border-radius: 50%; display: inline-grid; height: 1.65rem; place-items: center; width: 1.65rem; }

.contact { align-items: center; border-top: 1px solid rgba(132, 172, 255, 0.4); display: flex; gap: 1.2rem; justify-content: space-between; margin-top: 0.9rem; padding-top: 0.95rem; }
.contact p { color: #a9b8ca; font-size: 0.7rem; margin: 0; }
.contact strong, .contact span { display: block; }
.contact strong { color: #edf4ff; font-size: 0.76rem; margin-bottom: 0.18rem; }
.contact__actions { display: flex; gap: 0.55rem; }
.contact__actions a { color: #dce9ff; font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.contact__actions a:hover { color: #f0cd72; }

@media (max-width: 880px) {
  .hero { background-position: 59% center; }
  .topbar { grid-template-columns:auto auto; }
  .topbar__nav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; padding-left:3.85rem; }
  .topbar__contact { justify-self:end; }
  .benefits { grid-template-columns: repeat(2, 1fr); margin-top: 1.4rem; }
  .hero__copy { margin-top: 4rem; }
}
@media (max-width: 620px) {
  .hero { background-position: 62% center; }
  .topbar { align-items: flex-start; display:flex; flex-direction: column; gap: 0.9rem; }
  .topbar__nav { display:none; }
  .brand { font-size: 0.92rem; gap: 0.72rem; }
  .brand__name-stack { min-width: 0; }
  .brand__mark { height: 2.28rem; width: 2.28rem; }
  .brand__mark::before { inset: 0.34rem; }
  .brand__mark::after { height: 0.4rem; width: 0.4rem; }
  .brand__signal--one { left: 2.19rem; top: 0.37rem; }
  .brand__signal--two { left: 2.28rem; top: 0.28rem; }
  .brand__signal--three { left: 2.39rem; top: 0.17rem; }
  .topbar__contact { align-self: stretch; flex-wrap: wrap; gap: 0.4rem; }
  .topbar__contact a { flex: 1 1 10rem; font-size: 0.69rem; justify-content: center; min-width: 0; padding: 0.5rem 0.66rem; }
  .topbar__email { max-width: none; overflow: visible; text-overflow: clip; }
  .hero__copy { margin: 3rem 0 1.25rem; }
  h1 { font-size: clamp(2.85rem, 15vw, 4.45rem); }
  .lead { font-size: 0.96rem; }
  .hero__actions, .contact, .starter { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .benefits { gap: 0.45rem; }
  .benefit { min-height: 5rem; }
  .benefit small { display: none; }
  .starter__action { justify-content: space-between; }
  .contact__actions { flex-direction: column; gap: 0.34rem; }
}

/* Lokalny podgląd nowej, responsywnej wersji strony. */
.preview-site { background:#02060e; color:#f1f5ff; min-height:100svh; }
.preview-hero { isolation:isolate; min-height:100svh; overflow:hidden; position:relative; background:linear-gradient(90deg,rgba(2,6,14,.98) 0%,rgba(2,6,14,.9) 35%,rgba(2,6,14,.4) 70%,rgba(2,6,14,.82) 100%),linear-gradient(0deg,rgba(2,6,14,.94) 0%,transparent 47%),url('/smartdomgda-hero.png') 62% 47% / cover no-repeat; }
.preview-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(118deg,transparent 0 53%,rgba(69,117,243,.13) 53.1%,transparent 53.45%); z-index:-1; }
.preview-hero__glow { position:absolute; right:-13rem; bottom:4rem; z-index:-1; width:37rem; height:37rem; border-radius:50%; background:radial-gradient(circle,rgba(28,102,252,.19),transparent 68%); filter:blur(28px); }
.preview-container { width:min(100%,1536px); min-height:100svh; margin:0 auto; padding:1.5rem clamp(1.25rem,5vw,5.8rem) 1.15rem; display:flex; flex-direction:column; }
.preview-topbar { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(1rem,2.1vw,2.5rem); }
.preview-brand { display:inline-flex; align-items:center; gap:.78rem; width:max-content; }.preview-brand__mark { position:relative; display:block; width:3.05rem; height:3.05rem; border:2px solid #70a9ff; border-radius:50%; box-shadow:0 0 22px rgba(74,131,255,.46); }.preview-brand__mark::before { content:""; position:absolute; inset:.43rem; border:1.5px solid #c5ddff; border-radius:50%; }.preview-brand__mark::after { content:""; position:absolute; top:.05rem; right:.05rem; width:.52rem; height:.52rem; border-radius:50%; background:#85b4ff; box-shadow:0 0 12px #85b4ff; }.preview-brand__mark i,.preview-brand__mark b,.preview-brand__mark em { position:absolute; display:block; border:1.5px solid #e5f0ff; border-bottom:0; border-left:0; border-radius:0 100% 0 0; transform:rotate(45deg); transform-origin:top left; }.preview-brand__mark i { left:2.92rem; top:.42rem; width:.36rem; height:.36rem; }.preview-brand__mark b { left:3.05rem; top:.28rem; width:.58rem; height:.58rem; }.preview-brand__mark em { left:3.18rem; top:.12rem; width:.82rem; height:.82rem; }
.preview-brand__copy { display:flex; flex-direction:column; gap:.12rem; }.preview-brand__word { white-space:nowrap; font-size:clamp(1.1rem,1.72vw,1.55rem); font-weight:800; letter-spacing:.01em; }.preview-brand__word strong:nth-child(1),.preview-brand__word sup { color:#e5b946; }.preview-brand__word strong:nth-child(2) { color:#a7cbb1; }.preview-brand__word strong:nth-child(3) { color:#87b9ff; }.preview-brand__word sup { margin-left:.08rem; font-size:.55em; vertical-align:super; }.preview-brand small { color:#a9bedc; font-size:.42rem; font-weight:800; letter-spacing:.16em; }
.preview-nav { display:flex; align-items:center; justify-content:center; gap:clamp(.8rem,1.7vw,2.2rem); min-width:0; }.preview-nav a { color:#edf3ff; font-size:clamp(.64rem,.78vw,.82rem); font-weight:700; letter-spacing:.04em; white-space:nowrap; }.preview-nav a:hover { color:#e5b946; }
.preview-contact { display:flex; justify-content:flex-end; gap:.55rem; }.preview-contact a { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border:1px solid rgba(205,221,255,.75); border-radius:999px; min-height:3.15rem; padding:.72rem 1rem; font-size:clamp(.75rem,1vw,.95rem); font-weight:800; white-space:nowrap; background:rgba(3,9,20,.18); backdrop-filter:blur(7px); }.preview-contact a:hover { border-color:#e5b946; background:rgba(26,54,111,.35); }
.preview-copy { max-width:47rem; margin:clamp(4.5rem,12vh,10rem) 0 2.1rem; }.preview-eyebrow { margin:0 0 1rem; color:#91b8ff; font-size:.75rem; font-weight:900; letter-spacing:.2em; }.preview-copy h1 { margin:0; max-width:42rem; font-size:clamp(3.55rem,6.15vw,6.6rem); line-height:.91; letter-spacing:-.06em; text-wrap:balance; }.preview-copy h1 em { color:#77a7ff; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.07em; }.preview-copy > p:not(.preview-eyebrow) { max-width:39rem; margin:1.7rem 0 0; color:#d3ddeb; font-size:clamp(1rem,1.34vw,1.2rem); line-height:1.65; }
.preview-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.85rem; }.preview-button { display:inline-flex; align-items:center; justify-content:center; gap:.9rem; min-height:3.2rem; padding:.75rem 1.25rem; border:1px solid transparent; border-radius:999px; font-size:.94rem; font-weight:900; transition:.18s ease; }.preview-button:hover { transform:translateY(-2px); }.preview-button--gold { color:#1b1100; background:linear-gradient(100deg,#e4b544,#f6d980); box-shadow:0 10px 25px rgba(226,183,78,.2); }.preview-button--line { border-color:#7daef6; background:rgba(4,12,26,.25); }
.preview-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:1.2rem; margin-top:auto; padding-top:2rem; }.preview-valuation { display:flex; align-items:flex-start; gap:.7rem; max-width:40rem; color:#d9e5f6; }.preview-valuation > span { flex:0 0 auto; width:.5rem; height:.5rem; margin-top:.4rem; border-radius:50%; background:#76aaff; box-shadow:0 0 12px #76aaff; }.preview-valuation p { margin:0; font-size:.78rem; line-height:1.55; }.preview-valuation strong { color:#f4f7ff; font-size:.86rem; }.preview-soon { width:min(20rem,32vw); padding:.78rem .9rem; border:1px solid rgba(125,169,255,.43); border-radius:.8rem; background:rgba(3,11,24,.62); backdrop-filter:blur(8px); }.preview-soon span { color:#91b8ff; font-size:.64rem; font-weight:900; letter-spacing:.18em; }.preview-soon p { margin:.28rem 0 0; color:#c0cee1; font-size:.72rem; line-height:1.45; }.preview-services { display:flex; justify-content:space-between; gap:1rem; margin-top:1rem; padding-top:.9rem; border-top:1px solid rgba(133,174,255,.34); color:#9eb5d4; font-size:.67rem; font-weight:900; letter-spacing:.12em; }
@media (max-width:1100px) { .preview-topbar { grid-template-columns:auto auto; }.preview-nav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; padding-left:3.8rem; }.preview-contact { justify-self:end; }.preview-copy { margin-top:5rem; } }
@media (max-width:700px) { .preview-hero { min-height:100svh; overflow:visible; background-position:60% center; }.preview-container { min-height:100svh; padding:1.2rem 1.1rem 1rem; }.preview-topbar { display:flex; align-items:flex-start; flex-direction:column; gap:.95rem; }.preview-brand__mark { width:2.55rem; height:2.55rem; }.preview-brand__mark::before { inset:.34rem; }.preview-brand__mark i { left:2.44rem; top:.36rem; }.preview-brand__mark b { left:2.54rem; top:.23rem; }.preview-brand__mark em { left:2.66rem; top:.1rem; }.preview-brand__word { font-size:1.08rem; }.preview-brand small { font-size:.36rem; }.preview-nav { display:none; }.preview-contact { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:.48rem; }.preview-contact a { min-width:0; min-height:2.8rem; padding:.55rem .45rem; font-size:.69rem; overflow:hidden; text-overflow:ellipsis; }.preview-contact a span { flex:0 0 auto; }.preview-copy { margin:3.5rem 0 1.65rem; max-width:100%; }.preview-eyebrow { font-size:.66rem; margin-bottom:.72rem; }.preview-copy h1 { font-size:clamp(3rem,14.3vw,4.25rem); line-height:.93; max-width:100%; }.preview-copy > p:not(.preview-eyebrow) { margin-top:1.25rem; font-size:.96rem; line-height:1.58; }.preview-actions { display:grid; grid-template-columns:1fr; margin-top:1.35rem; }.preview-button { width:100%; min-height:3rem; font-size:.88rem; }.preview-bottom { align-items:stretch; flex-direction:column; gap:.75rem; margin-top:1.6rem; padding-top:0; }.preview-valuation p { font-size:.74rem; }.preview-valuation strong { font-size:.8rem; }.preview-soon { width:100%; }.preview-services { display:grid; grid-template-columns:1fr 1fr; gap:.7rem .9rem; margin-top:1rem; padding-bottom:.2rem; font-size:.6rem; } }
@media (max-width:390px) { .preview-contact { grid-template-columns:1fr; }.preview-contact a { font-size:.74rem; }.preview-copy h1 { font-size:3rem; } }

/* Wersja odtworzona z zatwierdzonego wzoru: elementy są prawdziwymi linkami i układają się responsywnie. */
.approved-page { min-height:100svh; overflow:hidden; background:#020711; color:#f7f8fc; font-family:Arial,Helvetica,sans-serif; }
.approved-width { width:min(91.25%,1400px); margin:0 auto; }
.approved-header { min-height:118px; display:grid; grid-template-columns:auto minmax(340px,1fr) auto; align-items:center; gap:2rem; position:relative; z-index:4; }
.approved-brand { display:flex; align-items:center; gap:.8rem; width:max-content; }
.approved-brand__mark { width:3.45rem; height:3.45rem; display:block; position:relative; border:1.8px solid #7da7ff; border-radius:50%; box-shadow:0 0 18px rgba(60,120,255,.65); }
.approved-brand__mark::before { content:""; position:absolute; inset:.55rem; border:1px solid #c8dcff; border-radius:50%; }.approved-brand__mark::after { content:""; position:absolute; width:.58rem; height:.58rem; border-radius:50%; background:#88b3ff; right:.05rem; top:.05rem; box-shadow:0 0 13px #88b3ff; }
.approved-brand__mark i,.approved-brand__mark b,.approved-brand__mark em { display:block; position:absolute; border:1.4px solid #e9f2ff; border-left:0; border-bottom:0; border-radius:0 100% 0 0; transform:rotate(45deg); transform-origin:top left; }.approved-brand__mark i{left:3.28rem;top:.6rem;width:.33rem;height:.33rem}.approved-brand__mark b{left:3.4rem;top:.45rem;width:.55rem;height:.55rem}.approved-brand__mark em{left:3.52rem;top:.28rem;width:.79rem;height:.79rem}
.approved-brand__text { font-size:clamp(1.35rem,1.75vw,1.78rem); font-weight:800; letter-spacing:.01em; white-space:nowrap; }.approved-brand__text strong:nth-child(1),.approved-brand__text sup{color:#deaa30}.approved-brand__text strong:nth-child(2){color:#a5c9aa}.approved-brand__text strong:nth-child(3){color:#73a9ff}.approved-brand__text sup{font-size:.48em; margin-left:.12rem; vertical-align:super; }
.approved-nav { display:flex; justify-content:center; align-items:center; gap:clamp(1rem,2.65vw,2.85rem); }.approved-nav a{font-size:clamp(.66rem,.86vw,.92rem); text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; }.approved-nav a:hover{color:#dcb047}
.approved-head-contact { display:flex; gap:.7rem; }.approved-head-contact a { min-height:3.45rem; display:flex; align-items:center; justify-content:center; gap:.65rem; padding:.68rem 1.25rem; border:1px solid #b6c8ed; border-radius:999px; font-size:clamp(.88rem,1.18vw,1.16rem); font-weight:700; background:rgba(1,7,18,.52); box-shadow:inset 0 0 18px rgba(30,91,210,.05); white-space:nowrap; }.approved-head-contact a:hover{border-color:#e7bd53;background:#0a1730}.approved-head-contact a span{font-size:1.22em}
.approved-hero { min-height:394px; position:relative; }.approved-hero__inner{height:100%; min-height:394px; position:relative; }.approved-hero__art { position:absolute; z-index:0; pointer-events:none; inset:-55px -6.5% 20px 43%; background-image:linear-gradient(90deg,rgba(2,7,17,.96) 0%,rgba(2,7,17,.15) 24%,rgba(2,7,17,.12) 80%,rgba(2,7,17,.78) 100%),url('/smartdomgda-reference.png'); background-size:200% auto; background-position:100% 22%; background-repeat:no-repeat; }
.approved-hero__art::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#020711 0%,transparent 24%); }
.approved-copy { position:relative; z-index:1; width:52%; padding-top:101px; }.approved-copy h1 { margin:0; font-size:clamp(2.5rem,3.25vw,3.46rem); line-height:1.1; font-weight:500; letter-spacing:-.042em; white-space:nowrap; }.approved-copy h1 em{color:#2d5cff;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em}.approved-copy p{margin:1.45rem 0 0;font-size:clamp(.94rem,1.14vw,1.18rem);line-height:1.65;color:#e9edf5}.approved-actions{display:flex;gap:1.35rem;margin-top:1.55rem}.approved-button{min-height:3.45rem;display:inline-flex;align-items:center;justify-content:center;gap:1.55rem;border:1px solid transparent;border-radius:999px;padding:.7rem 1.45rem;font-size:1rem}.approved-button b{width:2.1rem;height:2.1rem;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.05rem}.approved-button--gold{background:linear-gradient(103deg,#e6ac26,#f5d36a);color:#171003;box-shadow:0 12px 25px rgba(228,164,30,.2)}.approved-button--line{border-color:#3984f9;background:rgba(1,8,22,.42);color:#d9e6ff}.approved-button:hover{transform:translateY(-2px)}
.approved-content{position:relative;z-index:3}.approved-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.approved-benefit{min-height:106px;border:1px solid #124b93;border-radius:13px;display:flex;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;background:linear-gradient(105deg,rgba(6,22,45,.86),rgba(3,10,20,.66));box-shadow:inset 0 -1px 0 rgba(66,139,255,.45)}.approved-benefit span{width:4.1rem;height:4.1rem;border:1px solid #2f75ff;border-radius:50%;display:grid;place-items:center;color:#b6d6ff;font-size:2rem;box-shadow:0 0 18px rgba(42,104,255,.55)}.approved-benefit strong{font-size:1.1rem;font-weight:400;white-space:nowrap}.approved-benefit:hover{border-color:#70a9ff;background:#0a1d3c}
.approved-starter{min-height:140px;margin-top:1.2rem;padding:1.15rem 2.65rem 1.15rem 19.5%;display:flex;align-items:center;gap:1.25rem;border:1px solid #174b8d;border-radius:14px;background:linear-gradient(104deg,#081326,#030914 69%,#071431);position:relative;overflow:hidden}.approved-starter::before{content:"";position:absolute;left:4%;top:15%;width:11rem;height:11rem;border:1px solid #2f6dff;transform:rotate(30deg) skew(-8deg);box-shadow:0 0 28px #165fe9}.approved-starter__cube{position:absolute;left:8%;top:30%;width:7.5rem;height:5.3rem;border:1px solid #82adff;transform:skewY(-16deg);box-shadow:0 0 25px rgba(37,107,255,.8)}.approved-starter strong{position:relative;font-size:clamp(1.55rem,2.6vw,2.6rem);font-weight:500;white-space:nowrap}.approved-starter strong em{font-style:normal;color:#2d5dff}.approved-starter__ask{position:relative;margin-left:auto;display:flex;align-items:center;gap:1.45rem;min-width:16.5rem;justify-content:center;padding:.82rem 1rem;border-radius:999px;background:linear-gradient(105deg,#125fe8,#0d42ba);font-size:1rem}.approved-starter__ask b,.approved-topic b{width:2.1rem;height:2.1rem;border:1px solid rgba(240,246,255,.92);border-radius:50%;display:grid;place-items:center;font-size:1.05rem}.approved-starter:hover{border-color:#679fff}
.approved-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.approved-topic{height:199px;position:relative;display:flex;align-items:flex-end;gap:.9rem;padding:1rem 1.6rem;border:1px solid #174b8d;border-radius:12px;overflow:hidden;background-image:linear-gradient(0deg,rgba(2,6,14,.95) 0%,rgba(2,6,14,.08) 76%),url('/smartdomgda-reference.png');background-repeat:no-repeat;background-size:440% auto;box-shadow:inset 0 0 35px rgba(0,0,0,.23)}.approved-topic span{font-size:1.18rem;position:relative;z-index:1}.approved-topic b{position:relative;z-index:1;width:1.55rem;height:1.55rem;background:#164ebc;border-color:#164ebc;font-size:.82rem}.approved-topic--scenes{background-position:3% 79%}.approved-topic--automation{background-position:34% 79%}.approved-topic--control{background-position:66% 79%}.approved-topic--integrations{background-position:97% 79%}.approved-topic:hover{border-color:#72abff;transform:translateY(-2px)}.approved-footer{text-align:center;color:#bcc5d4;font-size:.82rem;padding:.6rem 1rem 1rem}
@media(max-width:1140px){.approved-header{grid-template-columns:auto 1fr}.approved-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;margin-top:-1rem;margin-bottom:1rem}.approved-head-contact{justify-self:end}.approved-copy{padding-top:70px}.approved-hero{min-height:355px}.approved-hero__inner{min-height:355px}.approved-starter{padding-left:17%}.approved-starter__ask{min-width:14rem}.approved-topic{height:165px}}
@media(max-width:720px){.approved-page{overflow:visible}.approved-width{width:min(100% - 2rem,620px)}.approved-header{min-height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 0}.approved-brand__mark{width:2.7rem;height:2.7rem}.approved-brand__mark::before{inset:.42rem}.approved-brand__mark i{left:2.55rem;top:.46rem}.approved-brand__mark b{left:2.65rem;top:.33rem}.approved-brand__mark em{left:2.75rem;top:.21rem}.approved-brand__text{font-size:1.32rem}.approved-nav{display:none}.approved-head-contact{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.approved-head-contact a{min-height:2.75rem;min-width:0;padding:.4rem .35rem;font-size:.7rem;overflow:hidden;text-overflow:ellipsis}.approved-head-contact a span{font-size:1.05rem}.approved-hero{min-height:515px}.approved-hero__inner{min-height:515px}.approved-hero__art{inset:58px -1rem 0 18%;background-size:220% auto;background-position:90% 9%;opacity:.92}.approved-copy{width:100%;padding-top:272px}.approved-copy h1{font-size:clamp(2.22rem,10vw,3.3rem);line-height:1.03;white-space:normal}.approved-copy h1 em{display:block}.approved-copy p{font-size:.93rem;margin-top:1rem}.desktop-break{display:none}.approved-actions{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:1.15rem}.approved-button{min-height:3.05rem;font-size:.9rem;justify-content:space-between;padding:.6rem 1rem}.approved-button b{width:1.75rem;height:1.75rem}.approved-benefits{grid-template-columns:1fr 1fr;gap:.6rem}.approved-benefit{min-height:88px;gap:.7rem;padding:.7rem}.approved-benefit span{width:2.8rem;height:2.8rem;font-size:1.25rem}.approved-benefit strong{font-size:.78rem;white-space:normal}.approved-starter{min-height:160px;margin-top:.75rem;padding:1rem 1rem 1rem 8.2rem;align-items:flex-start;flex-direction:column;gap:.7rem}.approved-starter::before{left:-2.8rem;top:18%;width:8rem;height:8rem}.approved-starter__cube{left:.35rem;top:38%;width:5rem;height:3.7rem}.approved-starter strong{font-size:1.37rem;white-space:normal;line-height:1.15}.approved-starter__ask{margin:0;min-width:0;width:100%;min-height:2.7rem;font-size:.85rem}.approved-topics{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem}.approved-topic{height:135px;padding:.65rem .8rem;font-size:.85rem}.approved-topic span{font-size:.92rem}.approved-topic b{width:1.35rem;height:1.35rem;font-size:.7rem}.approved-footer{font-size:.7rem;padding:.75rem 1rem 1.25rem}}

/* Finalne poprawki kompozycji: osobne grafiki zamiast wycinków zatwierdzonego zrzutu. */
.approved-hero__art{inset:-18px -5% -30px -5%;background-image:linear-gradient(90deg,rgba(2,7,17,.09) 0%,rgba(2,7,17,.01) 43%,rgba(2,7,17,.17) 78%,rgba(2,7,17,.56) 100%),url('/smartdomgda-hero-v2.png');background-size:cover;background-position:center;}
.approved-hero__art::after{background:linear-gradient(0deg,#020711 0%,transparent 31%)}
.approved-topic{background-image:linear-gradient(0deg,rgba(2,6,14,.96) 0%,rgba(2,6,14,.12) 78%),url('/smartdomgda-tiles-v2.png');background-size:205% 205%;}
.approved-topic--scenes{background-position:0 0}.approved-topic--automation{background-position:100% 0}.approved-topic--control{background-position:0 100%}.approved-topic--integrations{background-position:100% 100%}
.approved-starter strong{white-space:normal;line-height:1.13;flex:1}.approved-starter__ask{flex:0 0 auto}
.approved-benefit span{font-family:Georgia,'Times New Roman',serif;font-size:1.7rem}.approved-benefit:nth-child(3) span{font-size:2.1rem}
@media(max-width:1500px) and (min-width:721px){.approved-header{grid-template-columns:auto auto;gap:1rem;padding:1rem 0}.approved-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(1.5rem,4.3vw,3.2rem);padding-bottom:.3rem}.approved-head-contact{justify-self:end}.approved-hero{min-height:410px}.approved-hero__inner{min-height:410px}.approved-copy{padding-top:100px}.approved-starter{padding-left:17.5%}.approved-starter__ask{min-width:14.2rem}}
@media(max-width:720px){.approved-hero{min-height:500px}.approved-hero__inner{min-height:500px}.approved-hero__art{inset:0 -1rem 0 -1rem;background-size:auto 100%;background-position:67% 50%;opacity:.82}.approved-copy{padding-top:255px}.approved-topic{background-size:205% 205%}.approved-starter strong{flex:initial}}

/* Ostatnie dopracowanie proporcji i czytelności. */
.approved-header{gap:1rem}.approved-nav{gap:clamp(.45rem,1vw,1.25rem)}.approved-nav a{font-size:clamp(.62rem,.72vw,.8rem)}
.approved-hero__art{background-size:auto 118%;background-position:right 54%;background-repeat:no-repeat}
.approved-topic{background-image:linear-gradient(0deg,rgba(2,6,14,.74) 0%,rgba(2,6,14,.04) 84%),url('/smartdomgda-tiles-v2.png');box-shadow:inset 0 0 16px rgba(7,45,108,.35)}.approved-topic span{font-weight:700;text-shadow:0 2px 8px #000}.approved-topic b{box-shadow:0 0 12px rgba(38,104,255,.85)}
.approved-starter{background:linear-gradient(104deg,#0a1934,#030914 62%,#0a1d4a);box-shadow:inset 0 0 34px rgba(30,94,255,.16)}.approved-starter::before{background:radial-gradient(circle at 56% 46%,rgba(79,154,255,.85),rgba(19,69,214,.33) 35%,transparent 70%);border-color:#77b7ff;box-shadow:0 0 42px rgba(31,109,255,.95)}.approved-starter__cube{border-color:#b9dcff;background:linear-gradient(135deg,rgba(62,151,255,.42),rgba(8,21,76,.08));box-shadow:0 0 35px rgba(34,124,255,.95),inset 0 0 25px rgba(75,157,255,.3)}
@media(max-width:720px){.approved-hero__art{background-size:auto 96%;background-position:right 48%;opacity:.9}}
.approved-benefit span{font-size:initial}.approved-benefit span svg{width:2rem;height:2rem;stroke:#b8d8ff;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(71,135,255,.85))}.approved-benefit:nth-child(3) span{font-size:initial}.approved-topic{background-image:linear-gradient(0deg,rgba(2,6,14,.56) 0%,rgba(2,6,14,.01) 84%),url('/smartdomgda-tiles-v2.png')}

/* Oryginalny świecący sześcian z zatwierdzonego wzoru, użyty wyłącznie w pakiecie startowym. */
.approved-starter__cube{left:5.2%;top:9%;width:9.5rem;height:7.6rem;transform:none;border:0;background-image:url('/smartdomgda-package-cube-v2.png');background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:none;mix-blend-mode:normal}
.approved-starter::before{display:none}
@media(max-width:720px){.approved-starter__cube{left:.2rem;top:31%;width:7.2rem;height:5.6rem;background-size:820% auto;background-position:9% 72%}}

/* Podstrony oferty — gotowe do późniejszego podmienienia tekstów Maćka. */
.detail-page,.packages-page{min-height:100svh;background:#020711;color:#f4f7ff;font-family:Arial,Helvetica,sans-serif}.detail-header{width:min(92%,1320px);margin:0 auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:3}.detail-brand{font-size:1.15rem;font-weight:800;color:#e6b840}.detail-brand span{color:#77aaff}.detail-contact{padding:.7rem 1rem;border:1px solid #9fbee9;border-radius:999px;font-size:.82rem}.detail-contact:hover{background:#0d2043}.detail-hero{min-height:calc(100svh - 92px);display:flex;align-items:center;background:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.92) 36%,rgba(2,7,17,.12) 74%,#020711 100%),url('/smartdomgda-hero-v2.png') center/cover no-repeat}.detail-copy{width:min(92%,1320px);margin:0 auto;max-width:1320px;padding:4rem 47% 4rem 0}.detail-copy>p{margin:0;color:#8cb7ff;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.detail-copy h1{margin:1rem 0 0;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.97;letter-spacing:-.055em}.detail-copy h2{margin:1.2rem 0 0;max-width:36rem;font-weight:400;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6;color:#d4dfef}.detail-line{width:5rem;height:2px;margin-top:1.35rem;background:linear-gradient(90deg,#f0bf47,#2f72ff)}.detail-button{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;padding:.85rem 1.15rem;border-radius:999px;background:linear-gradient(100deg,#e7bd4f,#f4d980);color:#181103;font-weight:800}.detail-button b{width:1.8rem;height:1.8rem;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.detail-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:min(92%,1120px);margin:-5rem auto 0;position:relative;z-index:2}.detail-notes article{display:flex;gap:1rem;padding:1.25rem;border:1px solid #19549e;border-radius:14px;background:rgba(3,13,29,.84);backdrop-filter:blur(10px)}.detail-notes small{color:#79aaff;font-weight:800}.detail-notes p{margin:0;line-height:1.5}.detail-page footer{width:min(92%,1120px);margin:2rem auto;padding:1rem 0;border-top:1px solid #1a447b;display:flex;justify-content:space-between;color:#aebdd1;font-size:.8rem}.detail-page footer a{color:#e6bc55}
.detail-page--living .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.9) 38%,rgba(2,7,17,.1) 74%,#020711 100%),url('/smartdomgda-tiles-v2.png');background-size:cover,200% auto;background-position:center,0 0}.detail-page--energy .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.9) 38%,rgba(2,7,17,.1) 74%,#020711 100%),url('/smartdomgda-tiles-v2.png');background-size:cover,200% auto;background-position:center,100% 0}.detail-page--control .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.9) 38%,rgba(2,7,17,.1) 74%,#020711 100%),url('/smartdomgda-tiles-v2.png');background-size:cover,200% auto;background-position:center,0 100%}.detail-page--integrations .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.9) 38%,rgba(2,7,17,.1) 74%,#020711 100%),url('/smartdomgda-tiles-v2.png');background-size:cover,200% auto;background-position:center,100% 100%}
.packages-page{padding-bottom:2rem;background:radial-gradient(circle at 75% 15%,rgba(20,83,210,.2),transparent 26%),#020711}.packages-intro{width:min(92%,1320px);margin:3rem auto 2rem}.packages-intro p{color:#93baff;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.packages-intro h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:.6rem 0}.packages-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#6fa3ff}.packages-intro>span{color:#b7c7db}.package-accordion{width:min(92%,1320px);height:31rem;display:flex;gap:.8rem;margin:2rem auto}.package-card{position:relative;overflow:hidden;display:flex;flex:1;min-width:5rem;align-items:flex-end;padding:1.3rem;border:1px solid #1d5eaf;border-radius:18px;background:#06132a;color:#fff;text-align:left;transition:flex .42s ease,border-color .25s ease;cursor:pointer}.package-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020711 0%,rgba(2,7,17,.22) 74%);z-index:0}.package-card>*{position:relative;z-index:1}.package-card.is-active{flex:5;border-color:#74aaff}.package-card--start{background:url('/smartdomgda-package-cube-v2.png') center/cover no-repeat,#091935}.package-card--optimal{background:url('/smartdomgda-tiles-v2.png') 100% 0/200% auto no-repeat,#091935}.package-card--premium{background:url('/smartdomgda-hero-v2.png') 75% center/cover no-repeat,#091935}.package-card__index{position:absolute;top:1.3rem;left:1.3rem;color:#87b1ff;font-weight:800}.package-card strong{font-size:clamp(1.1rem,2vw,2.1rem);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.02em}.package-card.is-active strong{writing-mode:initial;transform:none;align-self:flex-end}.package-card__open{display:none;margin-left:1rem}.package-card.is-active .package-card__open{display:block}.package-card__open small{color:#f1c65f;font-weight:800}.package-card__open p{max-width:29rem;line-height:1.55}.package-card__open a{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border:1px solid #8dbaff;border-radius:999px}.package-card__open b{font-size:1.15rem}.packages-footer{text-align:center;color:#b8c6d8;font-size:.8rem}.packages-footer a{color:#efc35e;font-weight:800}
@media(max-width:720px){.detail-header{min-height:76px}.detail-contact{font-size:.65rem;padding:.55rem .65rem}.detail-hero{min-height:570px;align-items:flex-end;background-position:65% center}.detail-copy{padding:2rem 0 3rem}.detail-copy h1{font-size:2.8rem}.detail-notes{grid-template-columns:1fr;margin:-1.5rem auto 0}.detail-page footer{flex-direction:column;gap:.7rem}.packages-intro{margin-top:1.5rem}.package-accordion{height:auto;min-height:33rem;flex-direction:column}.package-card{min-height:5.5rem;flex:1}.package-card.is-active{flex:4;min-height:15rem}.package-card strong{writing-mode:initial;transform:none}.package-card__open{margin-left:1rem}.package-card__index{top:.8rem}.package-card.is-active .package-card__open{display:block}}

/* Pakiety: pełny Starter oraz trzy rozsuwane karty rozbudowy. */
.packages-page--v2{padding-bottom:2rem;background:radial-gradient(circle at 79% 21%,rgba(20,84,228,.25),transparent 28%),#020711}.packages-page--v2 .packages-intro{margin:1.7rem auto 1rem;text-align:center}.packages-page--v2 .packages-intro h1{font-size:clamp(2.2rem,4vw,4.3rem);margin:.25rem 0}.packages-page--v2 .packages-intro>span{font-size:.92rem}.starter-package{width:min(92%,1320px);min-height:10.2rem;margin:1.15rem auto;display:grid;grid-template-columns:17% minmax(0,1fr) auto auto;gap:1.1rem;align-items:center;padding:1rem 1.5rem;border:1px solid #2165bd;border-radius:10px;background:linear-gradient(105deg,#06152f,#050d1c);box-shadow:inset 0 0 26px rgba(27,100,255,.18)}.starter-package__art{height:8rem;background:linear-gradient(90deg,rgba(2,7,17,.02),rgba(2,7,17,.28)),url('/smartdomgda-hero-v2.png') 79% 53%/cover no-repeat;border-radius:7px}.starter-package p{margin:0;color:#4d91ff;text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:900}.starter-package p span{font-size:.52em;color:#d3dfef;text-transform:none}.starter-package h2{margin:.3rem 0 .65rem;font-size:.83rem;font-weight:400;color:#d8e4f2}.starter-package ul{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,auto);gap:.75rem;list-style:none;color:#cfddf0;font-size:.72rem}.starter-package li::before{content:'◈';color:#5597ff;margin-right:.32rem}.starter-package>strong{font-size:1rem;white-space:nowrap}.starter-package>strong em{font-size:2.5rem;font-style:normal;color:#3d7cff}.starter-package>a{padding:.72rem .9rem;border:1px solid #357df5;border-radius:7px;color:#d9e8ff;font-size:.75rem;white-space:nowrap}.starter-package>a:hover{background:#0d2b5e}.package-choice{width:min(92%,1320px);margin:1rem auto}.package-choice__title{text-align:center;display:flex;flex-direction:column;gap:.15rem;margin:.55rem 0 .75rem}.package-choice__title b{font-size:1.22rem}.package-choice__title span{font-size:.7rem;color:#a8b8cf}.package-accordion--v2{width:100%;height:18.3rem;margin:0;gap:.55rem}.package-accordion--v2 .package-card{border-radius:9px;padding:1rem;min-width:7.5rem}.package-accordion--v2 .package-card.is-active{flex:4.8}.package-accordion--v2 .package-card::before{background:linear-gradient(0deg,rgba(2,7,17,.96) 0%,rgba(2,7,17,.16) 74%)}.package-accordion--v2 .package-card--optimal{background:url('/smartdomgda-hero-v2.png') 77% 57%/cover no-repeat}.package-accordion--v2 .package-card--comfort{background:url('/smartdomgda-tiles-v2.png') 100% 0/205% auto no-repeat}.package-accordion--v2 .package-card--premium{background:url('/smartdomgda-hero-v2.png') 72% 42%/cover no-repeat;filter:saturate(.85)}.package-accordion--v2 .package-card strong{font-size:1.35rem;color:#4a8cff}.package-accordion--v2 .package-card--premium strong{color:#e7b63e}.package-accordion--v2 .package-card.is-active strong{position:absolute;top:1.1rem;left:1.1rem;font-size:1.7rem}.package-accordion--v2 .package-card__open{margin:2.8rem 0 0;max-width:60%}.package-accordion--v2 .package-card__open small{font-size:1.65rem;color:#5592ff;font-weight:900}.package-accordion--v2 .package-card__open h2{font-size:.82rem;color:#d7e6fa;margin:.4rem 0}.package-accordion--v2 .package-card__open p{font-size:.75rem;margin:.3rem 0}.package-accordion--v2 .package-card__open ul{margin:.35rem 0;padding-left:1rem;font-size:.67rem;line-height:1.55;color:#c3d4e9}.package-accordion--v2 .package-card__open a{font-size:.72rem;padding:.55rem .8rem}.package-values{width:min(92%,1320px);margin:1rem auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #19508f;border-radius:7px;overflow:hidden}.package-values span{padding:.7rem 1rem;border-right:1px solid #19508f;color:#d4e3f4;font-size:.76rem}.package-values span:last-child{border:0}.package-values span::first-letter{color:#5e9cff}
.packages-page--v2 .packages-intro p{font-size:clamp(1rem,1.65vw,1.45rem);letter-spacing:.24em;color:#78a9ff;margin:0 0 .45rem}.package-accordion--v2 .package-card.is-active::after{content:"";position:absolute;z-index:2;top:0;left:50%;width:42%;height:.52rem;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);background:linear-gradient(90deg,#2368eb,#8fc0ff,#2368eb);box-shadow:0 0 18px rgba(68,134,255,.95)}.package-accordion--v2 .package-card--premium.is-active::after{background:linear-gradient(90deg,#9b6e12,#f6cb54,#9b6e12);box-shadow:0 0 18px rgba(245,192,72,.85)}
.package-accordion--v2 .package-card__index{display:none}.starter-package ul{grid-template-columns:repeat(3,auto)}
@media(max-width:720px){.packages-page--v2 .packages-intro{text-align:left}.starter-package{grid-template-columns:5.7rem 1fr;gap:.75rem;padding:.8rem}.starter-package__art{height:7rem}.starter-package>strong{grid-column:2;font-size:.8rem}.starter-package>strong em{font-size:1.8rem}.starter-package>a{grid-column:1/-1;text-align:center}.starter-package ul{grid-template-columns:1fr 1fr;font-size:.61rem;gap:.35rem}.package-accordion--v2{height:auto;min-height:30rem}.package-accordion--v2 .package-card{min-height:5rem}.package-accordion--v2 .package-card.is-active{min-height:18rem}.package-accordion--v2 .package-card.is-active strong{position:static;font-size:1.25rem}.package-accordion--v2 .package-card__open{margin:.7rem 0 0;max-width:100%}.package-accordion--v2 .package-card__open small{font-size:1.2rem}.package-values{grid-template-columns:1fr 1fr}.package-values span:nth-child(2){border-right:0}.package-values span{font-size:.68rem;border-bottom:1px solid #19508f}.package-values span:nth-last-child(-n+2){border-bottom:0}}

/* Wybrane przez Maćka grafiki i czytelne podstrony oferty. */
.detail-header{min-height:114px}.detail-brand__mark{width:3.1rem;height:3.1rem;border-width:1.7px!important}.detail-brand__mark::before{inset:.48rem}.detail-brand__mark::after{content:"";position:absolute;width:.56rem;height:.56rem;right:.02rem;top:.02rem;border-radius:50%;background:#82b3ff;box-shadow:0 0 13px #82b3ff}.detail-brand__mark i,.detail-brand__mark b,.detail-brand__mark em{border-width:1.7px;border-color:#d8e9ff}.detail-brand__mark i{width:.38rem;height:.38rem;right:-.23rem;top:.75rem}.detail-brand__mark b{width:.61rem;height:.61rem;right:-.37rem;top:.58rem}.detail-brand__mark em{width:.9rem;height:.9rem;right:-.52rem;top:.4rem}.detail-brand__name{font-size:1.49rem}.detail-brand__back{font-size:1.15rem}.detail-contact{font-size:.9rem;padding:.79rem 1.1rem}.detail-hero{min-height:calc(100svh - 114px)}
@media(max-width:720px){.detail-header{min-height:auto;padding:1rem 0;align-items:flex-start;flex-direction:column}.detail-header__contacts{width:100%;justify-content:stretch}.detail-contact{flex:1;min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;padding:.62rem .45rem}.detail-brand__name{font-size:1.2rem}.detail-hero{min-height:610px;align-items:flex-end;background-position:64% center}.detail-copy{width:calc(100% - 2rem);margin:0 auto;padding:3.2rem 0 2.3rem}.detail-copy h1{font-size:clamp(2.35rem,11vw,3.4rem)}.detail-copy h2{font-size:.99rem;line-height:1.56}.detail-notes{margin:-1rem auto 0}.approved-topics{grid-template-columns:1fr 1fr}.packages-page--v2 .packages-intro{margin-top:.8rem;padding:1.5rem 1rem;text-align:left}.packages-page--v2 .packages-intro::before{background:linear-gradient(90deg,rgba(2,7,17,.96),rgba(2,7,17,.52)),url('/detail-pakiety-25.png') center/cover no-repeat}}

/* Docelowy nagłówek i układ ofert. */
.detail-header{width:min(94%,1380px);min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.detail-header__contacts{display:flex;align-items:center;gap:.7rem}.detail-brand{display:flex;align-items:center;gap:.62rem;color:#f2f6ff!important;text-decoration:none;font-weight:800}.detail-brand span{color:inherit}.detail-brand__back{color:#efbd43!important;font-size:1.15rem}.detail-brand__mark{display:inline-block!important;flex:0 0 3.1rem;width:3.1rem;height:3.1rem;position:relative;border:1.7px solid #7db6ff!important;border-radius:50%;box-shadow:0 0 16px rgba(46,109,255,.9)}.detail-brand__mark::before{content:"";position:absolute;inset:.48rem;border:1px solid #c7ddff;border-radius:50%}.detail-brand__mark::after{content:"";position:absolute;width:.56rem;height:.56rem;right:.02rem;top:.02rem;border-radius:50%;background:#82b3ff;box-shadow:0 0 13px #82b3ff}.detail-brand__mark i,.detail-brand__mark b,.detail-brand__mark em{position:absolute;display:block;border:1.7px solid #d8e9ff;border-left:0;border-bottom:0;border-radius:0 100% 0 0;transform:rotate(45deg)}.detail-brand__mark i{width:.38rem;height:.38rem;right:-.23rem;top:.75rem}.detail-brand__mark b{width:.61rem;height:.61rem;right:-.37rem;top:.58rem}.detail-brand__mark em{width:.9rem;height:.9rem;right:-.52rem;top:.4rem}.detail-brand__name{font-size:1.49rem;letter-spacing:-.035em;white-space:nowrap}.detail-brand__name strong{color:#e7b541!important}.detail-brand__name b{color:#9fc5ae!important}.detail-brand__name em{font-style:normal;color:#74a7ff!important}.detail-brand__name small{color:#efbd43!important;font-size:.66em;vertical-align:top;margin-left:.06em}.detail-contact{display:inline-flex;align-items:center;gap:.42rem;padding:.79rem 1.1rem;white-space:nowrap;background:rgba(3,12,28,.52);border:1px solid #9fbee9;border-radius:999px;color:#f2f6ff;text-decoration:none;font-size:.9rem}.detail-contact:hover{background:#0d2043;border-color:#78a9ff}.detail-contact span{color:#d7e8ff!important}.detail-copy{width:min(68%,940px);margin-left:max(4%,calc((100vw - 1380px)/2));margin-right:0;padding:clamp(4.5rem,11vh,8.5rem) 0}.detail-copy h1{max-width:900px}.detail-copy h2{max-width:780px;font-size:clamp(1.03rem,1.45vw,1.32rem);line-height:1.62}.detail-notes{width:min(92%,1280px);margin:-4.5rem auto 0}.detail-page--wygoda .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 30%,rgba(2,7,17,.58) 54%,rgba(2,7,17,.08) 82%,#020711 100%),url('/detail-wygoda-18.png')}.detail-page--bezpieczenstwo .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 30%,rgba(2,7,17,.52) 55%,rgba(2,7,17,.08) 82%,#020711 100%),url('/detail-bezpieczenstwo-15.png')}.detail-page--energia .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 30%,rgba(2,7,17,.48) 55%,rgba(2,7,17,.08) 82%,#020711 100%),url('/detail-energia-03.png')}.detail-page--pelna-kontrola .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 31%,rgba(2,7,17,.46) 56%,rgba(2,7,17,.08) 83%,#020711 100%),url('/detail-pelna-kontrola-04.png')}.detail-page--sceny .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 30%,rgba(2,7,17,.48) 56%,rgba(2,7,17,.08) 83%,#020711 100%),url('/detail-sceny-23.png')}.detail-page--automatyzacje .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 30%,rgba(2,7,17,.45) 56%,rgba(2,7,17,.08) 83%,#020711 100%),url('/detail-automatyzacje-22.png')}.detail-page--integracje .detail-hero{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 29%,rgba(2,7,17,.47) 57%,rgba(2,7,17,.08) 84%,#020711 100%),url('/detail-integracje-08.png')}.approved-topics{grid-template-columns:repeat(3,1fr)}.packages-page--v2 .packages-intro{position:relative;z-index:0;padding:2.2rem 2rem;border:1px solid rgba(34,94,190,.6);border-radius:16px;overflow:hidden}.packages-page--v2 .packages-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,7,17,.98),rgba(2,7,17,.73) 52%,rgba(2,7,17,.36)),url('/detail-pakiety-25.png') center/cover no-repeat}.starter-package__art{background-image:linear-gradient(90deg,rgba(2,7,17,.12),rgba(2,7,17,.3)),url('/detail-pakiety-25.png')}.package-accordion--v2{height:23rem}
@media(max-width:720px){.detail-header{min-height:auto;padding:1rem 0;align-items:flex-start;flex-direction:column}.detail-header__contacts{width:100%;justify-content:stretch}.detail-contact{flex:1;min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;padding:.62rem .45rem}.detail-brand__mark{flex-basis:2.85rem;width:2.85rem;height:2.85rem}.detail-brand__name{font-size:1.27rem}.detail-copy{width:calc(100% - 2rem);margin:0 auto;padding:3.2rem 0 2.3rem}.detail-notes{margin:-1rem auto 0}.package-accordion--v2{height:auto;min-height:36rem}.package-accordion--v2 .package-card.is-active{min-height:23rem}}

/* Ostatnie poprawki czytelności. */
.detail-brand__mark i,.detail-brand__mark b,.detail-brand__mark em{border-color:#eff7ff;transform-origin:top left}.detail-brand__mark i{left:2.95rem;right:auto;top:.56rem;width:.33rem;height:.33rem}.detail-brand__mark b{left:3.08rem;right:auto;top:.41rem;width:.53rem;height:.53rem}.detail-brand__mark em{left:3.22rem;right:auto;top:.25rem;width:.76rem;height:.76rem}.detail-contact{font-size:1rem;padding:.84rem 1.2rem}.starter-package h2{font-size:.98rem}.starter-package ul{font-size:.86rem}.package-choice__title span{font-size:.84rem}.package-accordion--v2 .package-card__open{margin-top:2.25rem}.package-accordion--v2 .package-card__open h2{font-size:.98rem;margin:.55rem 0}.package-accordion--v2 .package-card__open p{font-size:.9rem;line-height:1.5;margin:.45rem 0}.package-accordion--v2 .package-card__open ul{font-size:.8rem;line-height:1.6;margin:.5rem 0}.package-accordion--v2 .package-card__open a{font-size:.84rem;padding:.63rem .9rem}
@media(max-width:720px){.detail-contact{font-size:.72rem;padding:.66rem .45rem}.starter-package h2{font-size:.82rem}.starter-package ul{font-size:.68rem}.package-accordion--v2 .package-card__open h2{font-size:.88rem}.package-accordion--v2 .package-card__open p{font-size:.82rem}.package-accordion--v2 .package-card__open ul{font-size:.74rem}.package-accordion--v2 .package-card__open a{font-size:.8rem}}

/* Kontakt oraz szerszy, czytelniejszy układ oferty. */
@media(min-width:721px){.approved-width{width:min(95%,1680px)}.detail-header{width:min(95%,1650px)}.detail-copy{margin-left:max(2.5%,calc((100vw - 1650px)/2));width:min(71%,1080px)}.detail-notes{width:min(95%,1530px)}.starter-package,.package-choice,.package-values{width:min(95%,1580px)}.package-accordion--v2{height:34.5rem}.package-accordion--v2 .package-card__open{max-width:66%;margin-top:3.6rem}.package-accordion--v2 .package-card__open small{font-size:2rem}.package-accordion--v2 .package-card__open h2{font-size:1.25rem;line-height:1.36}.package-accordion--v2 .package-card__open p{font-size:1.12rem;line-height:1.58}.package-accordion--v2 .package-card__open ul{font-size:1rem;line-height:1.7}.package-accordion--v2 .package-card__open a{font-size:1rem;padding:.74rem 1.08rem}.package-accordion--v2 .package-card--comfort{background-image:url('/detail-automatyzacje-22.png');background-position:center;background-size:cover}}
.contact-page{min-height:100svh;padding-bottom:4rem;background:radial-gradient(circle at 78% 22%,rgba(28,91,235,.26),transparent 24%),#020711;color:#f4f7ff;font-family:Arial,Helvetica,sans-serif}.contact-hero{position:relative;display:flex;align-items:center;min-height:29rem;width:min(95%,1650px);margin:0 auto;overflow:hidden;border:1px solid rgba(42,108,223,.48);border-radius:1.35rem;background:linear-gradient(105deg,rgba(2,8,21,.99),rgba(3,15,40,.9) 55%,rgba(12,49,121,.58));}.contact-copy{position:relative;z-index:1;width:min(60%,54rem);padding:clamp(2rem,6vw,6rem)}.contact-copy p,.contact-form-shell>div>p{margin:0;color:#82afff;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.78rem}.contact-copy h1{margin:.9rem 0 1.2rem;font-size:clamp(3rem,5.3vw,5.9rem);line-height:.94;letter-spacing:-.06em}.contact-copy>span{display:block;max-width:45rem;color:#d4e2f6;font-size:clamp(1.04rem,1.42vw,1.35rem);line-height:1.62}.contact-hero__art{position:absolute;right:5%;top:50%;width:31rem;height:31rem;transform:translateY(-50%);border:1px solid rgba(91,150,255,.48);border-radius:50%;box-shadow:0 0 0 3rem rgba(48,109,243,.05),0 0 0 7rem rgba(48,109,243,.035),inset 0 0 5rem rgba(63,124,255,.28)}.contact-hero__art::before,.contact-hero__art::after{content:"";position:absolute;inset:17%;border:1px dashed rgba(135,180,255,.45);border-radius:50%}.contact-hero__art::after{inset:34%;border-style:solid}.contact-hero__art i,.contact-hero__art b,.contact-hero__art em{position:absolute;display:grid;place-items:center;border-radius:50%;font-style:normal}.contact-hero__art i{left:8%;top:42%;width:6.8rem;height:6.8rem;background:#e9bd49;color:#151007;font-size:4rem;box-shadow:0 0 35px rgba(240,189,64,.5)}.contact-hero__art b{right:7%;top:20%;width:5.5rem;height:5.5rem;background:#1f65dc;color:#fff;font-size:2.7rem;box-shadow:0 0 28px rgba(45,115,255,.75)}.contact-hero__art em{right:17%;bottom:9%;width:4.4rem;height:4.4rem;border:1px solid #91bbff;color:#bcd8ff;font-size:2.2rem}.contact-options{width:min(95%,1580px);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.35rem auto}.contact-option{position:relative;display:flex;align-items:center;gap:1rem;min-height:11.8rem;padding:1.45rem;border:1px solid #1d5ca8;border-radius:1rem;background:linear-gradient(125deg,rgba(5,19,43,.96),rgba(2,10,25,.92));color:#edf4ff;text-decoration:none;overflow:hidden}.contact-option::after{content:"";position:absolute;right:-4rem;bottom:-5rem;width:11rem;height:11rem;border-radius:50%;background:radial-gradient(circle,rgba(45,111,255,.3),transparent 70%)}.contact-option>i{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 4.3rem;width:4.3rem;height:4.3rem;border:1px solid #4c8cff;border-radius:50%;color:#b9d4ff;font-size:2rem;box-shadow:0 0 20px rgba(47,112,255,.4)}.contact-option>div,.contact-option>em{position:relative;z-index:1}.contact-option b{display:block;color:#85b2ff;font-size:.92rem;text-transform:uppercase;letter-spacing:.1em}.contact-option strong{display:block;margin:.3rem 0;color:#fff;font-size:1.35rem}.contact-option span{display:block;color:#c4d5ec;font-size:1rem;line-height:1.5}.contact-option>em{margin-left:auto;font-style:normal;font-size:1.7rem;color:#e9be4c}.contact-option:hover{transform:translateY(-3px);border-color:#82b4ff;background:#0b2350}.contact-option--quote{border-color:rgba(229,180,62,.7)}.contact-option--quote>i{border-color:#e8bf4d;color:#f9dc82}.contact-form-shell{width:min(95%,1580px);display:grid;grid-template-columns:minmax(16rem,.82fr) minmax(28rem,1.18fr);gap:2rem;align-items:start;margin:1.35rem auto 0;padding:clamp(1.3rem,3vw,2.5rem);border:1px solid #1f5ca9;border-radius:1.15rem;background:linear-gradient(118deg,rgba(4,17,39,.98),rgba(3,10,24,.94))}.contact-form-shell h2{margin:.55rem 0 1rem;font-size:clamp(2rem,3.3vw,3.8rem);line-height:1}.contact-form-shell>div>span{display:block;max-width:32rem;color:#c8d9f0;font-size:1.08rem;line-height:1.6}.contact-simple-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-simple-form>label{display:grid;gap:.45rem;color:#eef5ff;font-size:1.04rem;font-weight:800}.contact-simple-form input,.contact-simple-form textarea{width:100%;min-width:0;padding:.82rem .9rem;border:1px solid rgba(133,171,231,.65);border-radius:.65rem;background:rgba(1,8,23,.78);color:#fff;font:inherit;font-size:1.04rem}.contact-simple-form textarea{min-height:8rem;resize:vertical}.contact-simple-form input:focus,.contact-simple-form textarea:focus{outline:2px solid #e9be4c;outline-offset:2px}.contact-simple-form .is-invalid{border-color:#ee6b6b;background:rgba(103,20,32,.3)}.contact-simple-form__message,.contact-simple-form .consent-check,.contact-simple-form .robot-check,.contact-simple-form button,.contact-simple-form__note{grid-column:1/-1}.contact-simple-form__message small{color:#b7cae6;font-size:.84rem;font-weight:400;text-align:right}.contact-simple-form .consent-check,.contact-simple-form .robot-check{margin:0}.contact-simple-form button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;justify-self:start;padding:.82rem 1.2rem;border:1px solid #e9be4c;border-radius:999px;background:linear-gradient(105deg,#e0ae36,#f5d87e);color:#161006;font:inherit;font-size:1rem;font-weight:900;cursor:pointer}.contact-simple-form button:disabled{cursor:not-allowed;opacity:.4}.contact-simple-form__note{color:#91e4b2;font-size:.94rem}.contact-simple-form .consent-check input,.contact-simple-form .robot-check input{width:1.2rem;height:1.2rem;accent-color:#e9be4c}
@media(max-width:720px){.contact-hero{width:calc(100% - 2rem);min-height:29rem;align-items:flex-end}.contact-copy{width:100%;padding:2rem 1.3rem 2.3rem}.contact-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.contact-hero__art{right:-11rem;top:36%;width:24rem;height:24rem}.contact-options{width:calc(100% - 2rem);grid-template-columns:1fr}.contact-option{min-height:9rem;padding:1rem}.contact-option>i{flex-basis:3.25rem;width:3.25rem;height:3.25rem;font-size:1.55rem}.contact-option strong{font-size:1.08rem}.contact-option span{font-size:.88rem}.contact-form-shell{width:calc(100% - 2rem);grid-template-columns:1fr;gap:1.35rem;padding:1.2rem}.contact-simple-form{grid-template-columns:1fr}.contact-simple-form>label{font-size:1rem}.package-accordion--v2{min-height:45rem}.package-accordion--v2 .package-card.is-active{min-height:30rem}.package-accordion--v2 .package-card__open h2{font-size:1.06rem}.package-accordion--v2 .package-card__open p{font-size:.98rem}.package-accordion--v2 .package-card__open ul{font-size:.9rem}}

/* Aktywna karta pakietu: cena i opis zaczynają się zaraz pod nazwą. */
@media(min-width:721px){.package-accordion--v2 .package-card.is-active{align-items:flex-start}.package-accordion--v2 .package-card.is-active .package-card__open{margin:5rem 0 0}.package-accordion--v2 .package-card.is-active .package-card__open h2{margin:.45rem 0 .55rem}.package-accordion--v2 .package-card.is-active .package-card__open p{margin:.42rem 0 .68rem}.package-accordion--v2 .package-card.is-active .package-card__open ul{margin:.5rem 0 .9rem}}

/* Górny zakres usług pozostaje informacyjny do czasu przygotowania osobnych sekcji. */
.approved-nav span{font-size:clamp(.62rem,.72vw,.8rem);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;color:#f4f7ff}
.contact-option--phone small{display:block;max-width:34rem;margin-top:.7rem;color:#f2cf71;font-size:.9rem;font-weight:700;line-height:1.45}
@media(max-width:720px){.contact-option--phone small{font-size:.78rem;line-height:1.4}}

.netlify-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.contact-simple-form__note--error{color:#ffb9a5!important}

/* Formularze Netlify są kierowane na statyczny wzorzec, aby nie przejmowała ich funkcja SSR. */
.submission-notice{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;padding:.95rem 1.1rem;border:1px solid rgba(232,190,73,.85);border-radius:12px;background:linear-gradient(105deg,rgba(229,179,59,.2),rgba(21,72,168,.26));box-shadow:0 12px 32px rgba(0,0,0,.18);color:#f7fbff;position:relative;z-index:8}.submission-notice strong{color:#ffe398;font-size:1.02rem}.submission-notice span{color:#d5e3f7}.submission-notice button{margin-left:auto;width:2rem;height:2rem;border:1px solid rgba(214,231,255,.72);border-radius:50%;background:transparent;color:#fff;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}
.contact-form__hours select{width:100%;min-height:3rem;padding:.7rem .85rem;border:1px solid rgba(133,171,231,.65);border-radius:.65rem;background:#071a35;color:#fff;font:inherit;font-size:1rem;cursor:pointer}.contact-form__hours select:focus{outline:2px solid #e9be4c;outline-offset:2px}.contact-form__hours select.is-invalid{border-color:#ee6b6b;background:rgba(103,20,32,.3)}

/* Tablet: nagłówek i kafle układają się w bezpieczne wiersze, bez obcinania kontaktu. */
@media (max-width:1100px) and (min-width:721px){
  .approved-header{grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem 0}.approved-brand{grid-column:1/2}.approved-head-contact{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;justify-self:stretch}.approved-head-contact a{min-width:0;padding:.68rem .8rem;font-size:.98rem;overflow:hidden;text-overflow:ellipsis}.approved-nav{grid-column:1/-1;grid-row:3;justify-content:space-between;gap:.6rem;margin:0;padding:.55rem 0 .1rem}.approved-nav a{font-size:.7rem}.approved-hero,.approved-hero__inner{min-height:430px}.approved-hero__art{inset:-12px -6% -16px 27%;background-size:auto 106%;background-position:right 52%}.approved-copy{width:61%;padding-top:66px}.approved-copy h1{white-space:normal;font-size:clamp(2.45rem,4.7vw,3.3rem)}.approved-benefits{grid-template-columns:repeat(2,1fr)}.approved-benefit{min-height:94px}.approved-starter{min-height:170px;padding:1rem 1.1rem 1rem 18.5%}.approved-starter__cube{left:3.5%;top:13%;width:8rem;height:6.4rem}.approved-starter strong{font-size:clamp(1.4rem,3.6vw,2.1rem)}.approved-starter__ask{min-width:12.5rem;font-size:.9rem}.approved-topics{grid-template-columns:repeat(3,1fr)}.approved-topic{height:165px;padding:.9rem}.approved-topic span{font-size:1rem}
  .detail-header{min-height:auto;align-items:flex-start;flex-direction:column;padding:1rem 0}.detail-brand{margin-left:0}.detail-header__contacts{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.detail-contact{min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;padding:.72rem .7rem}.detail-copy{width:70%;padding:4rem 0}.contact-hero{min-height:26rem}.contact-copy{width:64%;padding:3rem}.contact-hero__art{right:-8%;width:22rem;height:22rem;opacity:.78}.contact-options{grid-template-columns:1fr}.contact-option{min-height:8.5rem}.contact-form-shell{grid-template-columns:1fr;gap:1.4rem}.contact-form__hours{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.contact-form__hours legend,.contact-form__hours small{grid-column:1/-1}.contact-form__hours label,.contact-form__hours input{min-width:0;width:100%}
}

@media (max-width:720px){.submission-notice{align-items:flex-start;flex-wrap:wrap;margin-top:0}.submission-notice strong{font-size:.92rem}.submission-notice span{width:calc(100% - 2.5rem);font-size:.82rem}.submission-notice button{position:absolute;right:.7rem;top:.7rem}}

.detail-brand{margin-left:clamp(2rem,11vw,10.5rem);gap:.85rem}.detail-brand__back{display:inline-flex;align-items:center;padding:.45rem .72rem;border:1px solid rgba(239,189,67,.62);border-radius:999px;font-size:1rem;font-weight:900;letter-spacing:.01em;white-space:nowrap}.detail-brand__mark{margin-left:.45rem}
@media(max-width:720px){.detail-brand{margin-left:0;gap:.55rem}.detail-brand__back{padding:.36rem .55rem;font-size:.78rem}.detail-brand__mark{margin-left:.08rem}}

.detail-brand__back{transform:translateX(clamp(-7rem,-8vw,-2rem))}
@media(max-width:720px){.detail-brand__back{transform:none}}

/* Docelowy znak marki: domek z panelem oraz sygnałem Wi-Fi. */
.approved-brand__mark,.detail-brand__mark,.preview-brand__mark,.brand__mark{
  border:0!important;
  border-radius:0!important;
  background:url('/smartdomgda-house-mark-reference.png') center / contain no-repeat!important;
  box-shadow:none!important;
  overflow:visible;
}
.approved-brand{align-items:center;gap:0}
.approved-brand__mark{width:22rem!important;height:7.1rem!important;margin:0;transform:none;background-image:url('/smartdomgda-logo-neonowe.png')!important;background-size:100% auto!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important;overflow:hidden;mix-blend-mode:normal}
.detail-brand__mark{flex-basis:3.7rem!important;width:3.7rem!important;height:3.7rem!important;margin-right:-.58rem}
.approved-brand__mark::after,.detail-brand__mark::after{content:none!important}
.approved-brand__mark::before,.approved-brand__mark::after,.detail-brand__mark::before,.detail-brand__mark::after,.preview-brand__mark::before,.preview-brand__mark::after,.brand__mark::before,.brand__mark::after{content:none!important}
.approved-brand__mark i,.approved-brand__mark b,.approved-brand__mark em,.detail-brand__mark i,.detail-brand__mark b,.detail-brand__mark em,.preview-brand__mark i,.preview-brand__mark b,.preview-brand__mark em{display:none!important}
.approved-copy h1{white-space:normal;line-height:1.02;font-weight:700}
.approved-copy h1>span{display:block;color:#f7f8fc}
.approved-copy h1 em{display:block;margin-top:.04em;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-style:normal;letter-spacing:-.048em;background:linear-gradient(100deg,#a7df38 0%,#55c993 72%,#2eb8d0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-copy h1 em b{font:inherit;background:linear-gradient(100deg,#1fa6df 0%,#1589f1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-benefit:nth-child(1) span svg{stroke:#7ec9ff}.approved-benefit:nth-child(2) span svg{stroke:#83dc74}.approved-benefit:nth-child(3) span svg{stroke:#f1bd36}.approved-benefit:nth-child(4) span svg{stroke:#49a9ff}
.approved-button b{border-width:2px;background:rgba(255,255,255,.12);font-weight:900;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.approved-button--gold b{background:rgba(255,255,255,.35)}
.approved-button:hover b{transform:translateX(3px);background:rgba(255,255,255,.35);box-shadow:0 0 13px rgba(105,169,255,.75)}
.approved-brand__text{display:none}
.approved-brand__mark::before,.approved-brand__mark::after{content:none!important}
.detail-brand__name{transform:scale(1.05);transform-origin:left center}
@media(max-width:720px){.approved-brand{gap:0}.approved-brand__mark{width:16.7rem!important;height:4.7rem!important;margin:0;transform:none}.detail-brand__mark{flex-basis:3.1rem!important;width:3.1rem!important;height:3.1rem!important;margin-right:-.38rem}}

/* Układ strony głównej zgodny z przekazaną ulotką. */
.approved-hero,.approved-hero__inner{min-height:440px}
.approved-hero__art{inset:-18px -5% -30px -5%;background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.95) 35%,rgba(2,7,17,.4) 57%,rgba(2,7,17,.18) 76%,rgba(2,7,17,.62) 100%),url('/smartdomgda-hero-v2.png');background-size:auto 118%;background-position:right 52%}
.approved-copy{width:min(57%,43rem);padding-top:92px}
.approved-copy h1{font-size:clamp(3rem,4.25vw,4.15rem);line-height:1.02;letter-spacing:-.05em}
.approved-copy h1>span{color:#f7f8fc}
.approved-copy h1 em{background:linear-gradient(100deg,#a7df38 0%,#35c89d 58%,#22afd9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-copy h1 em b{background:linear-gradient(100deg,#1ba9e4 0%,#167ded 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-benefits{gap:0;padding:1.5rem 0 1.7rem;background:linear-gradient(90deg,rgba(3,10,21,.2),rgba(7,22,45,.38),rgba(3,10,21,.2))}
.approved-benefit{min-height:205px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:.55rem;padding:.4rem 1.45rem;text-align:center}
.approved-benefit:not(:first-child){border-left:1px solid rgba(129,168,230,.38)!important}
.approved-benefit span{width:5.45rem;height:5.45rem;border:0;border-radius:0;box-shadow:none}
.approved-benefit span svg{width:4.55rem;height:4.55rem;stroke-width:1.45;filter:drop-shadow(0 0 7px rgba(71,135,255,.8))}
.approved-benefit strong{font-size:1rem;font-weight:800;line-height:1.15;text-transform:uppercase;white-space:normal}
.approved-benefit small{max-width:14rem;color:#c6cfdd;font-size:.88rem;line-height:1.43}
.approved-benefit:hover{background:rgba(20,63,130,.18)!important}
@media(max-width:1100px) and (min-width:721px){.approved-copy{width:63%;padding-top:75px}.approved-benefits{grid-template-columns:repeat(2,1fr)}.approved-benefit{min-height:190px}.approved-benefit:nth-child(odd){border-left:0!important}.approved-benefit:nth-child(n+3){border-top:1px solid rgba(129,168,230,.38)!important}}
@media(max-width:720px){.approved-hero,.approved-hero__inner{min-height:520px}.approved-hero__art{inset:0 -1rem 0 -1rem;background-size:auto 100%;background-position:67% 50%}.approved-copy{width:100%;padding-top:255px}.approved-copy h1{font-size:clamp(2.5rem,11vw,3.4rem)}.approved-benefits{padding:1.1rem 0 1.2rem}.approved-benefit{min-height:210px;padding:.35rem .75rem}.approved-benefit:nth-child(odd){border-left:0!important}.approved-benefit:nth-child(n+3){border-top:1px solid rgba(129,168,230,.38)!important}.approved-benefit span{width:4.35rem;height:4.35rem}.approved-benefit span svg{width:3.75rem;height:3.75rem}.approved-benefit strong{font-size:.82rem}.approved-benefit small{font-size:.76rem;line-height:1.38}}

/* Zwarta pierwsza odsłona: pakiet startowy jest widoczny bez przewijania. */
.approved-brand__mark{mix-blend-mode:screen!important;background-color:transparent}
.approved-hero,.approved-hero__inner{min-height:350px}
.approved-hero__art{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.96) 33%,rgba(2,7,17,.48) 54%,rgba(2,7,17,.2) 76%,rgba(2,7,17,.62) 100%),url('/smartdomgda-hero-v2.png');background-size:auto 112%;background-position:right 50%}
.approved-copy{width:min(54%,39rem);padding-top:55px}
.approved-copy h1{font-size:clamp(2.8rem,3.7vw,3.55rem);line-height:1.03}
.approved-copy p{margin-top:1rem;font-size:clamp(.88rem,1vw,1.04rem)}
.approved-actions{gap:1rem;margin-top:1.15rem}
.approved-button{min-height:3.15rem;gap:1rem;padding:.65rem 1.25rem;font-size:.96rem;font-weight:700;letter-spacing:.01em}
.approved-button b{width:2.15rem;height:2.15rem;border-width:2px;font-size:1.2rem;font-weight:900;line-height:1;background:rgba(255,255,255,.2);box-shadow:0 0 11px rgba(126,183,255,.32)}
.approved-button--gold b{background:rgba(255,255,255,.48)}
.approved-button--line b{border-color:#cfe5ff;background:rgba(45,120,255,.28)}
.approved-benefits{padding:.7rem 0 .85rem}
.approved-benefit{min-height:140px;gap:.3rem;padding:.15rem 1rem}
.approved-benefit span{width:4.15rem;height:4.15rem}
.approved-benefit span svg{width:3.45rem;height:3.45rem;filter:drop-shadow(0 0 5px rgba(71,135,255,.75))}
.approved-benefit strong{font-size:.88rem}
.approved-benefit small{font-size:.75rem;line-height:1.35}
@media(max-width:1100px) and (min-width:721px){.approved-hero,.approved-hero__inner{min-height:370px}.approved-copy{width:59%;padding-top:55px}.approved-benefit{min-height:145px}}
@media(max-width:720px){.approved-hero,.approved-hero__inner{min-height:500px}.approved-copy{padding-top:245px}.approved-benefits{padding:.8rem 0}.approved-benefit{min-height:180px}.approved-benefit span{width:3.8rem;height:3.8rem}.approved-benefit span svg{width:3.15rem;height:3.15rem}.approved-benefit small{font-size:.71rem}.approved-button{font-size:.92rem;font-weight:700}}

/* Jeszcze krótsza wersja desktopowa: pakiet startowy mieści się w pierwszym widoku. */
@media(min-width:721px){.approved-brand__mark{width:20rem!important;height:6rem!important}.approved-hero,.approved-hero__inner{min-height:305px}.approved-hero__art{background-size:auto 107%;background-position:right 50%}.approved-copy{padding-top:36px}.approved-copy h1{font-size:clamp(2.7rem,3.45vw,3.4rem)}.approved-benefits{padding:.4rem 0 .5rem}.approved-benefit{min-height:120px;padding:0 .8rem}.approved-benefit span{width:3.8rem;height:3.8rem}.approved-benefit span svg{width:3.15rem;height:3.15rem}.approved-benefit strong{font-size:.82rem}.approved-benefit small{font-size:.7rem;line-height:1.3}}

/* Pełny oddech dla dolnych części liter g i p w haśle. */
.approved-copy h1{line-height:1.1;overflow:visible;padding:.03em 0 .08em}
.approved-copy h1 em{line-height:1.08;padding-bottom:.07em}
@media(min-width:721px){.approved-copy h1{font-size:clamp(2.65rem,3.35vw,3.32rem)}}

/* Przestrzenniejsza część oferty: pakiet i dalsze wejścia są osobnymi sekcjami. */
.approved-actions{flex-wrap:wrap;gap:.75rem}
.approved-button{gap:.75rem;padding:.62rem 1rem;font-size:.9rem}
.approved-button--config{border-color:#54cfc0;background:rgba(8,76,96,.28);color:#d9fffa}
.approved-button--config b{border-color:#79e1d4;background:rgba(42,178,174,.24)}
@media(min-width:721px){.approved-benefits{padding:1.25rem 0 1.35rem}.approved-benefit{min-height:178px;gap:.5rem;padding:.35rem 1.25rem}.approved-benefit span{width:4.85rem;height:4.85rem}.approved-benefit span svg{width:4.05rem;height:4.05rem}.approved-benefit strong{font-size:.96rem}.approved-benefit small{font-size:.82rem;line-height:1.4}}

/* Szeroki układ głównej oferty: pakiet na pierwszej stronie, dalsze wejścia niżej. */
@media(min-width:721px){.approved-width{width:min(97%,1760px)}.approved-hero,.approved-hero__inner{min-height:380px}.approved-hero__art{background-size:auto 112%;background-position:right 52%}.approved-copy{width:min(55%,43rem);padding-top:60px}.approved-copy h1{font-size:clamp(2.72rem,3.55vw,3.52rem)}.approved-benefits{padding:.8rem 0 .9rem}.approved-benefit{min-height:165px;padding:.3rem 1.15rem}.approved-benefit span{width:4.45rem;height:4.45rem}.approved-benefit span svg{width:3.7rem;height:3.7rem}.approved-benefit strong{font-size:.9rem}.approved-benefit small{font-size:.77rem;line-height:1.36}}
.approved-configurator{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:10.5rem;margin-top:1rem;padding:1.45rem 2rem;overflow:hidden;border:1px solid rgba(64,206,191,.68);border-radius:14px;background:linear-gradient(105deg,rgba(5,35,53,.96),rgba(5,20,45,.94) 54%,rgba(15,78,128,.62));box-shadow:inset 0 0 34px rgba(33,153,199,.14)}
.approved-configurator::before{content:"";position:absolute;right:-7rem;top:-9rem;width:23rem;height:23rem;border-radius:50%;background:radial-gradient(circle,rgba(49,214,202,.24),transparent 67%);pointer-events:none}
.approved-configurator>div,.approved-configurator>a{position:relative;z-index:1}.approved-configurator>div>span{display:block;color:#7fe7d3;font-size:.72rem;font-weight:900;letter-spacing:.14em}.approved-configurator strong{display:block;margin:.32rem 0 .45rem;font-size:clamp(1.5rem,2.35vw,2.4rem);line-height:1.05}.approved-configurator strong em{font-style:normal;color:#40d0c3}.approved-configurator p{max-width:44rem;margin:0;color:#d1e8f3;font-size:.96rem;line-height:1.45}.approved-configurator>a{display:inline-flex;align-items:center;justify-content:center;gap:1rem;flex:0 0 auto;min-height:3.2rem;padding:.65rem 1.2rem;border:1px solid #76e6d8;border-radius:999px;background:rgba(4,23,45,.54);color:#edfffb;font-weight:800;text-decoration:none}.approved-configurator>a:hover{background:rgba(47,186,176,.25)}.approved-configurator b{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:1px solid currentColor;border-radius:50%;font-size:1rem}

/* Tło znaku płynnie przechodzi w pasek nagłówka, bez osobnej czarnej ramki. */
.approved-header{isolation:isolate}
.approved-header::before{content:"";position:absolute;z-index:0;top:0;bottom:-1.25rem;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,#00030c 0%,#00030c 64%,rgba(0,3,12,.9) 78%,rgba(2,7,17,0) 100%)}
.approved-header>*{position:relative;z-index:1}
@media(max-width:720px){.approved-configurator{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:.7rem;padding:1.15rem}.approved-configurator strong{font-size:1.5rem}.approved-configurator p{font-size:.86rem}.approved-configurator>a{width:100%}}

/* Kolejność decyzji: najpierw inspiracje, potem konfigurator i pakiet — jeden pod drugim. */
.approved-topics{margin-top:.65rem}
.approved-topic{height:240px;padding:1.25rem 1.55rem}
.approved-topic span{font-size:1.28rem;letter-spacing:.01em}
.approved-topic--scenes span{color:#82d8ff}.approved-topic--scenes b{background:#1b86ce;border-color:#62c5f2}
.approved-topic--automation span{color:#81e7a6}.approved-topic--automation b{background:#188762;border-color:#65daa0}
.approved-topic--integrations span{color:#ffd269}.approved-topic--integrations b{background:#b87814;border-color:#f1c650}
.approved-configurator{min-height:13rem;margin-top:1.15rem;padding:1.8rem 2.35rem;border-color:rgba(79,224,210,.82);background:linear-gradient(104deg,rgba(4,49,67,.98),rgba(5,23,50,.97) 54%,rgba(20,93,144,.72));box-shadow:inset 0 0 42px rgba(51,199,190,.18),0 12px 32px rgba(0,0,0,.16)}
.approved-configurator>div>span{color:#91f4dc;font-size:.8rem}
.approved-configurator strong{margin:.4rem 0 .55rem;font-size:clamp(1.85rem,2.8vw,2.8rem);color:#f0fffc}
.approved-configurator strong em{background:linear-gradient(96deg,#7aedcf,#22a9ec);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-configurator p{max-width:49rem;font-size:1.08rem;line-height:1.5}
.approved-configurator>a{min-height:4.1rem;gap:1.15rem;padding:.8rem 1.55rem;border-color:#8af0df;background:linear-gradient(105deg,rgba(9,50,76,.95),rgba(17,126,145,.78));box-shadow:0 0 24px rgba(63,211,197,.22);font-size:1.04rem}
.approved-configurator>a:hover{background:linear-gradient(105deg,#147c91,#229cc0);transform:translateY(-2px)}
.approved-configurator b{width:2.15rem;height:2.15rem;font-size:1.15rem}
.approved-configurator + .approved-starter{margin-top:1rem}
.approved-starter strong{color:#f3f7ff;font-weight:600}.approved-starter strong em{background:linear-gradient(96deg,#48c8ff,#3e71ff);-webkit-background-clip:text;background-clip:text;color:transparent}.approved-starter strong i{font-style:normal;color:#ffd368;text-shadow:0 0 18px rgba(255,192,67,.26)}
@media(max-width:1140px) and (min-width:721px){.approved-topic{height:198px}}
@media(max-width:720px){.approved-topics{margin-top:.6rem}.approved-topic{height:162px;padding:.8rem}.approved-topic span{font-size:1rem}.approved-configurator{min-height:auto;margin-top:.8rem;padding:1.3rem}.approved-configurator>div>span{font-size:.7rem}.approved-configurator strong{font-size:1.72rem}.approved-configurator p{font-size:.92rem}.approved-configurator>a{min-height:3.55rem;font-size:.96rem}.approved-configurator + .approved-starter{margin-top:.8rem}}

/* Większa szerokość desktopowa: wykorzystuje około połowy wolnych bocznych marginesów. */
@media(min-width:721px){.approved-width{width:min(97%,2070px)}}

/* Większy odczyt znaku na szerokim ekranie — zachowuje proporcje oryginalnego logo. */
@media(min-width:721px){.approved-brand__mark{width:22.5rem!important;height:6.75rem!important}}

/* Dom jest mocnym drugim planem hero: większy, jaśniejszy, lecz nie zasłania hasła. */
@media(min-width:721px){.approved-hero__art{background-image:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.98) 30%,rgba(2,7,17,.56) 45%,rgba(2,7,17,.12) 63%,rgba(2,7,17,.28) 84%,#020711 100%),url('/smartdomgda-hero-v2.png');background-size:auto 150%;background-position:right 52%}}

/* Jeden znak marki na stronie głównej i wszystkich podstronach. */
.detail-header{width:min(97%,2070px);min-height:7.75rem;display:grid!important;grid-template-columns:minmax(9rem,1fr) auto minmax(16rem,1fr);align-items:center;gap:1rem;isolation:isolate}
.detail-header::before{content:"";position:absolute;z-index:0;top:0;bottom:-1.2rem;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,#00030c 0%,#00030c 68%,rgba(0,3,12,.88) 84%,rgba(2,7,17,0) 100%)}
.detail-header>*{position:relative;z-index:1}
.detail-brand{display:block;grid-column:2;justify-self:center;margin:0!important;transform:none!important}
.detail-brand__logo{display:block;width:22.5rem;height:6.75rem;background:url('/smartdomgda-logo-neonowe.png') center / 100% auto no-repeat;mix-blend-mode:screen}
.detail-brand__back{grid-column:1;justify-self:start;display:inline-flex;align-items:center;min-height:3rem;padding:.55rem 1rem;border:1px solid rgba(250,202,79,.88);border-radius:999px;background:linear-gradient(105deg,rgba(73,46,4,.43),rgba(8,19,40,.78));box-shadow:inset 0 0 18px rgba(255,197,55,.08),0 0 18px rgba(240,177,33,.07);color:#ffd56b!important;font-size:1rem;font-weight:900;letter-spacing:.01em;text-decoration:none;transform:none!important}
.detail-brand__back:hover{background:linear-gradient(105deg,rgba(133,85,7,.58),rgba(13,44,82,.9));border-color:#ffe09a}
.detail-header__contacts{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.8rem}
.approved-head-contact{gap:.8rem}.approved-head-contact a,.detail-contact{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.75rem;padding:.72rem 1.35rem;border:1px solid rgba(249,205,90,.88);border-radius:999px;background:linear-gradient(105deg,rgba(80,49,5,.43),rgba(8,24,52,.9));box-shadow:inset 0 0 19px rgba(255,203,71,.07),0 7px 19px rgba(0,0,0,.16);color:#fff6dc!important;font-size:clamp(.95rem,1.1vw,1.08rem);font-weight:800;letter-spacing:.01em;text-decoration:none}
.approved-head-contact a span,.detail-contact span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,215,112,.78);border-radius:50%;background:rgba(251,189,51,.13);color:#ffd466!important;font-size:1.05rem;line-height:1}
.approved-head-contact a:hover,.detail-contact:hover{border-color:#ffdc82!important;background:linear-gradient(105deg,rgba(139,83,5,.62),rgba(18,57,104,.94))!important;box-shadow:0 0 22px rgba(247,189,56,.18)}
@media(max-width:1140px) and (min-width:721px){.detail-header{grid-template-columns:1fr auto 1fr;min-height:auto;padding:1rem 0}.detail-brand__logo{width:19rem;height:5.7rem}.detail-header__contacts{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.detail-contact{min-width:0;padding:.65rem .8rem;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:720px){.detail-header{grid-template-columns:1fr auto;min-height:auto;padding:.9rem 0 1.05rem;gap:.55rem}.detail-brand{grid-column:2;grid-row:1}.detail-brand__logo{width:12.8rem;height:3.84rem}.detail-brand__back{grid-column:1;grid-row:1;min-height:2.65rem;padding:.42rem .7rem;font-size:.76rem}.detail-header__contacts{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.approved-head-contact a,.detail-contact{min-width:0;min-height:3rem;padding:.5rem .55rem;font-size:.7rem;overflow:hidden;text-overflow:ellipsis}.approved-head-contact a span,.detail-contact span{width:1.55rem;height:1.55rem;font-size:.84rem}}

/* Na średnich ekranach kontakt ma własny wiersz, dzięki czemu nie nachodzi na logo. */
@media(max-width:1500px) and (min-width:721px){.detail-header{grid-template-columns:1fr auto 1fr;min-height:auto;padding:1rem 0}.detail-brand__back{grid-column:1;grid-row:1}.detail-brand{grid-column:2;grid-row:1}.detail-header__contacts{grid-column:1/-1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%}.detail-contact{min-width:0;overflow:hidden;text-overflow:ellipsis}}

/* Kreator wyceny indywidualnej — podgląd bez wysyłki. */
.estimator-page{min-height:100svh;background:radial-gradient(circle at 84% 11%,rgba(35,96,220,.18),transparent 30%),#020711;color:#f2f6ff;font-family:Arial,Helvetica,sans-serif}.estimator-shell{width:min(94%,1320px);margin:0 auto;padding:1.25rem 0 4rem}.estimator-intro{max-width:43rem;margin:1.2rem 0 1.5rem}.estimator-intro p,.estimator-kicker{margin:0;color:#73a8ff;font-size:.78rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.estimator-intro h1{margin:.6rem 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.055em}.estimator-intro>span{display:block;max-width:36rem;color:#c1d0e4;line-height:1.6}.estimator-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;max-width:54rem;margin:2rem 0 1.2rem;padding:0;list-style:none}.estimator-steps li{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;border:1px solid #173e73;border-radius:10px;color:#879ab5}.estimator-steps b{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#0c1a32;color:#9bbdff;font-size:.72rem}.estimator-steps li.is-active{border-color:#4e8dff;color:#f6f9ff;background:linear-gradient(110deg,#0a234c,#06152c)}.estimator-steps li.is-active b,.estimator-steps li.is-done b{background:#2e71dd;color:white}.estimator-steps li.is-done{color:#c9daf0}.estimator-steps span{font-size:.78rem;font-weight:700}.estimator-panel{border:1px solid #1e579e;border-radius:18px;background:linear-gradient(135deg,rgba(7,22,47,.96),rgba(2,9,21,.95));box-shadow:inset 0 0 32px rgba(35,103,245,.08),0 20px 45px rgba(0,0,0,.2);padding:clamp(1.1rem,3vw,2.4rem)}.estimator-start{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(15rem,.7fr);gap:3rem;align-items:center;min-height:22rem}.estimator-start h2,.estimator-panel__heading h2{font-size:clamp(1.8rem,3vw,3rem);margin:.5rem 0}.estimator-start p,.estimator-panel__heading p{max-width:44rem;color:#c4d1e2;line-height:1.65}.estimator-start button,.estimator-next{border:0;border-radius:999px;padding:.9rem 1.2rem;background:linear-gradient(105deg,#edb83f,#f5da79);color:#151004;font-weight:900;font-size:.95rem;cursor:pointer}.estimator-start button b,.estimator-next b{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;margin-left:1rem;border:1px solid currentColor;border-radius:50%}.estimator-start aside{display:flex;flex-direction:column;gap:.85rem;padding:1.35rem;border:1px solid #245da7;border-radius:14px;background:rgba(4,14,31,.72)}.estimator-start aside strong{font-size:1.15rem}.estimator-start aside p{margin:0;font-size:.88rem}.estimator-start aside span{color:#b8d5ff;font-size:.86rem}.estimator-panel__heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:1.45rem}.estimator-panel__heading>strong{display:flex;align-items:baseline;gap:.35rem;color:#5b96ff;font-size:clamp(2.2rem,4vw,3.6rem);white-space:nowrap}.estimator-panel__heading>strong small{font-size:.32em;color:#aec4e4}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.room-card{min-height:9rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border:1px solid #1c4e90;border-radius:13px;background:#06142b;color:#f3f7ff;text-align:left;cursor:pointer}.room-card:hover{border-color:#67a1ff;background:#09204a}.room-card.is-selected{border-color:#6fa7ff;background:linear-gradient(145deg,#0c2b60,#071b39);box-shadow:inset 0 0 18px rgba(59,127,255,.18)}.room-card i{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid #518cf1;border-radius:50%;font-style:normal;color:#b8d8ff}.room-card b{font-size:1rem}.room-card span{color:#afc2d9;font-size:.76rem}.room-card em{position:absolute;right:.85rem;top:.75rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid #477fcf;color:#8ab7ff;font-style:normal}.room-card.is-selected em{background:#4b8df7;color:#fff}.estimator-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem}.estimator-back{border:1px solid #5f91d8;border-radius:999px;padding:.8rem 1rem;background:transparent;color:#d8e7fc;cursor:pointer}.equipment-layout{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1rem}.room-tabs{display:flex;flex-direction:column;gap:.45rem}.room-tabs button{padding:.85rem 1rem;border:1px solid #1c4e90;border-radius:9px;background:#06142a;color:#c7d8ef;text-align:left;cursor:pointer}.room-tabs button.is-active{background:#1c60d4;border-color:#79aaff;color:#fff}.equipment-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.equipment-list article{display:flex;align-items:center;gap:.75rem;padding:.85rem;border:1px solid #1b4e92;border-radius:12px;background:rgba(4,15,33,.72)}.equipment-list article>i{display:grid;place-items:center;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;border:1px solid #4e89ed;border-radius:50%;font-style:normal;color:#b8d7ff}.equipment-list article>div:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:.18rem}.equipment-list article b{font-size:.88rem}.equipment-list article span{font-size:.71rem;color:#a8bdd4}.counter{display:flex;align-items:center;gap:.35rem}.counter button{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid #5d95ed;border-radius:50%;background:#0b2c5f;color:#e9f2ff;font-size:1.1rem;cursor:pointer}.counter strong{width:1.4rem;text-align:center;color:#7eaeff}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1rem}.summary-grid section{display:flex;flex-direction:column;gap:.6rem;min-height:12rem;padding:1rem;border:1px solid #21579f;border-radius:12px;background:rgba(3,13,29,.72)}.summary-grid section>b{font-size:1rem}.summary-grid section>span{font-size:.84rem;color:#c4d8f3}.summary-contact input{width:100%;box-sizing:border-box;padding:.75rem;border:1px solid #2c619e;border-radius:8px;background:#071a35;color:#fff}.summary-contact input::placeholder{color:#8da4c2}.estimator-next--disabled{opacity:.62;cursor:not-allowed}.preview-note{display:block;margin-top:1rem;color:#94acd0;font-size:.74rem;text-align:right}
@media(max-width:850px){.estimator-steps{max-width:none}.room-grid{grid-template-columns:repeat(2,1fr)}.equipment-list{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.summary-contact{grid-column:1/-1}}
@media(max-width:620px){.estimator-shell{width:min(100% - 1.4rem,620px);padding-top:.5rem}.estimator-intro h1{font-size:2.55rem}.estimator-steps{grid-template-columns:1fr 1fr}.estimator-start{grid-template-columns:1fr;gap:1.2rem}.estimator-panel{padding:1rem}.estimator-panel__heading{flex-direction:column;gap:.6rem}.room-grid{grid-template-columns:1fr 1fr}.equipment-layout{grid-template-columns:1fr}.room-tabs{display:grid;grid-template-columns:1fr 1fr}.equipment-list article{padding:.75rem}.summary-grid{grid-template-columns:1fr}.summary-contact{grid-column:auto}.estimator-actions{align-items:stretch;flex-direction:column-reverse}.estimator-actions button{width:100%}.preview-note{text-align:left}}

/* Podstawowy kreator: tylko światło, gniazdka i zapotrzebowanie na kamerę. */
.basic-equipment{display:grid;gap:.85rem}.basic-group,.camera-question{border:1px solid #1b4e92;border-radius:13px;background:rgba(4,15,33,.72);overflow:hidden}.basic-group__heading{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem;border-bottom:1px solid rgba(66,119,192,.42)}.basic-group__heading>i,.camera-question>i{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid #4e89ed;border-radius:50%;font-style:normal;color:#b8d7ff}.basic-group__heading>div{display:flex;flex-direction:column;gap:.18rem}.basic-group__heading b,.camera-question b{font-size:.98rem}.basic-group__heading span,.camera-question span{color:#aec3dd;font-size:.76rem;line-height:1.4}.basic-group__heading>strong{display:flex;flex-direction:column;text-align:right;color:#78aaff;font-size:1.35rem}.basic-group__heading>strong small{color:#b5c8e4;font-size:.56rem;font-weight:600}.basic-counter{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(66,119,192,.27)}.basic-counter:last-child{border-bottom:0}.basic-counter>div:first-child{display:flex;flex-direction:column;gap:.18rem}.basic-counter b{font-size:.86rem}.basic-counter span{color:#9fb6d0;font-size:.72rem}.camera-question{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem}.camera-question>div{display:flex;flex-direction:column;gap:.18rem}.camera-question>button{border:1px solid #5b8fda;border-radius:999px;padding:.7rem .9rem;background:transparent;color:#dceaff;font-size:.78rem;font-weight:700;cursor:pointer}.camera-question>button.is-selected{border-color:#e6ba4e;background:linear-gradient(105deg,#d99f26,#f3d36f);color:#151004}.summary-rooms span{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.5rem;border-bottom:1px solid rgba(66,119,192,.27)}.summary-rooms span:last-child{border-bottom:0}.summary-rooms span strong{color:#edf4ff;font-size:.86rem}
@media(max-width:620px){.basic-group__heading{grid-template-columns:2.45rem minmax(0,1fr)}.basic-group__heading>strong{grid-column:1/-1;align-items:flex-start;text-align:left;padding-left:3.3rem}.camera-question{grid-template-columns:2.45rem minmax(0,1fr)}.camera-question>button{grid-column:1/-1;width:100%}.basic-counter{padding:.78rem}.basic-counter .counter button{width:2rem;height:2rem}}

/* Kolejna wersja kreatora: duża nawigacja i dodatkowe opcje. */
.estimator-steps li{padding:0;border:0;background:transparent}.estimator-steps li>button{display:flex;align-items:center;gap:.8rem;width:100%;padding:.95rem 1.05rem;border:1px solid #173e73;border-radius:11px;background:#06142b;color:#a9bbd3;text-align:left;cursor:pointer}.estimator-steps li>button:hover{border-color:#6a9eff;background:#09204a}.estimator-steps li b{width:2.15rem;height:2.15rem;font-size:.82rem}.estimator-steps li span{font-size:.92rem;letter-spacing:.01em}.estimator-steps li.is-active>button{border-color:#4e8dff;color:#f6f9ff;background:linear-gradient(110deg,#0a234c,#06152c)}.estimator-steps li.is-done>button{color:#d9e6f8}.basic-counter b{font-size:1rem}.basic-counter span{font-size:.82rem}.extra-options,.home-extras{padding:1.1rem;border:1px solid #2461ad;border-radius:14px;background:linear-gradient(135deg,rgba(9,30,63,.7),rgba(3,13,29,.72))}.extra-options__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.extra-options__heading h3{margin:.35rem 0;font-size:1.35rem}.extra-options__heading p{max-width:43rem;margin:0;color:#bbcae0;font-size:.9rem;line-height:1.55}.extra-options__heading>strong{display:flex;flex-direction:column;color:#78aaff;font-size:1.7rem;text-align:right}.extra-options__heading>strong small{color:#b6c9e5;font-size:.5rem;font-weight:600}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.choice-button{display:flex;align-items:center;gap:.7rem;min-height:4.6rem;padding:.72rem .8rem;border:1px solid #24538e;border-radius:10px;background:rgba(3,12,27,.68);color:#dce9fa;text-align:left;cursor:pointer}.choice-button:hover{border-color:#71a8ff;background:#0a2248}.choice-button.is-selected{border-color:#e4b448;background:linear-gradient(110deg,rgba(214,155,32,.28),rgba(17,57,116,.6));box-shadow:inset 0 0 16px rgba(229,180,70,.11)}.choice-button>i{display:grid;place-items:center;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;border:1px solid #558cea;border-radius:50%;font-style:normal;color:#bcd6ff}.choice-button.is-selected>i{border-color:#f2ce6c;background:#e2ae37;color:#161104}.choice-button>span{display:flex;flex-direction:column;gap:.15rem}.choice-button b{font-size:.9rem}.choice-button small{color:#a8bdd4;font-size:.73rem;line-height:1.35}.irrigation-select{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:.8rem;border:1px solid rgba(74,132,221,.55);border-radius:9px;background:#061831}.irrigation-select span{font-size:.88rem;font-weight:700}.irrigation-select select{min-width:12rem;padding:.65rem .75rem;border:1px solid #477cc8;border-radius:7px;background:#091f42;color:#e9f2ff}.room-note{display:flex;flex-direction:column;gap:.45rem;margin-top:.9rem}.room-note>span{font-size:.95rem;font-weight:800}.room-note textarea{min-height:6.5rem;box-sizing:border-box;width:100%;resize:vertical;padding:.8rem;border:1px solid #2c619e;border-radius:8px;background:#071a35;color:#f5f8ff;font:inherit;font-size:.88rem;line-height:1.5}.room-note textarea::placeholder{color:#8da4c2}.room-note small{text-align:right;color:#91a9c8;font-size:.72rem}.home-extras{margin-bottom:1rem}.summary-grid{margin-top:1rem}
@media(max-width:720px){.estimator-steps li>button{padding:.82rem}.estimator-steps li span{font-size:.82rem}.estimator-steps li b{width:1.9rem;height:1.9rem;font-size:.72rem}.choice-grid{grid-template-columns:1fr}.extra-options,.home-extras{padding:.85rem}.extra-options__heading{flex-direction:column;gap:.45rem}.extra-options__heading>strong{text-align:left}.irrigation-select{align-items:stretch;flex-direction:column}.irrigation-select select{min-width:0;width:100%}.basic-counter b{font-size:.94rem}.basic-counter span{font-size:.78rem}}

/* Czytelna wersja dla dużego ekranu: większe litery, duże ikony MDI i większe pola dotykowe. */
.estimator-intro>span{font-size:1.08rem}.estimator-steps{max-width:66rem;gap:.8rem}.estimator-steps li>button{gap:1rem;padding:1.05rem 1.2rem}.estimator-steps li b{width:2.55rem;height:2.55rem;font-size:.96rem}.estimator-steps li span{font-size:1.08rem;font-weight:800}.estimator-panel__heading p,.estimator-start p{font-size:1.05rem}.room-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.room-card{min-height:11.1rem;gap:.55rem;padding:1.2rem}.room-card i{width:3.5rem;height:3.5rem;border-width:1.5px}.room-card i svg{width:2rem!important;height:2rem!important}.room-card b{font-size:1.18rem}.room-card span{font-size:.91rem;line-height:1.4}.room-card em{right:1rem;top:.9rem;width:1.85rem;height:1.85rem;font-size:1.05rem}.room-tabs button{padding:1rem 1.1rem;font-size:1.02rem;font-weight:800}.basic-group__heading{grid-template-columns:3.3rem minmax(0,1fr) auto;gap:1rem;padding:1.2rem}.basic-group__heading>i{width:3.1rem;height:3.1rem}.basic-group__heading>i svg{width:1.75rem!important;height:1.75rem!important}.basic-group__heading b{font-size:1.28rem}.basic-group__heading span{font-size:1rem;line-height:1.45}.basic-group__heading>strong{font-size:1.7rem}.basic-group__heading>strong small{font-size:.58rem}.basic-counter{padding:1rem 1.2rem}.basic-counter b{font-size:1.18rem}.basic-counter span{font-size:.96rem;line-height:1.35}.counter{gap:.65rem}.counter button{width:2.65rem;height:2.65rem;border-width:1.5px;font-size:1.65rem}.counter strong{width:2rem;font-size:1.32rem}.extra-options,.home-extras{padding:1.35rem}.extra-options__heading h3{font-size:1.7rem}.extra-options__heading p{font-size:1.04rem}.extra-options__heading>strong{font-size:2rem}.choice-grid{gap:.85rem}.choice-button{position:relative;gap:.95rem;min-height:6.1rem;padding:1rem 3rem 1rem 1rem}.choice-button>i{flex-basis:3.25rem;width:3.25rem;height:3.25rem;border-width:1.5px}.choice-button>i svg{width:2rem!important;height:2rem!important}.choice-button b{font-size:1.08rem}.choice-button small{font-size:.9rem;line-height:1.4}.choice-button>em{position:absolute;right:1rem;top:50%;display:grid;place-items:center;width:1.85rem;height:1.85rem;transform:translateY(-50%);border:1px solid #558cea;border-radius:50%;font-style:normal;color:#bcd6ff;font-size:1.05rem}.choice-button.is-selected>em{border-color:#f2ce6c;background:#e2ae37;color:#161104}.irrigation-select{padding:1rem;font-size:1.05rem}.irrigation-select select{padding:.82rem .9rem;font-size:1rem}.room-note>span{font-size:1.08rem}.room-note textarea{min-height:8rem;padding:1rem;font-size:1rem}.room-note small{font-size:.83rem}.summary-grid section{padding:1.2rem}.summary-grid section>b{font-size:1.16rem}.summary-grid section>span{font-size:1rem;line-height:1.45}.summary-contact input{padding:.9rem;font-size:1rem}
@media(max-width:980px){.room-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.estimator-intro>span{font-size:1rem}.estimator-steps{gap:.55rem}.estimator-steps li>button{gap:.65rem;padding:.88rem}.estimator-steps li b{width:2.1rem;height:2.1rem;font-size:.8rem}.estimator-steps li span{font-size:.88rem}.room-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.room-card{min-height:9.5rem;padding:.9rem}.room-card i{width:2.9rem;height:2.9rem}.room-card i svg{width:1.65rem!important;height:1.65rem!important}.room-card b{font-size:1rem}.room-card span{font-size:.78rem}.basic-group__heading{grid-template-columns:2.75rem minmax(0,1fr);padding:1rem}.basic-group__heading>i{width:2.6rem;height:2.6rem}.basic-group__heading>i svg{width:1.5rem!important;height:1.5rem!important}.basic-group__heading b{font-size:1.07rem}.basic-group__heading span{font-size:.86rem}.basic-counter{padding:.9rem}.basic-counter b{font-size:1rem}.basic-counter span{font-size:.84rem}.counter button{width:2.25rem;height:2.25rem;font-size:1.4rem}.extra-options,.home-extras{padding:1rem}.extra-options__heading h3{font-size:1.35rem}.choice-button{min-height:5.1rem;padding:.8rem 2.7rem .8rem .8rem}.choice-button>i{flex-basis:2.65rem;width:2.65rem;height:2.65rem}.choice-button>i svg{width:1.6rem!important;height:1.6rem!important}.choice-button b{font-size:.98rem}.choice-button small{font-size:.8rem}.choice-button>em{right:.75rem;width:1.55rem;height:1.55rem;font-size:.9rem}}

/* Charakter tytułów stron: jedna linia i kolor przypisany do tematu. */
.estimator-intro h1{max-width:54rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.04;letter-spacing:-.045em}.estimator-intro h1 span{color:#f3f7ff}.estimator-intro h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-style:italic;background:linear-gradient(100deg,#e9bd46,#6ae4d5,#548fff);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.detail-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.042em}.detail-page--energia .detail-copy h1{background:linear-gradient(100deg,#cde981,#73dfb4,#e9bd46);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-page--bezpieczenstwo .detail-copy h1{background:linear-gradient(100deg,#7ce1d8,#80b6ff,#f2d675);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-page--wygoda .detail-copy h1{background:linear-gradient(100deg,#f4d578,#f4f7ff,#8cb8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-page--pelna-kontrola .detail-copy h1,.detail-page--integracje .detail-copy h1{background:linear-gradient(100deg,#b693ff,#85c6ff,#7ce1d8);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:720px){.estimator-intro h1{font-size:clamp(2rem,10vw,3rem)}.estimator-intro h1 em{white-space:normal}}

/* Czytelne pola uwag: klient od razu widzi, dla którego miejsca wpisuje treść. */
.approved-head-contact{flex-wrap:wrap;justify-content:flex-end}.approved-head-contact .approved-admin-link{min-height:3rem;padding:.56rem 1rem;border-color:rgba(95,217,201,.86);background:linear-gradient(105deg,rgba(6,74,78,.42),rgba(7,27,56,.9));color:#d9fffa!important;font-size:.86rem}.approved-head-contact .approved-admin-link span{width:1.65rem;height:1.65rem;border-color:rgba(123,239,219,.72);background:rgba(50,202,183,.13);color:#7fe7d3!important;font-size:.94rem}.approved-head-contact .approved-admin-link:hover{border-color:#9ff5e6!important;background:linear-gradient(105deg,rgba(11,112,103,.52),rgba(16,56,103,.94))!important}
.estimator-page .room-note{gap:.48rem;padding:1rem 1.05rem .9rem;border:1px solid rgba(236,187,72,.52);border-radius:12px;background:linear-gradient(135deg,rgba(115,75,12,.16),rgba(12,43,79,.82) 58%,rgba(6,28,57,.94));box-shadow:inset 0 0 24px rgba(243,186,65,.05)}.estimator-page .room-note__label{font-size:.72rem!important;font-weight:900!important;letter-spacing:.13em;text-transform:uppercase;color:#ffd873}.estimator-page .room-note strong{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1;color:#fff5d7}.estimator-page .room-note textarea{min-height:8.6rem;border:1px solid rgba(247,197,81,.82);background:linear-gradient(135deg,rgba(255,214,123,.18),rgba(255,164,81,.1));box-shadow:inset 0 0 20px rgba(255,203,76,.06);color:#fffdf5}.estimator-page .room-note textarea::placeholder{color:#f4d9a4}.estimator-page .room-note textarea:focus{outline:2px solid #f2c65e;outline-offset:2px;background:linear-gradient(135deg,rgba(255,222,140,.24),rgba(255,171,80,.14))}.estimator-page .room-note small{color:#e7d3a3}
.admin-placeholder{min-height:100svh;padding:clamp(1.2rem,3vw,3rem) min(6vw,5rem);background:radial-gradient(circle at 78% 18%,rgba(29,103,210,.2),transparent 30%),radial-gradient(circle at 24% 84%,rgba(226,173,44,.12),transparent 28%),#020711;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif}.admin-placeholder__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-placeholder__brand{display:block;width:clamp(15rem,24vw,22rem);height:clamp(4.6rem,7vw,6.8rem);background:url('/smartdomgda-logo-neonowe.png') center/contain no-repeat;mix-blend-mode:screen}.admin-placeholder__back,.admin-placeholder__content>a{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:1px solid rgba(244,204,95,.8);border-radius:999px;padding:.75rem 1.1rem;background:linear-gradient(105deg,rgba(87,54,5,.45),rgba(7,25,54,.86));color:#ffedbd;text-decoration:none;font-weight:800}.admin-placeholder__content{width:min(100%,48rem);margin:clamp(4rem,12vh,9rem) auto 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(69,142,245,.45);border-radius:24px;background:linear-gradient(135deg,rgba(7,29,67,.9),rgba(2,10,25,.94));box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 0 48px rgba(35,113,228,.09)}.admin-placeholder__content>span{display:block;color:#79e1d1;font-size:.74rem;font-weight:900;letter-spacing:.15em}.admin-placeholder__content h1{margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.admin-placeholder__content p{max-width:39rem;margin:0;color:#d6e4f5;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.6}.admin-placeholder__content .admin-placeholder__note{margin-top:1rem;color:#f1cf7c;font-size:.94rem}.admin-placeholder__content>a{margin-top:2rem;border-color:#63dccc;background:linear-gradient(105deg,rgba(11,113,103,.45),rgba(17,53,107,.9));color:#e5fffa}.admin-placeholder__content>a b{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid currentColor;border-radius:50%}@media(max-width:720px){.approved-head-contact .approved-admin-link{grid-column:1/-1;justify-self:stretch}.admin-placeholder{padding:1rem}.admin-placeholder__header{align-items:flex-start;flex-direction:column}.admin-placeholder__back{align-self:flex-start}.admin-placeholder__content{margin-top:4rem;border-radius:18px}}

/* Panel administratora: publicznie widoczne jest tylko bezpieczne logowanie. */
.admin-panel{min-height:100svh;padding:clamp(1.2rem,3vw,3rem) min(6vw,5rem);background:radial-gradient(circle at 80% 14%,rgba(30,113,229,.23),transparent 28%),radial-gradient(circle at 12% 88%,rgba(238,185,56,.12),transparent 27%),#020711;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif}.admin-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-panel__brand{display:block;width:clamp(15rem,24vw,22rem);height:clamp(4.6rem,7vw,6.8rem);background:url('/smartdomgda-logo-neonowe.png') center/contain no-repeat;mix-blend-mode:screen}.admin-panel__header>a,.admin-panel__header>button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(244,204,95,.8);border-radius:999px;padding:.75rem 1.1rem;background:linear-gradient(105deg,rgba(87,54,5,.45),rgba(7,25,54,.86));color:#ffedbd;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.admin-panel__content{width:min(100%,72rem);margin:clamp(2.5rem,7vh,5.5rem) auto 0}.admin-panel__intro{max-width:45rem}.admin-panel__intro>span,.admin-inquiries>div>span,.admin-dashboard__welcome span{display:block;color:#79e1d1;font-size:.74rem;font-weight:900;letter-spacing:.15em}.admin-panel__intro h1{margin:.5rem 0 .85rem;font-size:clamp(2.4rem,6vw,5.25rem);letter-spacing:-.055em;line-height:.98}.admin-panel__intro p{margin:0;color:#d6e4f5;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.6}.admin-auth-card,.admin-panel__status{width:min(100%,31rem);margin-top:2.2rem;padding:1.4rem;border:1px solid rgba(70,146,246,.55);border-radius:18px;background:linear-gradient(135deg,rgba(8,34,76,.94),rgba(3,13,30,.94));box-shadow:inset 0 0 36px rgba(48,127,234,.07)}.admin-auth-card h2{margin:0 0 .5rem;font-size:1.5rem}.admin-auth-card p,.admin-panel__status p{margin:.35rem 0 1.1rem;color:#c7d8eb;line-height:1.5}.admin-auth-card label{display:flex;flex-direction:column;gap:.4rem;margin-top:.9rem;color:#e7f0fc;font-size:.88rem;font-weight:800}.admin-auth-card input{min-height:3rem;border:1px solid rgba(109,170,248,.65);border-radius:9px;padding:.7rem .8rem;background:#06182f;color:#fff;font:inherit}.admin-auth-card input:focus{outline:2px solid #f1c65f;outline-offset:2px}.admin-auth-card button{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.1rem;border:1px solid #f1c65f;border-radius:999px;padding:.72rem 1rem;background:linear-gradient(105deg,#e5ae35,#f3d476);color:#151006;font:inherit;font-weight:900;cursor:pointer}.admin-auth-card button b{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid currentColor;border-radius:50%}.admin-auth-card small{display:block;margin-top:.9rem;color:#ffc4a7;line-height:1.4}.admin-panel__status strong{display:block;color:#ffe09a}.admin-dashboard{margin-top:2.4rem}.admin-dashboard__welcome{display:flex;align-items:end;justify-content:space-between;gap:1rem}.admin-dashboard__welcome h2{margin:.35rem 0 0;font-size:clamp(1.5rem,3vw,2.4rem)}.admin-dashboard__welcome button{border:1px solid rgba(109,220,205,.78);border-radius:999px;padding:.65rem .9rem;background:rgba(9,79,81,.35);color:#dffefa;font:inherit;font-weight:800;cursor:pointer}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1.3rem}.admin-metrics article{min-height:8.5rem;padding:1.05rem;border:1px solid rgba(68,136,226,.52);border-radius:15px;background:linear-gradient(135deg,rgba(7,31,70,.92),rgba(3,13,29,.92));box-shadow:inset 0 0 26px rgba(38,111,219,.06)}.admin-metrics article span{display:block;color:#b8cae3;font-size:.8rem;line-height:1.35}.admin-metrics article strong{display:block;margin-top:.55rem;color:#fff4ce;font-size:clamp(1.9rem,3vw,2.8rem)}.admin-inquiries{margin-top:1.4rem;padding:1.25rem;border:1px solid rgba(68,136,226,.52);border-radius:17px;background:rgba(4,19,42,.78)}.admin-inquiries h2{margin:.35rem 0 1rem;font-size:1.55rem}.admin-inquiries__list{display:flex;flex-direction:column;gap:.65rem}.admin-inquiries__list article{display:grid;grid-template-columns:minmax(13rem,1.3fr) minmax(14rem,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(65,124,207,.4);border-radius:11px;background:rgba(4,16,35,.72)}.admin-inquiries__list article>div{display:flex;flex-direction:column;align-items:flex-start;gap:.26rem;min-width:0}.admin-inquiries__list strong{font-size:1.02rem}.admin-inquiries__list small{color:#afc3dc;font-size:.77rem}.admin-inquiries__list a{max-width:100%;color:#a9e6de;font-size:.84rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.admin-kind,.admin-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:.22rem .48rem;font-size:.69rem;font-weight:900}.admin-kind--wycena{background:rgba(236,185,54,.18);color:#ffe18d}.admin-kind--kontakt{background:rgba(58,173,255,.16);color:#96d5ff}.admin-status{background:rgba(83,222,169,.14);color:#89edc1}.admin-empty{margin:0;color:#bbcee5}.admin-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem}.admin-next article{padding:1.05rem;border:1px solid rgba(78,132,217,.45);border-radius:14px;background:linear-gradient(135deg,rgba(10,31,64,.88),rgba(5,14,28,.88))}.admin-next span{color:#7fe7d3;font-size:.78rem;font-weight:900;letter-spacing:.1em}.admin-next h3{margin:.55rem 0 .35rem;font-size:1.05rem}.admin-next p{margin:0;color:#bbcee5;font-size:.86rem;line-height:1.45}@media(max-width:860px){.admin-metrics,.admin-next{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-inquiries__list article{grid-template-columns:1fr}.admin-status{justify-self:start}}@media(max-width:600px){.admin-panel{padding:1rem}.admin-panel__header{align-items:flex-start;flex-direction:column}.admin-metrics,.admin-next{grid-template-columns:1fr}.admin-dashboard__welcome{align-items:flex-start;flex-direction:column}.admin-panel__intro h1{font-size:2.7rem}}

/* Kolor informuje o rodzaju funkcji — bez zmiany czytelności tekstu. */
.choice-button>i,.room-card i{transition:background .18s ease,color .18s ease,border-color .18s ease}.choice-button--fire>i,.room-card--fire i{color:#ff7d69;border-color:#e9574d;background:rgba(228,76,60,.14)}.choice-button--warning>i{color:#ffc05c;border-color:#dd982c;background:rgba(224,145,31,.15)}.choice-button--air>i{color:#8ddcf5;border-color:#49b5dd;background:rgba(39,157,197,.15)}.choice-button--water>i,.room-card--water i{color:#65c7ff;border-color:#3a9fdd;background:rgba(44,150,215,.16)}.choice-button--water-alert>i{position:relative;color:#63c5ff;border-color:#4da5e0;background:rgba(44,150,215,.18)}.choice-button--water-alert>i::after{content:"!";position:absolute;right:-.42rem;top:-.45rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:#f07a43;color:#180907;font-size:.74rem;font-weight:900;line-height:1;box-shadow:0 0 9px rgba(240,122,67,.62)}.choice-button--door>i,.room-card--door i{color:#ffd35b;border-color:#d9a632;background:rgba(219,164,34,.16)}.choice-button--temperature>i{color:#ff9970;border-color:#e26c45;background:rgba(226,94,53,.15)}.choice-button--light>i,.room-card--light i{color:#ffe073;border-color:#e3b847;background:rgba(239,187,48,.16)}.choice-button--plant>i,.room-card--plant i{color:#7cdf9a;border-color:#3cae68;background:rgba(54,163,93,.15)}.choice-button--security>i{color:#92aaff;border-color:#567cec;background:rgba(62,101,224,.16)}.choice-button--control>i,.room-card--control i{color:#bd9cff;border-color:#9371e2;background:rgba(129,91,218,.15)}.choice-button--comfort>i,.room-card--comfort i{color:#f1a0d2;border-color:#d36cb0;background:rgba(211,93,165,.14)}.choice-button--network>i{color:#6edcff;border-color:#36a8d8;background:rgba(34,144,199,.16)}.choice-button--energy>i{color:#f5d267;border-color:#d7ad32;background:rgba(219,169,35,.16)}.choice-button.is-selected>i{box-shadow:0 0 17px currentColor}.room-card.is-selected i{box-shadow:0 0 18px currentColor}.choice-button--water-alert.is-selected>i::after{background:#ff9a51;color:#190c04}

/* Spokojniejszy rytm podstron: pełne nagłówki bez ucinania końcowych liter. */
.detail-copy h1{max-width:15ch;overflow-wrap:anywhere;font-size:clamp(2.45rem,4.15vw,4.55rem);line-height:1.01;letter-spacing:-.045em}.detail-button{margin-top:1.65rem;padding:.72rem 1rem;background:linear-gradient(100deg,#e4bc4f,#f5dc8a);box-shadow:0 0 20px rgba(234,192,77,.16)}.contact-copy h1{font-size:clamp(2.65rem,4.55vw,4.8rem);line-height:1}
@media(min-width:721px){.detail-header{grid-template-columns:auto auto minmax(0,1fr)!important}.detail-brand{grid-column:2!important;justify-self:start!important;margin-left:.15rem!important}.detail-header__contacts{grid-column:3!important;justify-self:end!important}}

.contact-simple-form__attachment{grid-column:1/-1}.contact-simple-form__attachment small{color:#b7cae6;font-size:.84rem;font-weight:500}.contact-simple-form__attachment input[type=file]{padding:.55rem;font-size:.9rem}


/* Responsywność telefonu i tabletu — końcowe reguły, nie zmieniają widoku komputerowego. */
@media (max-width: 1100px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .approved-page, .packages-page--v2, .estimator-page, .detail-page, .contact-page, .admin-panel { max-width: 100%; overflow-x: clip; }
  .approved-head-contact .approved-admin-lock { display: none !important; }
  .approved-width, .detail-header, .detail-copy, .detail-notes, .starter-package, .package-choice, .package-values, .contact-form-shell { box-sizing: border-box; max-width: 100%; }
  .package-accordion--v2, .package-accordion--v2 .package-card, .package-accordion--v2 .package-card__open { min-width: 0; }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .approved-header { min-width: 0; }
  .approved-head-contact { min-width: 0; }
  .approved-head-contact a { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .package-accordion--v2 { height: auto; min-height: 31rem; }
}

@media (max-width: 720px) {
  .approved-header { min-width: 0; }
  .approved-brand__mark { width: min(15rem, 72vw) !important; height: 4.25rem !important; }
  .approved-head-contact { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .approved-head-contact a { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .approved-topics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .65rem; }
  .approved-topic { min-width: 0; height: 10.2rem; padding: .8rem; }
  .approved-topic span { overflow-wrap: anywhere; }
  .starter-package, .package-choice, .package-values { width: calc(100% - 1.5rem); }
  .starter-package { min-width: 0; grid-template-columns: 5.3rem minmax(0, 1fr); }
  .starter-package > *, .starter-package h2, .starter-package p, .starter-package li { min-width: 0; overflow-wrap: anywhere; }
  .package-accordion--v2 { width: 100%; min-width: 0; }
  .package-accordion--v2 .package-card__open { overflow-wrap: anywhere; }
  .admin-panel { min-width: 0; padding: 1rem; }
  .admin-panel__header { align-items: flex-start; flex-direction: column; }
  .admin-panel__brand { width: min(100%, 16rem); height: 4.5rem; }
  .admin-panel__content, .admin-auth-card { box-sizing: border-box; width: 100%; }
}

/* Dwa pola kontaktowe muszą mieścić się w jednym wierszu telefonu. */
@media (max-width: 720px) {
  .approved-head-contact { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .approved-head-contact a { box-sizing: border-box; width: 100%; max-width: 100%; }
}

/* Telefon i tablet: końcowe porządki po sprawdzeniu na rzeczywistym ekranie. */
@media (max-width: 1100px) {
  html, body { width: 100%; min-width: 0; overflow-x: clip; }
  .approved-page, .packages-page, .estimator-page, .detail-page, .contact-page, .admin-panel { width: 100%; min-width: 0; overflow-x: clip; }
  .detail-header, .detail-header__contacts, .packages-intro, .starter-package, .package-choice, .package-values, .estimator-shell, .contact-options, .contact-form-shell { min-width: 0; }
  .detail-contact, .approved-head-contact a { min-width: 0; }
}

@media (max-width: 720px) {
  .approved-brand { max-width: 100%; }
  .approved-brand__mark { flex: 0 0 11rem; width: min(11rem, 78vw) !important; height: 3.1rem !important; }
  .approved-brand__text { min-width: 0; font-size: clamp(1.12rem, 6vw, 1.32rem); overflow-wrap: anywhere; }
  .approved-head-contact { align-self: stretch; }
  .approved-head-contact a, .detail-contact { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.2; }
  .approved-hero, .approved-hero__inner { min-height: 35.5rem; }
  .approved-hero__art { background-position: 72% 48%; }
  .approved-copy { width: 100% !important; min-width: 0; padding-top: 17.8rem; }
  .approved-copy h1 { max-width: 100%; font-size: clamp(2.35rem, 10vw, 2.72rem); overflow-wrap: normal; word-break: normal; }
  .approved-copy h1 em { max-width: 100%; }
  .approved-copy p, .approved-benefit, .approved-topic, .approved-starter, .approved-configurator { min-width: 0; overflow-wrap: anywhere; }
  .approved-configurator { display: flex; align-items: flex-start; flex-direction: column; gap: .9rem; }
  .approved-configurator > a { width: 100%; }
  .approved-starter { padding-left: 7.4rem; }
  .approved-starter__cube { width: 6.4rem; height: 4.9rem; }
  .detail-header { width: min(100% - 1.4rem, 620px); }
  .detail-header__contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-contact { justify-content: center; }
  .starter-package { width: min(100% - 1.4rem, 620px); grid-template-columns: 5rem minmax(0, 1fr); }
  .starter-package ul { grid-template-columns: 1fr; }
  .package-choice, .package-values { width: min(100% - 1.4rem, 620px); }
  .package-accordion--v2 .package-card, .package-accordion--v2 .package-card__open { min-width: 0; }
  .package-accordion--v2 .package-card__open { overflow-wrap: anywhere; }
  .estimator-shell { width: min(100% - 1.4rem, 620px); }
  .estimator-intro h1, .estimator-intro h1 em { overflow-wrap: anywhere; }
  .estimator-panel, .estimator-panel * { min-width: 0; }
  .estimator-page .contact-form__hours { grid-template-columns: 1fr !important; }
  .estimator-page .contact-form__hours label, .estimator-page .contact-form__hours select { width: 100%; }
  .contact-options, .contact-form-shell { width: min(100% - 1.4rem, 620px); }
  .admin-panel { padding: .85rem; }
  .admin-panel__brand { width: min(100%, 14rem); height: 4rem; }
}

@media (max-width: 440px) {
  .approved-head-contact, .detail-header__contacts { grid-template-columns: 1fr !important; }
  .approved-head-contact a, .detail-contact { min-height: 2.9rem; font-size: .78rem; }
  .approved-hero, .approved-hero__inner { min-height: 37rem; }
  .approved-copy { padding-top: 19.2rem; }
  .approved-copy h1 { font-size: clamp(2.28rem, 10vw, 2.58rem); }
  .approved-benefit { align-items: flex-start; }
  .approved-starter { padding-left: 1rem; padding-top: 6rem; }
  .approved-starter__cube { left: 50%; top: .35rem; transform: translateX(-50%); }
  .starter-package { grid-template-columns: 1fr; }
  .starter-package__art { height: 6rem; }
  .starter-package > strong { grid-column: auto; }
  .package-values { grid-template-columns: 1fr; }
  .package-values span { border-right: 0; }
  .package-values span:nth-last-child(-n+2) { border-bottom: 1px solid #19508f; }
  .package-values span:last-child { border-bottom: 0; }
  .room-grid { grid-template-columns: 1fr; }
}

/* Telefon i tablet: zwarta skala elementów dotykowych. */
@media (max-width: 720px) {
  .approved-width { width: min(100% - 1.25rem, 38rem); }
  .approved-header { gap: .5rem; padding: .65rem 0; }
  .approved-brand__mark { flex-basis: 8.7rem; width: min(8.7rem, 64vw) !important; height: 2.45rem !important; }
  .approved-head-contact { gap: .35rem; }
  .approved-head-contact a { min-height: 2.3rem; padding: .28rem .35rem; font-size: .59rem; line-height: 1.1; white-space: nowrap; }
  .approved-head-contact a span { font-size: .88rem; }
  .approved-hero, .approved-hero__inner { min-height: 28.5rem; }
  .approved-hero__art { inset: 48px -1rem 0 12%; background-size: 190% auto; background-position: 82% 12%; }
  .approved-copy { padding-top: 14.2rem; }
  .approved-copy h1 { font-size: clamp(1.78rem, 8vw, 2.28rem); line-height: .98; }
  .approved-copy p { margin-top: .7rem; font-size: .78rem; line-height: 1.42; }
  .approved-actions { grid-template-columns: 1fr 1fr; gap: .45rem; margin-top: .85rem; }
  .approved-button { min-height: 2.4rem; gap: .45rem; padding: .4rem .6rem; font-size: .72rem; }
  .approved-button b { width: 1.3rem; height: 1.3rem; font-size: .76rem; }
  .approved-benefits { gap: .45rem; }
  .approved-benefit { min-height: 3.9rem; gap: .45rem; padding: .45rem; }
  .approved-benefit span { width: 2rem; height: 2rem; font-size: .9rem; }
  .approved-benefit strong { font-size: .63rem; line-height: 1.18; }
  .approved-starter { min-height: 6.7rem; padding: .7rem .7rem .7rem 5.25rem; gap: .4rem; }
  .approved-starter__cube { width: 4.5rem; height: 3.4rem; }
  .approved-starter strong { font-size: 1rem; }
  .approved-starter__ask { min-height: 2.15rem; padding: .35rem .55rem; font-size: .68rem; }
  .approved-topics { gap: .45rem; }
  .approved-topic { height: 6.6rem; padding: .5rem .6rem; }
  .approved-topic span { font-size: .7rem; line-height: 1.12; }
  .approved-topic b { width: 1.05rem; height: 1.05rem; font-size: .58rem; }
  .approved-footer { padding: .55rem .7rem .85rem; font-size: .62rem; }

  .detail-header { min-height: 3.75rem; gap: .45rem; }
  .detail-brand__mark { flex-basis: 2rem; width: 2rem; height: 2rem; }
  .detail-brand__name { font-size: .96rem; }
  .detail-header__contacts { gap: .3rem; }
  .detail-contact { min-height: 2.15rem; padding: .3rem .42rem; font-size: .58rem; white-space: nowrap; }
  .detail-hero { min-height: 25rem; }
  .detail-copy { padding: 1.35rem 0 1.8rem; }
  .detail-copy h1, .packages-intro h1, .contact-copy h1, .estimator-intro h1 { font-size: clamp(1.75rem, 8vw, 2.3rem); }
  .detail-copy h2 { margin-top: .65rem; font-size: .78rem; line-height: 1.4; }
  .detail-notes { gap: .55rem; margin: -1rem auto 0; }
  .detail-notes article { gap: .55rem; padding: .7rem; font-size: .72rem; }
  .detail-button { margin-top: .85rem; padding: .48rem .65rem; font-size: .72rem; }

  .packages-intro { margin: .85rem auto .65rem; }
  .packages-intro p, .packages-page--v2 .packages-intro p { font-size: .64rem; letter-spacing: .11em; }
  .packages-page--v2 .packages-intro>span { font-size: .72rem; }
  .starter-package { min-height: 6.4rem; gap: .55rem; padding: .65rem .7rem; }
  .starter-package__art { height: 4.7rem; }
  .starter-package p { font-size: .82rem; }
  .starter-package h2 { font-size: .66rem; line-height: 1.25; }
  .starter-package ul { gap: .3rem; font-size: .58rem; }
  .starter-package>strong { font-size: .7rem; }
  .starter-package>strong em { font-size: 1.35rem; }
  .starter-package>a { padding: .45rem .5rem; font-size: .6rem; }
  .package-choice__title b { font-size: .92rem; }
  .package-accordion--v2 { min-height: 20rem; gap: .4rem; }
  .package-accordion--v2 .package-card { min-height: 3.8rem; padding: .65rem; }
  .package-accordion--v2 .package-card.is-active { min-height: 10.5rem; }
  .package-accordion--v2 .package-card.is-active strong { top: .65rem; left: .65rem; font-size: 1rem; }
  .package-accordion--v2 .package-card__open { margin-top: 1.8rem; max-width: 76%; }
  .package-accordion--v2 .package-card__open small { font-size: .95rem; }
  .package-accordion--v2 .package-card__open h2, .package-accordion--v2 .package-card__open p { font-size: .62rem; line-height: 1.3; }
  .package-values span { padding: .45rem .55rem; font-size: .6rem; }

  .estimator-shell { width: min(100% - 1.25rem, 38rem); }
  .estimator-intro>span, .estimator-panel__heading p, .estimator-start p { font-size: .74rem; }
  .estimator-steps { gap: .38rem; }
  .estimator-steps li>button { gap: .45rem; min-height: 2.35rem; padding: .42rem .55rem; border-radius: 8px; }
  .estimator-steps li b { width: 1.45rem; height: 1.45rem; font-size: .6rem; }
  .estimator-steps li span { font-size: .68rem; }
  .room-grid { gap: .45rem; }
  .room-card { min-height: 5.5rem; gap: .3rem; padding: .55rem; }
  .room-card i { width: 1.9rem; height: 1.9rem; }
  .room-card i svg { width: 1.05rem !important; height: 1.05rem !important; }
  .room-card b { font-size: .73rem; }
  .room-card span { font-size: .61rem; line-height: 1.2; }
  .room-card em { top: .45rem; right: .45rem; width: 1.15rem; height: 1.15rem; font-size: .67rem; }
  .room-tabs button { padding: .55rem .6rem; font-size: .68rem; }
  .basic-group__heading { gap: .5rem; padding: .62rem; }
  .basic-group__heading>i { width: 1.85rem; height: 1.85rem; }
  .basic-group__heading>i svg { width: 1rem !important; height: 1rem !important; }
  .basic-group__heading b { font-size: .76rem; }
  .basic-group__heading span, .basic-counter span { font-size: .63rem; line-height: 1.2; }
  .basic-group__heading>strong { font-size: 1rem; }
  .basic-counter, .extra-options, .home-extras, .summary-grid section { padding: .65rem; }
  .counter { gap: .35rem; }
  .counter button { width: 1.85rem; height: 1.85rem; font-size: 1.12rem; }
  .counter strong, .basic-counter b { font-size: .82rem; }
  .extra-options__heading { gap: .25rem; margin-bottom: .55rem; }
  .extra-options__heading h3 { font-size: .95rem; }
  .extra-options__heading p, .choice-button small { font-size: .65rem; line-height: 1.25; }
  .choice-grid { gap: .45rem; }
  .choice-button { min-height: 3.65rem; gap: .5rem; padding: .5rem 2rem .5rem .55rem; }
  .choice-button>i { flex-basis: 1.9rem; width: 1.9rem; height: 1.9rem; }
  .choice-button>i svg { width: 1.05rem !important; height: 1.05rem !important; }
  .choice-button b { font-size: .72rem; }
  .choice-button>em { right: .5rem; width: 1.15rem; height: 1.15rem; font-size: .65rem; }
  .irrigation-select { gap: .45rem; margin-top: .5rem; padding: .55rem; }
  .irrigation-select span { font-size: .68rem; }
  .irrigation-select select, .summary-contact input { min-height: 2.25rem; padding: .4rem .5rem; font-size: 16px; }
  .room-note { gap: .25rem; margin-top: .55rem; }
  .room-note>span, .estimator-page .room-note strong { font-size: .76rem; }
  .estimator-page .room-note { padding: .65rem; }
  .estimator-page .room-note textarea, .room-note textarea { min-height: 4.2rem; padding: .55rem; font-size: 16px; line-height: 1.3; }
}

/* Telefon w poziomie: te same zwarte komponenty, bez widoku desktopowego. */
@media (max-height: 540px) and (orientation: landscape) and (max-width: 1100px) {
  .approved-width, .detail-header, .detail-copy, .detail-notes, .packages-intro, .starter-package, .package-choice, .package-values, .estimator-shell, .contact-options, .contact-form-shell { width: min(94%, 56rem); }
  .approved-header { min-height: auto; display: grid; grid-template-columns: auto 1fr; gap: .45rem; padding: .45rem 0; }
  .approved-head-contact { display: flex; justify-content: flex-end; width: auto; gap: .35rem; }
  .approved-head-contact a, .detail-contact { min-height: 2rem; padding: .3rem .45rem; font-size: .58rem; white-space: nowrap; }
  .approved-hero, .approved-hero__inner { min-height: 24rem; }
  .approved-hero__art { inset: 0 -1rem 0 42%; background-size: cover; background-position: center; }
  .approved-copy { width: 50%; padding-top: 5.25rem; }
  .approved-copy h1 { font-size: clamp(1.7rem, 4vw, 2.3rem); }
  .approved-copy p { font-size: .72rem; line-height: 1.35; }
  .approved-actions { display: flex; gap: .45rem; margin-top: .7rem; }
  .approved-button { min-height: 2.25rem; padding: .35rem .55rem; font-size: .67rem; }
  .approved-benefits { grid-template-columns: repeat(4, 1fr); gap: .35rem; }
  .approved-benefit { min-height: 3.25rem; padding: .35rem; }
  .approved-benefit span { width: 1.65rem; height: 1.65rem; font-size: .75rem; }
  .approved-benefit strong { font-size: .55rem; }
  .approved-starter { min-height: 5.6rem; padding: .55rem .65rem .55rem 4.8rem; }
  .approved-starter__cube { width: 4rem; height: 3rem; }
  .approved-starter strong { font-size: .85rem; }
  .approved-topics { grid-template-columns: repeat(4, 1fr); gap: .35rem; }
  .approved-topic { height: 5.4rem; padding: .4rem; }
  .approved-topic span { font-size: .58rem; }
  .detail-header { min-height: 3.25rem; }
  .detail-hero { min-height: 19rem; }
  .detail-copy { padding: 1rem 48% 1rem 0; }
  .detail-copy h1, .packages-intro h1, .contact-copy h1, .estimator-intro h1 { font-size: clamp(1.55rem, 4vw, 2.1rem); }
  .detail-copy h2 { font-size: .68rem; line-height: 1.3; }
  .starter-package { min-height: 5.5rem; padding: .55rem .65rem; }
  .starter-package__art { height: 3.9rem; }
  .package-accordion--v2 { min-height: 15.5rem; }
  .package-accordion--v2 .package-card { min-height: 3.4rem; }
  .package-accordion--v2 .package-card.is-active { min-height: 8.4rem; }
  .room-grid { grid-template-columns: repeat(4, 1fr); }
  .room-card { min-height: 4.8rem; }
  .choice-grid { grid-template-columns: repeat(2, 1fr); }
  .choice-button { min-height: 3.25rem; }
}

/* Podstrony oferty: zdjęcia mają być widoczne i jasne, a tekst nadal czytelny. */
.detail-hero { background-color: #0a2a59; background-position: center right; }
.detail-page--wygoda .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .72) 34%, rgba(3, 18, 43, .24) 61%, rgba(2, 8, 20, .05) 100%), url('/detail-wygoda-18.png'); }
.detail-page--bezpieczenstwo .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .72) 34%, rgba(3, 18, 43, .22) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-bezpieczenstwo-15.png'); }
.detail-page--energia .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .7) 34%, rgba(3, 18, 43, .2) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-energia-03.png'); }
.detail-page--pelna-kontrola .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .91) 0%, rgba(2, 10, 25, .74) 35%, rgba(3, 18, 43, .2) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-pelna-kontrola-04.png'); }
.detail-page--sceny .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .72) 34%, rgba(3, 18, 43, .22) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-sceny-23.png'); }
.detail-page--automatyzacje .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .72) 34%, rgba(3, 18, 43, .22) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-automatyzacje-22.png'); }
.detail-page--integracje .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .9) 0%, rgba(2, 10, 25, .72) 34%, rgba(3, 18, 43, .22) 61%, rgba(2, 8, 20, .04) 100%), url('/detail-integracje-08.png'); }
.detail-copy { position: relative; z-index: 1; }
.detail-copy::before { content: ""; position: absolute; z-index: -1; inset: -1.35rem -1.7rem; border: 1px solid rgba(107, 178, 255, .16); border-radius: 18px; background: linear-gradient(120deg, rgba(3, 13, 31, .34), rgba(3, 13, 31, .04)); backdrop-filter: blur(2px); }
.detail-copy h2 { color: #edf6ff; text-shadow: 0 .1rem .7rem rgba(0, 0, 0, .56); }
@media (max-width: 720px) {
  .detail-hero { background-position: 61% center; }
  .detail-copy::before { inset: -.7rem -.8rem; border-radius: 12px; }
}

/* Wyraźne ujęcie telefonu — bez mgły i bez rozmytego tła. */
.detail-page--pelna-kontrola .detail-hero { background-image: linear-gradient(90deg, rgba(2, 10, 25, .89) 0%, rgba(2, 10, 25, .68) 34%, rgba(3, 18, 43, .16) 60%, rgba(2, 8, 20, .02) 100%), url('/detail-pelna-kontrola-jasne-v1.png'); }
.detail-copy::before { background: linear-gradient(120deg, rgba(3, 13, 31, .3), rgba(3, 13, 31, .02)); backdrop-filter: none; }

/* Publiczna strona desktopowa i tablet: niższe sekcje oraz równe, czytelne kafelki. */
@media (min-width: 721px) {
  .approved-header { min-height: 5.9rem; gap: .8rem; }
  .approved-nav { gap: clamp(.7rem, 1.3vw, 1.45rem); }
  .approved-nav a { font-size: clamp(.56rem, .65vw, .73rem); }
  .approved-head-contact { gap: .45rem; }
  .approved-head-contact a { min-height: 2.6rem; gap: .42rem; padding: .42rem .7rem; font-size: clamp(.68rem, .78vw, .82rem); }
  .approved-hero, .approved-hero__inner { min-height: 21.5rem; }
  .approved-copy { padding-top: 4.2rem; }
  .approved-copy h1 { font-size: clamp(2.1rem, 2.65vw, 3rem); }
  .approved-copy p { margin-top: .8rem; font-size: clamp(.78rem, .92vw, .96rem); line-height: 1.45; }
  .approved-actions { gap: .55rem; margin-top: .9rem; }
  .approved-button { min-height: 2.6rem; gap: .65rem; padding: .45rem .8rem; font-size: .76rem; }
  .approved-button b { width: 1.45rem; height: 1.45rem; font-size: .76rem; }
  .approved-content { margin-top: -.9rem; }
  .approved-benefits { gap: .65rem; }
  .approved-benefit { min-height: 5.3rem; gap: .7rem; padding: .7rem .8rem; border-radius:10px; }
  .approved-benefit span { width: 2.5rem; height: 2.5rem; }
  .approved-benefit span svg { width: 1.35rem; height: 1.35rem; }
  .approved-benefit strong { font-size: .78rem; }
  .approved-benefit small { font-size: .64rem; line-height: 1.28; }
  .approved-topics { gap: .65rem; margin-top: .65rem; }
  .approved-topic { height: 10.5rem; padding: .8rem .9rem; border-radius:10px; }
  .approved-topic span { font-size: .92rem; }
  .approved-topic b { width: 1.25rem; height: 1.25rem; font-size: .68rem; }
  .approved-configurator { min-height: 7.8rem; margin-top: .7rem; padding: 1rem 1.2rem; border-radius:11px; }
  .approved-configurator>div>span { font-size: .62rem; }
  .approved-configurator strong { margin: .2rem 0 .3rem; font-size: clamp(1.18rem, 1.7vw, 1.7rem); }
  .approved-configurator p { font-size: .72rem; }
  .approved-configurator>a { min-height: 2.65rem; gap: .55rem; padding: .45rem .75rem; font-size: .72rem; }
  .approved-configurator b { width: 1.35rem; height: 1.35rem; font-size: .72rem; }
  .approved-starter { min-height: 6.5rem; margin-top: .7rem; padding: .7rem 1.2rem .7rem 12.5%; border-radius:11px; }
  .approved-starter__cube { width: 6rem; height: 4.8rem; }
  .approved-starter strong { font-size: clamp(1rem, 1.55vw, 1.45rem); }
  .approved-starter__ask { min-width: 9.6rem; min-height: 2.55rem; gap: .55rem; padding: .45rem .7rem; font-size: .72rem; }
  .approved-footer { font-size: .66rem; padding: .55rem 1rem .75rem; }
}

/* Jasna, żywa kompozycja strony głównej: dom, aplikacja i automatyka w jednym kadrze. */
.approved-page { background: radial-gradient(circle at 74% 12%, #164f9f 0, #061936 31%, #020711 72%); }
.approved-hero { overflow: hidden; border-top: 1px solid rgba(90, 161, 255, .22); border-bottom: 1px solid rgba(90, 161, 255, .26); }
.approved-hero__art { inset: 0 -5% -1rem 29%; opacity: 1; background-image: linear-gradient(90deg, rgba(2, 8, 20, .9) 0%, rgba(2, 8, 20, .52) 28%, rgba(5, 27, 62, .08) 62%, rgba(2, 8, 20, .12) 100%), url('/smartdomgda-hero-jasne-v1.png'); background-size: cover; background-position: center right; filter: brightness(1.1) saturate(1.05); }
.approved-hero__art::before { content: ""; position: absolute; z-index: 1; right: 4%; top: 10%; width: 22%; aspect-ratio: 1 / .73; border: 1px solid rgba(114, 193, 255, .72); border-radius: 13px; background: linear-gradient(135deg, rgba(15, 65, 137, .12), rgba(0, 7, 21, .15)), url('/detail-bezpieczenstwo-15.png') center/cover no-repeat; box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .28), 0 0 1.5rem rgba(48, 143, 255, .28); transform: rotate(3deg); }
.approved-hero__art::after { z-index: 2; background: linear-gradient(0deg, #020711 0%, rgba(2, 7, 17, .04) 38%, transparent 70%); }
.approved-copy { max-width: 37rem; padding-top: clamp(4.75rem, 8vw, 6.6rem); }
.approved-copy h1 { color: #fff; text-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .58); }
.approved-copy p { max-width: 33rem; color: #eaf5ff; text-shadow: 0 .12rem .8rem rgba(0, 0, 0, .6); }
.approved-content { margin-top: -1.4rem; }
.approved-benefit, .approved-topic, .approved-configurator, .approved-starter { box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(146, 211, 255, .12); }

@media (max-width: 720px) {
  .approved-hero { border-top: 0; }
  .approved-hero__art { inset: 0 -1.1rem 0 0; background-position: 63% center; filter: brightness(1.22) saturate(1.08); }
  .approved-hero__art::before { right: 7%; top: 7%; width: 29%; border-radius: 9px; }
  .approved-copy { padding-top: 13.75rem; }
  .approved-content { margin-top: -.75rem; }
}

@media (max-height: 540px) and (orientation: landscape) and (max-width: 1100px) {
  .approved-hero__art { inset: 0 -4% 0 34%; background-position: center right; }
  .approved-hero__art::before { top: 8%; right: 5%; width: 19%; }
  .approved-copy { padding-top: 4.2rem; }
}

/* Strona główna — kompaktowe kafle i dwa równe wejścia do oferty. */
.approved-actions { gap: .55rem; }
.approved-button { border-radius: 7px; }
.approved-button--gold { background: linear-gradient(100deg, #e1ad33, #f2c653); color: #071326; box-shadow: 0 .45rem 1rem rgba(0, 0, 0, .18); }
.approved-button--line { background: rgba(3, 17, 37, .64); border-color: rgba(126, 194, 255, .72); }

.approved-benefits { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; padding: .72rem 0 .82rem; }
.approved-benefit { min-height: 4.25rem; display: flex; align-items: center; gap: .58rem; padding: .54rem .65rem; border-radius: 7px; border-color: rgba(101, 174, 255, .5); background: linear-gradient(112deg, rgba(8, 29, 61, .94), rgba(6, 21, 43, .82)); box-shadow: inset 0 1px 0 rgba(157, 215, 255, .1), 0 .35rem .8rem rgba(0, 0, 0, .14); }
.approved-benefit::after { content: "→"; margin-left: auto; color: #8ecaff; font-size: .92rem; line-height: 1; }
.approved-benefit:hover { border-color: #77d9d0; background: linear-gradient(112deg, rgba(10, 50, 81, .98), rgba(8, 30, 57, .95)); transform: translateY(-1px); }
.approved-benefit span:first-child { flex: 0 0 2rem; width: 2rem; height: 2rem; border: 0; border-radius: 0; box-shadow: none; }
.approved-benefit span:first-child svg { width: 1.48rem; height: 1.48rem; }
.approved-benefit__copy { min-width: 0; display: block; }
.approved-benefit strong { display: block; font-size: clamp(.72rem, .84vw, .88rem); font-weight: 750; line-height: 1.13; letter-spacing: -.01em; }
.approved-benefit small { display: none; }

.approved-conversion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; align-items: stretch; margin-top: .72rem; }
.approved-conversion-grid .approved-configurator, .approved-conversion-grid .approved-starter { min-height: 9.35rem; height: 100%; margin: 0; border-radius: 10px; }
.approved-conversion-grid .approved-configurator { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: .75rem; padding: 1.05rem 1.15rem; background: linear-gradient(118deg, rgba(5, 47, 67, .98), rgba(6, 27, 54, .93)); }
.approved-conversion-grid .approved-configurator strong { margin: .2rem 0 .32rem; font-size: clamp(1.12rem, 1.55vw, 1.62rem); }
.approved-conversion-grid .approved-configurator p { max-width: 27rem; font-size: .72rem; line-height: 1.35; }
.approved-conversion-grid .approved-configurator>a { min-height: 2.3rem; padding: .38rem .65rem; border-radius: 6px; font-size: .7rem; }
.approved-conversion-grid .approved-configurator b { width: 1.2rem; height: 1.2rem; border-radius: 50%; font-size: .7rem; }
.approved-conversion-grid .approved-starter { display: grid; grid-template-columns: 4.7rem 1fr; grid-template-rows: 1fr auto; column-gap: .35rem; align-items: center; padding: .85rem 1rem .7rem; background: linear-gradient(118deg, rgba(8, 23, 56, .98), rgba(4, 14, 37, .98)); }
.approved-conversion-grid .approved-starter__cube { position: static; grid-row: 1 / 3; width: 4.7rem; height: 4.7rem; transform: none; background-size: contain; background-position: center; }
.approved-conversion-grid .approved-starter strong { align-self: end; font-size: clamp(1.02rem, 1.45vw, 1.38rem); line-height: 1.12; }
.approved-conversion-grid .approved-starter__ask { align-self: start; width: auto; min-width: 8.4rem; min-height: 2.2rem; margin: .35rem 0 0; padding: .38rem .58rem; border-radius: 6px; font-size: .68rem; }
.approved-conversion-grid .approved-starter__ask b { width: 1.18rem; height: 1.18rem; font-size: .67rem; }

@media (max-width: 1100px) and (min-width: 721px) {
  .approved-benefit { min-height: 3.9rem; padding: .48rem .55rem; }
  .approved-benefit span:first-child { flex-basis: 1.7rem; width: 1.7rem; height: 1.7rem; }
  .approved-benefit span:first-child svg { width: 1.25rem; height: 1.25rem; }
  .approved-benefit strong { font-size: .67rem; }
  .approved-conversion-grid .approved-configurator, .approved-conversion-grid .approved-starter { min-height: 8.2rem; }
}

@media (max-width: 720px) {
  .approved-actions { display: flex; flex-direction: row; gap: .45rem; }
  .approved-button { min-width: 0; min-height: 2.65rem; padding: .42rem .6rem; font-size: .7rem; }
  .approved-button b { width: 1.35rem; height: 1.35rem; }
  .approved-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; padding: .55rem 0 .6rem; }
  .approved-benefit { min-height: 3.85rem; gap: .38rem; padding: .42rem .45rem; border-radius: 6px; }
  .approved-benefit span:first-child { flex-basis: 1.65rem; width: 1.65rem; height: 1.65rem; }
  .approved-benefit span:first-child svg { width: 1.18rem; height: 1.18rem; }
  .approved-benefit strong { font-size: .7rem; }
  .approved-benefit::after { font-size: .75rem; }
  .approved-conversion-grid { grid-template-columns: 1fr; gap: .55rem; margin-top: .55rem; }
  .approved-conversion-grid .approved-configurator, .approved-conversion-grid .approved-starter { min-height: 7.75rem; }
  .approved-conversion-grid .approved-configurator { padding: .85rem .95rem; }
  .approved-conversion-grid .approved-configurator strong { font-size: 1.23rem; }
  .approved-conversion-grid .approved-configurator p { font-size: .68rem; }
  .approved-conversion-grid .approved-configurator>a { min-height: 2.15rem; }
  .approved-conversion-grid .approved-starter { grid-template-columns: 3.75rem 1fr; padding: .7rem .8rem; }
  .approved-conversion-grid .approved-starter__cube { width: 3.75rem; height: 3.75rem; }
  .approved-conversion-grid .approved-starter strong { font-size: 1rem; }
  .approved-conversion-grid .approved-starter__ask { min-height: 2rem; min-width: 7.5rem; font-size: .64rem; }
}

/* Wyraźna typografia marki oraz prosty kontakt bez jajowatych ramek. */
.approved-copy h1 { font-weight: 800; letter-spacing: -.052em; text-shadow: 0 .16rem .75rem rgba(0, 0, 0, .72), 0 0 1.5rem rgba(23, 113, 239, .23); }
.approved-copy h1 > span { color: #f7fbff; text-shadow: 0 .13rem .55rem rgba(0, 0, 0, .72); }
.approved-copy h1 em { background: linear-gradient(100deg, #b4f66e 0%, #50e0bd 48%, #48bbff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
.approved-copy h1 em b { background: linear-gradient(100deg, #78d2ff, #418cff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.approved-head-contact, .detail-header__contacts { gap: .35rem; }
.approved-head-contact a, .detail-contact { min-height: 2.35rem; padding: .38rem .62rem; border: 0; border-left: 1px solid rgba(125, 199, 255, .72); border-radius: 0; background: linear-gradient(90deg, rgba(5, 20, 47, .1), rgba(5, 20, 47, .6)); box-shadow: none; color: #e8f5ff !important; font-size: clamp(.66rem, .78vw, .8rem); font-weight: 700; }
.approved-head-contact a span, .detail-contact span { width: auto; height: auto; border: 0; border-radius: 0; background: none; color: #79d9d1 !important; font-size: 1em; }
.approved-head-contact a:hover, .detail-contact:hover { border-left-color: #e9bc45 !important; background: rgba(15, 57, 102, .72) !important; box-shadow: none; }
.detail-button { border-radius: 6px; padding: .65rem .85rem; background: linear-gradient(100deg, #e4ba48, #f2d472); }
.detail-button b { width: auto; height: auto; border: 0; border-radius: 0; }

/* Cztery korzyści działają i rozwijają się dokładnie jak pakiety. */
.approved-benefits { display: none; }
.approved-benefit-accordion { display: flex; height: 10.8rem; gap: .52rem; margin: .7rem 0; }
.approved-benefit-card { position: relative; display: flex; flex: 1; min-width: 3.9rem; overflow: hidden; border: 1px solid rgba(100, 179, 255, .5); border-radius: 8px; background: #071b38; transition: flex .38s ease, border-color .22s ease; }
.approved-benefit-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(1, 8, 21, .96), rgba(1, 10, 28, .18) 80%), url('/smartdomgda-tiles-v2.png') center / cover no-repeat; opacity: .9; }
.approved-benefit-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(49, 191, 173, .13), transparent 44%); pointer-events: none; }
.approved-benefit-card--wygoda::before { background-position: 8% 72%; }
.approved-benefit-card--bezpieczenstwo::before { background-position: 36% 62%; }
.approved-benefit-card--oszczednosc-energii::before { background-position: 66% 65%; }
.approved-benefit-card--pelna-kontrola::before { background-position: 97% 62%; }
.approved-benefit-card.is-active { flex: 4.5; border-color: #73e3d3; }
.approved-benefit-card button { position: relative; z-index: 1; display: flex; width: 100%; align-items: flex-end; gap: .45rem; padding: .75rem; border: 0; background: transparent; color: #f4fbff; cursor: pointer; text-align: left; }
.approved-benefit-card button span { display: grid; flex: 0 0 1.8rem; place-items: center; width: 1.8rem; height: 1.8rem; color: #79ddd0; }
.approved-benefit-card button svg { width: 1.55rem; height: 1.55rem; stroke: currentColor; }
.approved-benefit-card button strong { font-size: clamp(.82rem, 1.15vw, 1.18rem); line-height: 1.1; }
.approved-benefit-card:not(.is-active) button { align-items: center; justify-content: center; padding: .55rem; }
.approved-benefit-card:not(.is-active) button span { display: none; }
.approved-benefit-card:not(.is-active) button strong { writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: .02em; }
.approved-benefit-card__open { position: absolute; z-index: 2; bottom: .72rem; left: .8rem; right: .8rem; display: none; max-width: 23rem; }
.approved-benefit-card.is-active .approved-benefit-card__open { display: block; }
.approved-benefit-card__open p { margin: 0 0 .55rem; color: #dcecff; font-size: clamp(.68rem, .86vw, .8rem); line-height: 1.38; }
.approved-benefit-card__open a { display: inline-flex; align-items: center; gap: .42rem; padding: .35rem .52rem; border-left: 2px solid #6ce2d1; background: rgba(2, 16, 36, .67); color: #e9fffb; font-size: .67rem; font-weight: 800; text-decoration: none; }
.approved-benefit-card__open a:hover { background: rgba(21, 102, 116, .76); }
.approved-benefit-card__open b { font-size: .85rem; }

/* Pakiety: ten sam wygląd, około 30% niższy i bez ucinania treści. */
@media (min-width: 721px) {
  .packages-page--v2 .packages-intro { margin: 1.15rem auto .65rem; padding: 1.45rem 1.5rem; }
  .packages-page--v2 .packages-intro h1 { font-size: clamp(1.65rem, 2.9vw, 3rem); }
  .packages-page--v2 .packages-intro > span { font-size: .74rem; }
  .starter-package { min-height: 7.15rem; margin: .75rem auto; padding: .7rem 1rem; }
  .starter-package__art { height: 5.45rem; }
  .starter-package p { font-size: clamp(.8rem, 1.3vw, 1.15rem); }
  .starter-package h2 { margin: .22rem 0 .36rem; font-size: .7rem; }
  .starter-package ul { font-size: .59rem; gap: .45rem; }
  .starter-package > strong { font-size: .72rem; }
  .starter-package > strong em { font-size: 1.75rem; }
  .starter-package > a { padding: .46rem .62rem; font-size: .62rem; }
  .package-choice { margin: .65rem auto; }
  .package-choice__title { margin: .35rem 0 .45rem; }
  .package-choice__title b { font-size: .9rem; }
  .package-choice__title span { font-size: .59rem; }
  .package-accordion--v2 { height: 24rem; }
  .package-accordion--v2 .package-card { min-width: 5.45rem; padding: .7rem; }
  .package-accordion--v2 .package-card strong { font-size: .98rem; }
  .package-accordion--v2 .package-card.is-active strong { top: .72rem; left: .72rem; font-size: 1.2rem; }
  .package-accordion--v2 .package-card__open { margin-top: 2.55rem !important; max-width: 65%; }
  .package-accordion--v2 .package-card__open small { font-size: 1.35rem; }
  .package-accordion--v2 .package-card__open h2 { margin: .32rem 0; font-size: .82rem; }
  .package-accordion--v2 .package-card__open p { margin: .28rem 0; font-size: .72rem; line-height: 1.4; }
  .package-accordion--v2 .package-card__open ul { margin: .35rem 0 .55rem; font-size: .65rem; line-height: 1.45; }
  .package-accordion--v2 .package-card__open a { padding: .42rem .58rem; font-size: .62rem; border-radius: 5px; }
}

@media (max-width: 720px) {
  .approved-head-contact { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .approved-head-contact a { min-height: 2.25rem; padding: .34rem .42rem; font-size: .65rem; }
  .approved-benefit-accordion { height: auto; min-height: 17rem; flex-direction: column; gap: .38rem; margin: .55rem 0; }
  .approved-benefit-card { min-height: 3rem; flex: 1; }
  .approved-benefit-card.is-active { flex: 4; min-height: 8.8rem; }
  .approved-benefit-card button, .approved-benefit-card:not(.is-active) button { align-items: center; justify-content: flex-start; padding: .52rem .65rem; }
  .approved-benefit-card:not(.is-active) button span { display: grid; }
  .approved-benefit-card:not(.is-active) button strong { writing-mode: initial; transform: none; }
  .approved-benefit-card__open { bottom: .55rem; left: .7rem; right: .7rem; }
  .approved-benefit-card__open p { font-size: .66rem; }
}

/* Główne tło: pełny kadr bez uciętych ikon i bez ciężkiej czerni. */
.approved-hero__art { inset: 0; background-image: linear-gradient(90deg, rgba(2, 10, 27, .62) 0%, rgba(2, 13, 34, .37) 30%, rgba(3, 22, 54, .08) 56%, rgba(3, 12, 31, .05) 100%), url('/smartdomgda-hero-siec-jasne-v1.png'); background-size: auto 100%; background-position: right center; background-repeat: no-repeat; filter: brightness(1.08) saturate(1.08); }
.approved-hero__art::before { display: none; }
.approved-hero__art::after { display: none; }

/* Każda korzyść ma osobny, jasny kadr i zwykły poziomy podpis. */
.approved-benefit-card::before { opacity: 1; background-size: cover; background-position: center; }
.approved-benefit-card::after { background: linear-gradient(0deg, rgba(2, 10, 26, .84) 0%, rgba(2, 10, 26, .24) 57%, rgba(3, 24, 56, .03) 100%); }
.approved-benefit-card--wygoda::before { background-image: url('/smartdomgda-kafel-wygoda-jasne-v1.png'); }
.approved-benefit-card--bezpieczenstwo::before { background-image: url('/smartdomgda-kafel-bezpieczenstwo-jasne-v1.png'); }
.approved-benefit-card--oszczednosc-energii::before { background-image: url('/smartdomgda-kafel-oszczednosc-jasne-v1.png'); }
.approved-benefit-card--pelna-kontrola::before { background-image: url('/smartdomgda-kafel-pelna-kontrola-jasne-v1.png'); }
.approved-benefit-card:not(.is-active) button { align-items: flex-start; justify-content: flex-start; }
.approved-benefit-card:not(.is-active) button span { display: grid; }
.approved-benefit-card:not(.is-active) button strong { writing-mode: initial; transform: none; letter-spacing: -.01em; }
.approved-benefit-card button strong { max-width: 8.8rem; color: #f8fcff; text-shadow: 0 .1rem .5rem rgba(0, 0, 0, .84); }
.approved-benefit-card.is-active button { align-items: flex-start; }

@media (max-width: 720px) {
  .approved-hero__art { inset: .35rem 0 auto; height: 13.5rem; background-size: contain; background-position: center top; filter: brightness(1.12) saturate(1.08); }
  .approved-hero__inner, .approved-hero { min-height: 26.5rem; }
  .approved-copy { padding-top: 14.4rem; }
  .approved-benefit-card button strong { max-width: none; }
}

/* Panoramiczna tapeta łączy dom, jezioro i niebo na całej szerokości hero. */
.approved-hero, .approved-hero__inner { min-height: 29rem; }
.approved-hero__art { inset: 0; background-image: linear-gradient(90deg, rgba(2, 13, 34, .42) 0%, rgba(2, 15, 39, .21) 31%, rgba(4, 29, 69, .03) 57%, rgba(2, 12, 31, .02) 100%), url('/smartdomgda-hero-panorama-jasne-v1.png'); background-size: cover; background-position: center top; filter: brightness(1.1) saturate(1.08); }
.approved-copy { padding-top: 2.2rem; }
.approved-copy h1 { font-size: clamp(2.35rem, 3.2vw, 3.6rem); }
.approved-copy p { margin-top: .65rem; }

/* Zamknięty kafel jest niskim pasem; wybrany rozwija się wyłącznie po najechaniu. */
@media (min-width: 721px) {
  .approved-content { margin-top: -.55rem; }
  .approved-benefit-accordion { height: 5.55rem; margin: .45rem 0 .7rem; }
  .approved-benefit-card { min-width: 6.2rem; min-height: 5.55rem; height: 5.55rem; border-radius: 7px; }
  .approved-benefit-card.is-active { flex: 1.8; border-color: rgba(114, 225, 208, .72); }
  .approved-benefit-card.is-active:hover { flex: 4.5; height: 11.2rem; transform: translateY(-5.65rem); z-index: 6; border-color: #7deedc; box-shadow: 0 1rem 2rem rgba(0, 0, 0, .38), inset 0 1px 0 rgba(202, 255, 246, .26); }
  .approved-benefit-card.is-active .approved-benefit-card__open { display: none; }
  .approved-benefit-card.is-active:hover .approved-benefit-card__open { display: block; }
  .approved-benefit-card button, .approved-benefit-card:not(.is-active) button, .approved-benefit-card.is-active button { align-items: flex-start; justify-content: flex-start; padding: .55rem .7rem; }
  .approved-benefit-card button span, .approved-benefit-card:not(.is-active) button span { display: grid; flex-basis: 1.45rem; width: 1.45rem; height: 1.45rem; }
  .approved-benefit-card button svg { width: 1.22rem; height: 1.22rem; }
  .approved-benefit-card button strong, .approved-benefit-card:not(.is-active) button strong { writing-mode: initial; transform: none; max-width: 9rem; font-size: clamp(.7rem, .85vw, .88rem); }
  .approved-benefit-card__open { bottom: .72rem; left: .8rem; right: .8rem; }
  .approved-benefit-card__open p { max-width: 28rem; font-size: .74rem; }
}

/* Konfigurator i pakiet mają własne, czytelne tła oraz kontrastowe nazwy. */
.approved-conversion-grid .approved-configurator { background-image: linear-gradient(90deg, rgba(4, 47, 67, .98) 0%, rgba(5, 32, 62, .92) 52%, rgba(4, 26, 54, .2) 100%), url('/smartdomgda-kafel-pelna-kontrola-jasne-v1.png'); background-size: cover; background-position: center; }
.approved-conversion-grid .approved-starter { background-image: linear-gradient(90deg, rgba(7, 21, 53, .98) 0%, rgba(5, 20, 46, .91) 52%, rgba(5, 20, 46, .18) 100%), url('/smartdomgda-kafel-oszczednosc-jasne-v1.png'); background-size: cover; background-position: center; }
.approved-conversion-grid .approved-configurator strong em { background: none; color: #baffef; text-shadow: 0 0 .7rem rgba(85, 233, 207, .42); }
.approved-conversion-grid .approved-starter strong em { background: none; color: #a9d9ff; text-shadow: 0 0 .7rem rgba(84, 166, 255, .45); }
.approved-conversion-grid .approved-starter strong i { color: #ffe18a; }

@media (max-width: 720px) {
  .approved-hero, .approved-hero__inner { min-height: 27rem; }
  .approved-hero__art { inset: 0; height: 14.3rem; background-size: cover; background-position: center top; }
  .approved-copy { padding-top: 14.9rem; }
}

/* Kafle oferty: wyłącznie kliknięcie zmienia otwartą kartę. */
@media (min-width: 721px) {
  .approved-copy { padding-left: clamp(1.4rem, 2.2vw, 2.7rem); }
  .approved-benefit-card.is-active { flex: 4.5; height: 12.6rem; transform: translateY(-7.05rem); z-index: 6; border-color: #7deedc; box-shadow: 0 1rem 2rem rgba(0, 0, 0, .38), inset 0 1px 0 rgba(202, 255, 246, .26); }
  .approved-benefit-card.is-active:hover { flex: 4.5; height: 12.6rem; transform: translateY(-7.05rem); }
  .approved-benefit-card.is-active .approved-benefit-card__open { display: block; }
}
@media (max-width: 720px) {
  .approved-copy { padding-left: .85rem; padding-right: .85rem; }
}

@media (min-width: 721px) {
  .approved-benefit-card.is-active, .approved-benefit-card.is-active:hover { transform: translateY(-7.45rem); }
  .approved-benefit-card::before { background-size: auto 89%; background-position: right center; background-repeat: no-repeat; background-color: #0a2448; }
}
@media (max-width: 720px) {
  .approved-benefit-card::before { background-size: auto 96%; background-position: right center; background-repeat: no-repeat; background-color: #0a2448; }
}

@media (min-width: 721px) {
  .approved-benefit-card.is-active, .approved-benefit-card.is-active:hover {
    height: 16.7rem;
    transform: translateY(-11.55rem);
  }
}

/* Rozwinięte karty: połączone, różne ujęcia zamiast pojedynczego kadru. */
.approved-benefit-card--wygoda::before { background-image: url('/smartdomgda-kolaz-wygoda-v1.png'); }
.approved-benefit-card--bezpieczenstwo::before { background-image: url('/smartdomgda-kolaz-bezpieczenstwo-v1.png'); }
.approved-benefit-card--oszczednosc-energii::before { background-image: url('/smartdomgda-kolaz-oszczednosc-v1.png'); }
.approved-benefit-card--pelna-kontrola::before { background-image: url('/smartdomgda-kolaz-pelna-kontrola-v1.png'); }
@media (min-width: 721px) {
  .approved-benefit-card.is-active, .approved-benefit-card.is-active:hover { transform: translateY(-10.75rem); }
  .approved-benefit-card.is-active::before { background-size: 100% auto; background-position: center; }
}

/* Czytelne, barwne oznaczenia kategorii Smart Dom. */
.approved-benefit-card button span { flex-basis: 1.9rem; width: 1.9rem; height: 1.9rem; }
.approved-benefit-card button svg { width: 1.62rem; height: 1.62rem; filter: drop-shadow(0 0 .38rem currentColor); }
.approved-benefit-card button strong, .approved-benefit-card:not(.is-active) button strong { font-family: Trebuchet MS, Arial, sans-serif; font-size: clamp(.86rem, 1.05vw, 1.08rem); font-weight: 800; letter-spacing: -.02em; }
.approved-benefit-card--wygoda button span { color: #77ecd5; }
.approved-benefit-card--bezpieczenstwo button span { color: #86c8ff; }
.approved-benefit-card--oszczednosc-energii button span { color: #b6ed74; }
.approved-benefit-card--pelna-kontrola button span { color: #7ccaff; }
.approved-benefit-card__open p { max-width: 31rem; margin-bottom: .75rem; color: #ecf8ff; font-size: clamp(.82rem, 1vw, .98rem); font-weight: 600; line-height: 1.42; text-shadow: 0 .1rem .4rem rgba(0, 0, 0, .68); }
.approved-benefit-card__open a { gap: .55rem; padding: .48rem .7rem; border-left: 3px solid #70e6d4; background: linear-gradient(90deg, rgba(11, 93, 109, .9), rgba(3, 23, 53, .78)); color: #f3fffd; font-size: .82rem; box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .22); }
.approved-benefit-card__open b { color: #9ff9e8; font-size: 1.05rem; }

/* Pakiet startowy otrzymuje widoczny kolaż: hub, moduły i sterowanie. */
.approved-conversion-grid .approved-starter { background-image: linear-gradient(90deg, rgba(7, 21, 53, .98) 0%, rgba(5, 20, 46, .86) 46%, rgba(5, 20, 46, .08) 100%), url('/smartdomgda-kolaz-pakiet-startowy-v1.png'); background-size: cover; background-position: center; }
@media (max-width: 720px) {
  .approved-benefit-card button strong, .approved-benefit-card:not(.is-active) button strong { font-size: .82rem; }
  .approved-benefit-card__open p { font-size: .76rem; }
  .approved-benefit-card__open a { font-size: .74rem; }
}

/* Podstrony oferty: jeden wyraźny punkt z ikonami oraz spokojne wezwanie do kontaktu. */
.detail-hero { position: relative; overflow: hidden; }
.detail-system-icons { position: absolute; z-index: 2; top: clamp(1.5rem, 5vh, 4.2rem); right: clamp(1.25rem, 6vw, 8rem); display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; width: clamp(6.6rem, 10vw, 9rem); padding: .55rem; border: 1px solid rgba(123, 219, 255, .55); border-radius: 9px; background: linear-gradient(145deg, rgba(5, 28, 64, .76), rgba(5, 15, 39, .48)); box-shadow: 0 .55rem 1.6rem rgba(0, 0, 0, .22), inset 0 1px 0 rgba(220, 250, 255, .18); }
.detail-system-icons::before { content: "Twój dom"; grid-column: 1 / -1; color: #eaf8ff; font-size: clamp(.58rem, .65vw, .72rem); font-weight: 800; letter-spacing: .11em; text-align: center; text-transform: uppercase; }
.detail-system-icons__item { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 6px; background: rgba(1, 13, 35, .52); box-shadow: inset 0 0 .7rem currentColor, 0 0 .65rem color-mix(in srgb, currentColor 38%, transparent); }
.detail-system-icons__item svg { width: 56%; height: 56%; filter: drop-shadow(0 0 .28rem currentColor); }
.detail-system-icons__item--light { color: #ffd875; }
.detail-system-icons__item--security { color: #87c9ff; }
.detail-system-icons__item--energy { color: #b8ee75; }
.detail-system-icons__item--control { color: #7de8da; }
.detail-copy > p { display: inline-flex; align-items: center; min-height: 1.8rem; padding: 0 .62rem; border-left: 3px solid #72e4d4; background: rgba(3, 22, 52, .52); color: #d4f5ef; letter-spacing: .13em; }
.detail-button { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 2.7rem; margin-top: 1.45rem; padding: .48rem .52rem .48rem .82rem; border: 1px solid rgba(111, 204, 255, .62); border-left: 3px solid #70e2d3; border-radius: 6px; background: linear-gradient(100deg, rgba(8, 88, 104, .94), rgba(6, 39, 82, .94)); box-shadow: 0 .45rem 1.25rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(211, 255, 248, .18); color: #f1fffc; font-size: clamp(.78rem, .95vw, .94rem); font-weight: 800; letter-spacing: .01em; text-decoration: none; text-shadow: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.detail-button:hover { transform: translateY(-2px); border-color: #a1f3e6; background: linear-gradient(100deg, rgba(12, 116, 126, .98), rgba(12, 58, 112, .98)); }
.detail-button b { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border: 1px solid rgba(176, 255, 241, .8); border-radius: 4px; color: #9dffed; font-size: 1.1rem; line-height: 1; }
.detail-page footer { align-items: center; }
.detail-footer-brand { display: inline-flex; align-items: baseline; gap: 0; color: #dcecff; font-size: .84rem; font-weight: 800; letter-spacing: -.025em; white-space: nowrap; }
.detail-footer-brand b { color: #f0bf43; }
.detail-footer-brand strong { color: #5ae3b4; }
.detail-footer-brand i { color: #4ba7f4; font-style: normal; }
.detail-footer-brand small { color: #f0bf43; font-size: .68em; margin-left: .03rem; vertical-align: super; }
.detail-footer-brand em { margin: 0 .5rem; color: #7adfd2; font-style: normal; }
@media (max-width: 720px) {
  .detail-system-icons { top: .75rem; right: .75rem; gap: .3rem; width: 5.9rem; padding: .35rem; border-radius: 7px; }
  .detail-system-icons::before { font-size: .5rem; }
  .detail-system-icons__item { border-radius: 4px; }
  .detail-copy > p { min-height: 1.55rem; padding: 0 .48rem; font-size: .58rem; }
  .detail-button { min-height: 2.35rem; margin-top: 1rem; padding: .4rem .45rem .4rem .65rem; font-size: .72rem; }
  .detail-button b { width: 1.45rem; height: 1.45rem; }
  .detail-footer-brand { font-size: .73rem; }
}

/* Wspólny, prosty powrót na wszystkich stronach publicznych. */
.detail-brand__back, .estimator-back { display: inline-flex; align-items: center; justify-content: center; min-height: 2.45rem; padding: .42rem .72rem; border: 1px solid rgba(114, 204, 255, .56); border-left: 3px solid #70e1d3; border-radius: 5px; background: linear-gradient(100deg, rgba(5, 64, 83, .84), rgba(5, 27, 66, .86)); color: #effffb !important; font-size: .78rem !important; font-weight: 800; line-height: 1; text-decoration: none; text-shadow: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.detail-brand__back:hover, .estimator-back:hover { transform: translateY(-2px); border-color: #9cf3e6; background: linear-gradient(100deg, rgba(9, 104, 113, .96), rgba(9, 51, 104, .96)); }

/* Konfigurator: spokojne, jasne tło i zwarte elementy bez zmiany jego logiki. */
.estimator-page { position: relative; isolation: isolate; background: radial-gradient(ellipse at 12% 4%, rgba(78, 187, 211, .27), transparent 30%), radial-gradient(ellipse at 88% 20%, rgba(79, 117, 236, .24), transparent 34%), linear-gradient(145deg, #061b41 0%, #082b62 46%, #06214d 100%); }
.estimator-page::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; opacity: .7; background: linear-gradient(120deg, transparent 0 46%, rgba(105, 235, 215, .09) 46.1% 46.25%, transparent 46.4% 100%), radial-gradient(circle at 75% 82%, rgba(242, 194, 77, .13), transparent 22%); }
.estimator-shell { position: relative; width: min(89%, 1190px); padding-bottom: 3rem; }
.estimator-shell::before { content: ""; position: absolute; z-index: -1; top: 1rem; right: -2.5rem; width: clamp(9rem, 18vw, 15rem); aspect-ratio: 1; opacity: .24; background: url('/smartdomgda-kolaz-pakiet-startowy-v1.png') center / cover no-repeat; filter: saturate(1.1) brightness(1.24); clip-path: polygon(16% 0, 100% 0, 100% 76%, 79% 100%, 0 100%, 0 18%); }
.estimator-intro { max-width: 49rem; margin: 1.7rem 0 1.15rem; padding: 1.1rem 0; }
.estimator-intro > span { max-width: 43rem; color: #e4f2ff; }
.estimator-panel { padding: clamp(1rem, 2.35vw, 1.9rem); border-color: rgba(105, 208, 222, .57); border-radius: 12px; background: linear-gradient(135deg, rgba(13, 54, 103, .9), rgba(5, 30, 69, .93)); box-shadow: inset 0 1px 0 rgba(211, 255, 249, .16), 0 1rem 2.5rem rgba(0, 7, 25, .2); }
.estimator-steps { max-width: 100%; gap: .55rem; }
.estimator-steps li > button { min-height: 3.05rem; padding: .58rem .72rem; border: 1px solid rgba(114, 188, 246, .38); border-radius: 6px; background: rgba(3, 24, 56, .64); }
.estimator-steps li > button:hover, .estimator-steps li.is-active > button { border-color: #75e4d5; background: linear-gradient(105deg, rgba(9, 92, 107, .8), rgba(10, 47, 102, .86)); }
.estimator-steps li b { width: 1.9rem; height: 1.9rem; background: rgba(10, 38, 79, .9); color: #8fdfe0; }
.estimator-steps li span { font-size: .88rem; }
.estimator-start { min-height: 16rem; gap: 2rem; }
.estimator-start aside { padding: 1rem; border-color: rgba(109, 211, 218, .45); border-radius: 9px; background: linear-gradient(145deg, rgba(6, 71, 88, .56), rgba(4, 28, 63, .68)); }
.estimator-start button, .estimator-next { display: inline-flex; align-items: center; justify-content: center; min-height: 2.55rem; padding: .45rem .55rem .45rem .78rem; border: 1px solid rgba(108, 207, 255, .64); border-left: 3px solid #72e2d2; border-radius: 6px; background: linear-gradient(100deg, rgba(8, 91, 105, .95), rgba(7, 41, 88, .95)); color: #f2fffc; font-size: .8rem; font-weight: 800; text-shadow: none; box-shadow: inset 0 1px 0 rgba(219, 255, 248, .14); }
.estimator-start button:hover, .estimator-next:hover { border-color: #a1f4e7; background: linear-gradient(100deg, rgba(12, 117, 125, .98), rgba(13, 60, 115, .98)); }
.estimator-start button b, .estimator-next b { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; margin-left: .58rem; border: 1px solid rgba(181, 255, 241, .8); border-radius: 4px; color: #a2ffed; }
.room-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .72rem; }
.room-card { min-height: 9.35rem; gap: .42rem; padding: .92rem; border-color: rgba(88, 168, 220, .58); border-radius: 9px; background: linear-gradient(145deg, rgba(8, 48, 91, .89), rgba(5, 27, 64, .91)); }
.room-card:hover { border-color: #79e5d6; background: linear-gradient(145deg, rgba(8, 81, 107, .92), rgba(9, 42, 91, .96)); }
.room-card i { width: 2.95rem; height: 2.95rem; }
.room-card i svg { width: 1.65rem !important; height: 1.65rem !important; }
.room-card b { font-size: 1rem; }
.room-card span { font-size: .78rem; line-height: 1.32; }
.room-card em { right: .72rem; top: .68rem; width: 1.55rem; height: 1.55rem; }
.equipment-layout { grid-template-columns: 11.3rem minmax(0, 1fr); gap: .8rem; }
.room-tabs button { padding: .75rem .78rem; border-radius: 6px; font-size: .84rem; }
.basic-group, .extra-options, .home-extras { border-radius: 10px; background: linear-gradient(145deg, rgba(8, 52, 96, .72), rgba(4, 28, 65, .82)); }
.basic-group__heading { grid-template-columns: 2.7rem minmax(0, 1fr) auto; gap: .75rem; padding: .86rem; }
.basic-group__heading > i { width: 2.55rem; height: 2.55rem; }
.basic-group__heading > i svg { width: 1.4rem !important; height: 1.4rem !important; }
.basic-group__heading b { font-size: 1.04rem; }
.basic-group__heading span { font-size: .79rem; line-height: 1.35; }
.basic-counter { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; width: min(100%, 54rem); margin: 0 auto; padding: .72rem .85rem; }
.basic-counter b { font-size: .94rem; }
.basic-counter span { font-size: .75rem; }
.counter { gap: .42rem; }
.counter button { width: 2.15rem; height: 2.15rem; font-size: 1.28rem; }
.counter strong { width: 1.45rem; font-size: 1rem; }
.choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .62rem; }
.choice-button { min-height: 4.65rem; gap: .58rem; padding: .7rem 2.25rem .7rem .68rem; border-radius: 8px; }
.choice-button > i { flex-basis: 2.25rem; width: 2.25rem; height: 2.25rem; }
.choice-button > i svg { width: 1.32rem !important; height: 1.32rem !important; }
.choice-button b { font-size: .86rem; }
.choice-button small { font-size: .69rem; line-height: 1.28; }
.choice-button > em { right: .68rem; width: 1.35rem; height: 1.35rem; }
.estimator-page .room-note { border-color: rgba(108, 221, 202, .63); background: linear-gradient(145deg, rgba(7, 85, 93, .5), rgba(5, 38, 78, .88)); }
.estimator-page .room-note__label { color: #93f0dc; }
.estimator-page .room-note strong { color: #eefeff; }
.estimator-page .room-note textarea { min-height: 6.6rem; border-color: rgba(106, 219, 202, .66); background: rgba(2, 21, 48, .72); color: #f1fffd; }
.estimator-page .room-note textarea::placeholder { color: #accbdb; }
.contact-form, .summary-grid section { border-color: rgba(109, 208, 220, .55) !important; border-radius: 10px !important; background: linear-gradient(145deg, rgba(9, 53, 97, .86), rgba(4, 28, 67, .93)) !important; }
.estimator-actions { margin-top: 1.15rem; }
.estimator-actions .estimator-back, .estimator-actions .estimator-next { min-height: 2.55rem; }
.packages-page--v2 .packages-intro, .packages-page--v2 .starter-package, .packages-page--v2 .package-choice, .packages-page--v2 .package-values { width: min(90%, 1510px); }
@media (max-width: 980px) {
  .estimator-shell { width: min(92%, 56rem); }
  .room-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .estimator-shell { width: min(100% - 1.2rem, 38rem); padding-bottom: 2rem; }
  .estimator-shell::before { top: .4rem; right: -.25rem; width: 7.2rem; opacity: .16; }
  .estimator-intro { padding-top: .6rem; }
  .estimator-panel { padding: .78rem; border-radius: 9px; }
  .estimator-steps { grid-template-columns: 1fr 1fr; gap: .4rem; }
  .estimator-steps li > button { min-height: 2.55rem; padding: .42rem .48rem; }
  .estimator-steps li span { font-size: .68rem; }
  .estimator-start { min-height: 0; gap: 1rem; }
  .room-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .room-card { min-height: 7rem; padding: .62rem; }
  .room-card i { width: 2.25rem; height: 2.25rem; }
  .room-card i svg { width: 1.22rem !important; height: 1.22rem !important; }
  .room-card b { font-size: .8rem; }
  .room-card span { font-size: .64rem; }
  .equipment-layout { grid-template-columns: 1fr; }
  .room-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .basic-group__heading { grid-template-columns: 2.1rem minmax(0, 1fr); padding: .66rem; }
  .basic-group__heading > strong { grid-column: 2; text-align: left; }
  .basic-counter { padding: .62rem; }
  .choice-grid { grid-template-columns: 1fr; gap: .48rem; }
  .choice-button { min-height: 3.85rem; padding: .55rem 2rem .55rem .6rem; }
  .choice-button > i { flex-basis: 1.95rem; width: 1.95rem; height: 1.95rem; }
  .choice-button b { font-size: .76rem; }
  .choice-button small { font-size: .62rem; }
  .estimator-actions { gap: .55rem; }
  .estimator-actions .estimator-back, .estimator-actions .estimator-next { min-height: 2.5rem; font-size: .72rem; }
}

/* Świeże tła pod pakiety i podstrony oferty — grafiki pozostają widoczne. */
.estimator-intro h1 em { background: linear-gradient(100deg, #ffd977 0%, #83efce 46%, #70bfff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 .12rem .3rem rgba(2, 13, 39, .62)); }
.packages-page--v2 { position: relative; isolation: isolate; background: radial-gradient(ellipse at 8% 16%, rgba(98, 205, 212, .27), transparent 27%), radial-gradient(ellipse at 91% 14%, rgba(100, 138, 246, .26), transparent 30%), linear-gradient(145deg, #06204a 0%, #0a3b77 48%, #08295e 100%); }
.packages-page--v2::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; opacity: .7; background: radial-gradient(circle at 79% 68%, rgba(249, 198, 79, .13), transparent 22%), linear-gradient(125deg, transparent 0 42%, rgba(104, 235, 215, .08) 42.1% 42.25%, transparent 42.4% 100%); }
.packages-page--v2 .packages-intro { border-color: rgba(111, 220, 215, .52); background: linear-gradient(105deg, rgba(6, 46, 85, .9), rgba(7, 47, 102, .68)); box-shadow: inset 0 1px 0 rgba(222, 255, 250, .13), 0 1rem 2.4rem rgba(0, 12, 37, .16); }
.packages-page--v2 .packages-intro::before { opacity: .42; background: linear-gradient(90deg, rgba(5, 32, 70, .88), rgba(7, 58, 109, .48) 57%, rgba(7, 42, 88, .08)), url('/smartdomgda-kolaz-pakiet-startowy-v1.png') right center / auto 100% no-repeat; }
.packages-page--v2 .packages-intro h1 { color: #f0fbff; text-shadow: 0 .12rem .5rem rgba(2, 10, 31, .46); }
.packages-page--v2 .packages-intro > span, .package-choice__title span, .packages-footer { color: #d5ecfa; }
.starter-package { border-color: rgba(113, 220, 214, .57); background: linear-gradient(100deg, rgba(7, 55, 94, .95), rgba(7, 39, 83, .93)); box-shadow: inset 0 1px 0 rgba(226, 255, 250, .13), 0 .9rem 2.1rem rgba(0, 10, 32, .16); }
.starter-package__art { background-image: linear-gradient(90deg, rgba(4, 40, 76, .06), rgba(4, 36, 76, .28)), url('/smartdomgda-kolaz-pakiet-startowy-v1.png'); }
.package-choice__title b { color: #f3fbff; }
.package-values { border-color: rgba(115, 216, 219, .48); background: rgba(5, 37, 78, .62); }
.package-values span { border-color: rgba(115, 216, 219, .3); color: #e6f8ff; }

.detail-page { background: radial-gradient(ellipse at 8% 12%, rgba(91, 201, 211, .24), transparent 26%), radial-gradient(ellipse at 88% 68%, rgba(89, 128, 241, .18), transparent 28%), linear-gradient(145deg, #061d44 0%, #0a3974 48%, #06265b 100%); }
.detail-page footer { border-color: rgba(114, 220, 214, .42); color: #d5ebf8; }
.detail-notes article { border-color: rgba(105, 209, 220, .54); background: linear-gradient(145deg, rgba(7, 56, 99, .9), rgba(4, 31, 72, .93)); backdrop-filter: none; }
.detail-page--wygoda .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .79) 0%, rgba(4, 33, 70, .62) 36%, rgba(7, 58, 109, .25) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-wygoda-18.png'); }
.detail-page--bezpieczenstwo .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .8) 0%, rgba(4, 33, 70, .63) 36%, rgba(7, 58, 109, .25) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-bezpieczenstwo-15.png'); }
.detail-page--energia .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .78) 0%, rgba(4, 33, 70, .6) 36%, rgba(7, 58, 109, .22) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-energia-03.png'); }
.detail-page--pelna-kontrola .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .79) 0%, rgba(4, 33, 70, .61) 36%, rgba(7, 58, 109, .21) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-pelna-kontrola-jasne-v1.png'); }
.detail-page--sceny .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .78) 0%, rgba(4, 33, 70, .6) 36%, rgba(7, 58, 109, .23) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-sceny-23.png'); }
.detail-page--automatyzacje .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .78) 0%, rgba(4, 33, 70, .6) 36%, rgba(7, 58, 109, .23) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-automatyzacje-22.png'); }
.detail-page--integracje .detail-hero { background-image: linear-gradient(90deg, rgba(3, 21, 50, .78) 0%, rgba(4, 33, 70, .6) 36%, rgba(7, 58, 109, .23) 62%, rgba(5, 36, 77, .04) 100%), url('/detail-integracje-08.png'); }
.detail-copy::before { border-color: rgba(119, 225, 214, .22); background: linear-gradient(120deg, rgba(5, 44, 86, .42), rgba(5, 44, 86, .03)); }
@media (max-width: 720px) {
  .packages-page--v2 .packages-intro::before { background-size: auto 100%; background-position: right center; }
  .detail-page { background: linear-gradient(160deg, #082b61, #06224f); }
}

/* Konfigurator jako scena Smart Home: obraz po lewej, wybory na miętowej ścianie po prawej. */
@media (min-width: 981px) {
  .estimator-page { background: #071a38; }
  .estimator-page::before { display: none; }
  .estimator-shell { width: min(96%, 1640px); min-height: 46rem; margin: 1.4rem auto 3rem; padding: clamp(1.6rem, 3vw, 3.2rem); overflow: hidden; border: 1px solid rgba(115, 229, 215, .48); border-radius: 17px; background: linear-gradient(90deg, rgba(4, 20, 49, .06) 0%, rgba(4, 24, 58, .1) 38%, rgba(3, 28, 63, .63) 52%, rgba(4, 39, 79, .91) 100%), url('/konfigurator-mietowa-sciana-referencja.png') center / cover no-repeat; box-shadow: 0 1.4rem 3.4rem rgba(0, 5, 21, .32), inset 0 1px 0 rgba(235, 255, 251, .17); }
  .estimator-shell::before { z-index: 0; top: 0; right: 44%; width: 1px; height: 100%; opacity: 1; clip-path: none; background: linear-gradient(180deg, transparent, rgba(115, 235, 215, .82) 38%, rgba(69, 143, 255, .72) 65%, transparent); box-shadow: 0 0 1rem rgba(109, 235, 214, .4); }
  .estimator-intro { position: relative; z-index: 1; width: 39%; max-width: 36rem; min-height: 12.5rem; margin: 0; padding: .4rem 0 1.2rem 1.4rem; }
  .estimator-intro p, .estimator-kicker { color: #90f6e1; text-shadow: 0 .1rem .35rem rgba(2, 15, 35, .7); }
  .estimator-intro h1 { max-width: 12ch; margin-top: .45rem; font-size: clamp(2.35rem, 4vw, 4.45rem); text-shadow: 0 .13rem .5rem rgba(2, 12, 31, .72); }
  .estimator-intro > span { display: block; max-width: 31rem; color: #f0fcff; font-size: clamp(.9rem, 1.18vw, 1.12rem); text-shadow: 0 .1rem .45rem rgba(2, 12, 31, .82); }
  .estimator-steps, .estimator-panel { position: relative; z-index: 1; width: min(56%, 51rem); margin-left: auto; margin-right: 2%; }
  .estimator-steps { margin-top: -10.4rem; }
  .estimator-steps li > button { min-height: 3.25rem; border-color: rgba(122, 233, 218, .48); background: linear-gradient(110deg, rgba(5, 44, 78, .76), rgba(7, 70, 104, .54)); }
  .estimator-panel { margin-top: .85rem; border-color: rgba(123, 235, 218, .54); background: linear-gradient(135deg, rgba(4, 37, 69, .76), rgba(5, 65, 90, .63)); box-shadow: inset 0 1px 0 rgba(225, 255, 249, .17), 0 1.2rem 2.5rem rgba(0, 10, 29, .2); }
  .estimator-start { min-height: 17.5rem; grid-template-columns: 1fr .63fr; }
  .estimator-start aside { background: linear-gradient(145deg, rgba(5, 91, 96, .56), rgba(4, 31, 71, .63)); }
}

/* Pakiety: jasny pejzaż Smart Home, bez starej czarnej ściany. */
.packages-page--v2 { background: linear-gradient(180deg, rgba(5, 33, 72, .28) 0%, rgba(5, 37, 80, .72) 57%, rgba(6, 42, 88, .92) 100%), url('/smartdomgda-hero-panorama-jasne-v1.png') center top / 100% auto no-repeat, #082d62; }
.packages-page--v2::before { opacity: .7; background: linear-gradient(125deg, transparent 0 44%, rgba(112, 241, 219, .14) 44.1% 44.22%, transparent 44.35% 100%), radial-gradient(circle at 79% 62%, rgba(255, 209, 95, .16), transparent 22%); }
.packages-page--v2 .packages-intro { margin-top: 1.65rem; background: linear-gradient(105deg, rgba(6, 44, 83, .82), rgba(6, 73, 111, .58)); }
.packages-page--v2 .packages-intro::before { opacity: .26; background: linear-gradient(90deg, rgba(5, 40, 79, .62), rgba(5, 65, 102, .11)), url('/smartdomgda-kolaz-pakiet-startowy-v1.png') right center / auto 100% no-repeat; }
.starter-package { background: linear-gradient(100deg, rgba(5, 51, 88, .91), rgba(5, 84, 112, .7)); }
.package-accordion--v2 .package-card { border-color: rgba(107, 211, 219, .57); background-color: #0a4b80; filter: saturate(1.08) brightness(1.16); }
.package-accordion--v2 .package-card::before { background: linear-gradient(90deg, rgba(3, 26, 60, .86) 0%, rgba(3, 31, 72, .56) 42%, rgba(3, 31, 72, .1) 77%, rgba(3, 31, 72, .06) 100%); }
.package-accordion--v2 .package-card--optimal { background-image: url('/smartdomgda-hero-panorama-jasne-v1.png'); background-position: 70% 50%; }
.package-accordion--v2 .package-card--comfort { background-image: url('/smartdomgda-kolaz-wygoda-v1.png'); background-position: center; }
.package-accordion--v2 .package-card--premium { background-image: url('/smartdomgda-kolaz-pelna-kontrola-v1.png'); background-position: center; filter: saturate(1.06) brightness(1.12); }
.package-accordion--v2 .package-card.is-active { border-color: #87f0df; box-shadow: 0 .9rem 2rem rgba(0, 16, 42, .25), inset 0 1px 0 rgba(240, 255, 252, .18); }
.package-accordion--v2 .package-card strong { color: #dffeff; text-shadow: 0 .1rem .4rem rgba(2, 11, 31, .76); }
.package-accordion--v2 .package-card--premium strong { color: #ffe18a; }

/* Tytuł konfiguratora pozostaje czytelny na jasnym tle sceny. */
.estimator-intro h1 em { background: none !important; -webkit-text-fill-color: #8cf2d3; color: #8cf2d3 !important; text-shadow: 0 .08rem .25rem rgba(2, 18, 42, .85), 0 0 .65rem rgba(111, 239, 208, .28); filter: none; }

/* Konfigurator: ostre, osobne kadry dla każdego kroku i spokojniejsze proporcje wyborów. */
.estimator-intro h1 em { background: linear-gradient(100deg, #ffd57a 0%, #89f2cf 46%, #7bbdff 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; text-shadow: none !important; }
.estimator-steps li.is-active > button { border-color: #a0f5e8 !important; background: linear-gradient(105deg, rgba(10,120,126,.94), rgba(15,70,136,.94)) !important; color:#fff !important; box-shadow:0 0 0 2px rgba(116,236,214,.17),0 .45rem 1.1rem rgba(3,14,37,.2); }
.estimator-steps li.is-active b { background:#f3be45 !important; color:#172033 !important; box-shadow:0 0 .9rem rgba(245,195,70,.56); }
.room-card em, .choice-button > em { display:none; }
.room-card.is-selected em, .choice-button.is-selected > em { display:grid; place-items:center; border:1px solid #fff0b8; border-radius:50%; background:linear-gradient(135deg,#ffd66d,#e79f2b); color:#191003; font-weight:900; box-shadow:0 .2rem .55rem rgba(246,184,53,.34); }
.extra-options__heading h3, .home-extras h3 { font-size:.9em !important; }
.quote-success { display:grid; gap:.25rem; margin-top:1rem; padding:.8rem .95rem; border:1px solid rgba(127,244,212,.86); border-left:4px solid #f1bd42; border-radius:7px; background:linear-gradient(105deg,rgba(8,94,91,.8),rgba(7,49,94,.9)); color:#effffb; }
.quote-success b { color:#b9ffe4; font-size:.92rem; }.quote-success span { color:#e3f6ff; font-size:.8rem; line-height:1.45; }
@media (min-width:981px) {
  .estimator-page--step-1 .estimator-shell { background-image:linear-gradient(90deg,rgba(3,17,38,.02) 0%,rgba(3,22,48,.04) 39%,rgba(4,29,65,.23) 45%,rgba(4,40,79,.7) 54%,rgba(5,57,91,.9) 100%),url('/konfigurator-mietowa-sciana-referencja.png'); }
  .estimator-page--step-2 .estimator-shell { background-image:linear-gradient(90deg,rgba(3,17,38,.02) 0%,rgba(3,22,48,.04) 39%,rgba(4,29,65,.23) 45%,rgba(4,40,79,.7) 54%,rgba(5,57,91,.9) 100%),url('/konfigurator-pomieszczenia-3d-v1.png'); }
  .estimator-page--step-3 .estimator-shell { background-image:linear-gradient(90deg,rgba(3,17,38,.02) 0%,rgba(3,22,48,.04) 39%,rgba(4,29,65,.23) 45%,rgba(4,40,79,.7) 54%,rgba(5,57,91,.9) 100%),url('/konfigurator-instalacja-engineering-v1.png'); }
  .estimator-page--step-4 .estimator-shell { background-image:linear-gradient(90deg,rgba(3,17,38,.02) 0%,rgba(3,22,48,.04) 39%,rgba(4,29,65,.23) 45%,rgba(4,40,79,.7) 54%,rgba(5,57,91,.9) 100%),url('/konfigurator-dodatki-smart-home-v1.png'); }
  .estimator-shell { background-position:center; background-size:cover; background-repeat:no-repeat; }
  .room-grid { gap:.58rem; }.room-card { min-height:7.8rem; gap:.32rem; padding:.68rem; }.room-card i { width:2.35rem; height:2.35rem; }.room-card i svg { width:1.3rem !important; height:1.3rem !important; }.room-card b { font-size:.87rem; }.room-card span { font-size:.68rem; line-height:1.26; }.room-card.is-selected em { top:.52rem; right:.52rem; width:1.35rem; height:1.35rem; font-size:.84rem; }
  .choice-grid { gap:.52rem; }.choice-button { min-height:4.05rem; gap:.52rem; padding:.58rem .7rem; }.choice-button > i { flex-basis:2.05rem; width:2.05rem; height:2.05rem; }.choice-button > i svg { width:1.18rem !important; height:1.18rem !important; }.choice-button b { font-size:.8rem; }.choice-button small { font-size:.64rem; line-height:1.25; }.choice-button.is-selected > em { position:static; flex:0 0 1.28rem; width:1.28rem; height:1.28rem; transform:none; font-size:.76rem; }
  .extra-options,.home-extras { padding:1rem; }.extra-options__heading { margin-bottom:.72rem; }.extra-options__heading p { font-size:.82rem; }.estimator-panel__heading p,.estimator-start p { font-size:.92rem; }
}
@media (max-width:720px) {
  .room-grid { gap:.46rem; }.room-card { min-height:6.45rem; padding:.52rem; }.room-card i { width:2.05rem; height:2.05rem; }.room-card i svg { width:1.12rem !important; height:1.12rem !important; }.room-card b { font-size:.74rem; }.room-card span { font-size:.6rem; line-height:1.2; }.room-card.is-selected em { top:.45rem; right:.45rem; width:1.2rem; height:1.2rem; font-size:.72rem; }
  .choice-grid { gap:.42rem; }.choice-button { min-height:3.5rem; gap:.48rem; padding:.45rem .52rem; }.choice-button > i { flex-basis:1.8rem; width:1.8rem; height:1.8rem; }.choice-button > i svg { width:1rem !important; height:1rem !important; }.choice-button b { font-size:.71rem; }.choice-button small { font-size:.58rem; line-height:1.18; }.choice-button.is-selected > em { position:static; flex:0 0 1.15rem; width:1.15rem; height:1.15rem; transform:none; font-size:.68rem; }
}
 /* Pakiety: pełny kadr ikon oraz czwarty, rozwijany kierunek indywidualny. */
.package-choice__title b { font-size:clamp(1.28rem,1.7vw,1.72rem) !important; letter-spacing:.01em; }.package-choice__title span { font-size:clamp(.78rem,.95vw,.92rem) !important; }.package-accordion--v2 .package-card--optimal { background-position:70% 64%; }.package-accordion--v2 .package-card--individual { background-image:url('/konfigurator-dodatki-smart-home-v1.png'); background-position:center; filter:saturate(1.04) brightness(1.08); }.package-accordion--v2 .package-card--individual strong { color:#91f0da; }.package-accordion--v2 .package-card--individual.is-active::after { background:linear-gradient(90deg,#218d84,#95f4dc,#218d84); box-shadow:0 0 18px rgba(99,239,207,.82); }
@media (min-width:721px) { .package-accordion--v2 .package-card.is-active { flex:5.15; } }
@media (max-width:720px) { .package-choice__title b { font-size:1.08rem !important; }.package-choice__title span { font-size:.67rem !important; }.package-accordion--v2 .package-card--optimal { background-position:70% 65%; } }


/* Kolejny porządek: instalacja, pakiety i kontakt w jednym, smukłym stylu SmartDomGDA. */
@media (min-width:981px) {
  .estimator-steps, .estimator-panel { width:min(66%,63rem); margin-right:0; }
  .equipment-layout { grid-template-columns:9.85rem minmax(0,1fr); gap:.72rem; }
  .room-tabs button { padding:.6rem .64rem; font-size:.76rem; line-height:1.18; }
  .equipment-step .estimator-panel__heading h2 { font-size:clamp(1.28rem,1.65vw,1.72rem); }
  .equipment-step .estimator-panel__heading p, .equipment-step .basic-group__heading span, .equipment-step .basic-counter span, .equipment-step .extra-options__heading p { font-size:.72rem; line-height:1.3; }
  .equipment-step .basic-group__heading b { font-size:.91rem; }
  .equipment-step .basic-counter b { font-size:.82rem; }
  .equipment-step .choice-button { min-height:3.65rem; padding:.44rem .55rem; gap:.42rem; }
  .equipment-step .choice-button > i { flex-basis:1.88rem; width:1.88rem; height:1.88rem; }
  .equipment-step .choice-button > i svg { width:1.02rem !important; height:1.02rem !important; }
  .equipment-step .choice-button b { font-size:.71rem; line-height:1.05; }
  .equipment-step .choice-button small { font-size:.56rem; line-height:1.16; }
  .equipment-step .choice-button.is-selected > em { flex-basis:1.08rem; width:1.08rem; height:1.08rem; font-size:.65rem; }
  .room-grid { width:95%; margin:0 auto; }
  .room-card { align-items:center; text-align:center; }
  .room-card i { align-self:flex-start; }
  .room-card b { font-size:.81rem; line-height:1.05; }
  .room-card span { font-size:.61rem; line-height:1.18; }
}
/* Cztery pakiety pozostają widoczne jako osobne ramki, także przy otwartej karcie. */
.package-accordion--v2 { gap:.7rem; }
.package-accordion--v2 .package-card { flex:1 1 0; min-width:0; border-width:1px; box-shadow:inset 0 0 0 1px rgba(167,233,244,.15), inset 0 -3rem 3rem rgba(0,8,27,.27); }
.package-accordion--v2 .package-card.is-active { flex:3.35 1 0; }
.package-accordion--v2 .package-card strong { padding:.46rem .28rem; border:1px solid rgba(202,245,255,.52); border-radius:5px; background:rgba(3,19,46,.74); font-size:1.47rem; line-height:1; text-shadow:0 .08rem .32rem rgba(0,0,0,.78); }
.package-accordion--v2 .package-card--optimal strong { color:#ffffff; border-color:rgba(255,255,255,.78); }
.package-accordion--v2 .package-card--comfort strong { color:#9df2c6; border-color:rgba(126,233,170,.72); }
.package-accordion--v2 .package-card--premium strong { color:#ffe184; border-color:rgba(255,209,94,.75); }
.package-accordion--v2 .package-card--individual strong { background:linear-gradient(100deg,#f4c552,#77e0a7 49%,#61aaff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; border-color:rgba(122,224,205,.78); }
.package-accordion--v2 .package-card.is-active strong { font-size:1.84rem; }
.package-accordion--v2 .package-card.is-active .package-card__open { max-width:68%; }
@media (max-width:720px) {
  .package-accordion--v2 .package-card { min-height:4.2rem; }
  .package-accordion--v2 .package-card.is-active { min-height:14.5rem; }
  .package-accordion--v2 .package-card strong { writing-mode:initial; transform:none; font-size:1rem; }
  .package-accordion--v2 .package-card.is-active strong { font-size:1.22rem; }
  .package-accordion--v2 .package-card.is-active .package-card__open { max-width:100%; }
}
/* Strona kontaktu: jasna scena, kompaktowe karty i prostokątne akcje. */
.contact-page { background:linear-gradient(150deg,rgba(5,36,78,.72),rgba(9,70,103,.54) 44%,rgba(5,38,77,.9)),url('/smartdomgda-kontakt-jasne-v1.png') center top / cover fixed no-repeat,#082c60; }
.contact-hero { min-height:18rem; border-radius:12px; background:linear-gradient(90deg,rgba(3,20,47,.9) 0%,rgba(4,38,75,.72) 46%,rgba(4,40,78,.08) 100%),url('/smartdomgda-kontakt-jasne-v1.png') center / cover no-repeat; box-shadow:inset 0 1px 0 rgba(227,255,251,.18),0 1rem 2rem rgba(0,13,37,.2); }
.contact-copy { width:min(57%,46rem); padding:clamp(1.5rem,4vw,3.7rem); }
.contact-copy h1 { margin:.55rem 0 .8rem; font-size:clamp(2.15rem,4vw,4.15rem); line-height:.98; }
.contact-copy>span { font-size:clamp(.86rem,1.12vw,1.05rem); line-height:1.48; }
.contact-hero__art { display:none; }
.contact-options { gap:.72rem; margin:1rem auto; }
.contact-option { min-height:7.3rem; gap:.72rem; padding:.9rem; border-color:rgba(105,219,217,.62); border-radius:9px; background:linear-gradient(120deg,rgba(7,58,96,.88),rgba(5,36,78,.9)); }
.contact-option>i { flex-basis:2.65rem; width:2.65rem; height:2.65rem; border-radius:7px; font-size:1.25rem; }
.contact-option b { font-size:.7rem; letter-spacing:.08em; }.contact-option strong { margin:.2rem 0; font-size:1rem; }.contact-option span,.contact-option--phone small { font-size:.72rem; line-height:1.32; }.contact-option--phone small { margin-top:.35rem; color:#ffe395; }.contact-option>em { font-size:1.25rem; }
.contact-form-shell { grid-template-columns:minmax(13rem,.68fr) minmax(34rem,1.32fr); gap:1.35rem; margin-top:1rem; padding:1.25rem; border-radius:11px; border-color:rgba(105,219,217,.62); background:linear-gradient(115deg,rgba(5,53,88,.92),rgba(5,33,74,.94)); }
.contact-form-shell h2 { margin:.38rem 0 .62rem; font-size:clamp(1.65rem,2.55vw,2.8rem); }.contact-form-shell>div>span { font-size:.86rem; line-height:1.45; }
.contact-simple-form { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.68rem; }.contact-simple-form>label { gap:.28rem; font-size:.76rem; }.contact-simple-form input,.contact-simple-form textarea { box-sizing:border-box; padding:.58rem .65rem; border-radius:6px; font-size:.84rem; }.contact-simple-form textarea { min-height:5.2rem; }.contact-simple-form__attachment { grid-column:1/-1; }.contact-simple-form .consent-check,.contact-simple-form .robot-check { font-size:.78rem; line-height:1.34; }.contact-simple-form button { min-height:2.55rem; padding:.55rem .78rem; font-size:.82rem; }
@media (max-width:980px) { .contact-form-shell { grid-template-columns:1fr; }.contact-simple-form { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .contact-hero { min-height:22rem; background-position:62% center; }.contact-copy { width:100%; padding:1.2rem; }.contact-copy h1 { font-size:clamp(2rem,10vw,3rem); }.contact-copy>span { font-size:.8rem; }.contact-options { gap:.55rem; }.contact-option { min-height:0; padding:.75rem; }.contact-option>i { flex-basis:2.25rem; width:2.25rem; height:2.25rem; }.contact-option strong { font-size:.9rem; }.contact-option span,.contact-option--phone small { font-size:.66rem; }.contact-form-shell { padding:.8rem; }.contact-simple-form { grid-template-columns:1fr; }.contact-simple-form>label { font-size:.74rem; } }
/* Wspólny styl aktywnych działań publicznej strony — bez owali. */
.detail-contact,.detail-button,.approved-button,.preview-button,.button,.starter-package>a,.package-card__open a,.contact-simple-form button { border-radius:6px !important; border-left:3px solid #79e6d4 !important; background:linear-gradient(105deg,rgba(8,99,105,.96),rgba(8,52,111,.96)) !important; color:#f3fffd !important; box-shadow:inset 0 1px 0 rgba(225,255,250,.18),0 .45rem 1rem rgba(0,13,36,.14); }
.detail-contact:hover,.detail-button:hover,.approved-button:hover,.preview-button:hover,.button:hover,.starter-package>a:hover,.package-card__open a:hover,.contact-simple-form button:hover { border-color:#b5fff2 !important; background:linear-gradient(105deg,rgba(12,128,125,.98),rgba(13,70,135,.98)) !important; }


/* Doprecyzowanie pakietów i kontaktu: czysty napis, mniej pustej przestrzeni. */
.package-accordion--v2 .package-card strong,
.package-accordion--v2 .package-card--optimal strong,
.package-accordion--v2 .package-card--comfort strong,
.package-accordion--v2 .package-card--premium strong,
.package-accordion--v2 .package-card--individual strong {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.package-accordion--v2 .package-card strong { font-size: 1.55rem; line-height: 1.08; }
.package-accordion--v2 .package-card.is-active strong { font-size: 1.94rem; }
.package-accordion--v2 .package-card--individual strong {
  background: linear-gradient(100deg,#f4c552,#77e0a7 49%,#61aaff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.package-accordion--v2 .package-card__open { padding-top: .34rem; }
.package-accordion--v2 .package-card__open small { display: block; margin: 0 0 .42rem; font-size: 1rem; line-height: 1.1; }
.package-accordion--v2 .package-card__open h2 { margin: 0 0 .38rem; font-size: 1rem; line-height: 1.18; }
.package-accordion--v2 .package-card__open p { max-width: 31rem; margin: 0 0 .48rem; font-size: .84rem; line-height: 1.42; }
.package-accordion--v2 .package-card__open ul { margin: .38rem 0 .62rem; font-size: .8rem; line-height: 1.38; }
.starter-package { grid-template-columns: 15rem minmax(0,1.5fr) auto auto; gap: 1rem; align-items: center; }
.starter-package__copy p { display:flex; align-items:baseline; gap:.38rem; margin:0; white-space:nowrap; }
.starter-package__copy p small { color:#d3eafb; font-size:.78rem; font-weight:650; }
.starter-package__copy h2 { display:none; }
.starter-package__copy ul { margin:.4rem 0 0; }

.contact-page { background-image:linear-gradient(150deg,rgba(5,36,78,.68),rgba(9,70,103,.45) 44%,rgba(5,38,77,.86)),url('/smartdomgda-kontakt-wejscie-v2.png'); }
.contact-hero { min-height:16rem; background-image:linear-gradient(90deg,rgba(3,20,47,.92) 0%,rgba(4,38,75,.72) 42%,rgba(4,40,78,.05) 100%),url('/smartdomgda-kontakt-wejscie-v2.png'); background-position:center; }
.contact-copy { width:min(50%,40rem); padding:clamp(1.35rem,3.2vw,2.8rem); }
.contact-copy h1 { margin:.38rem 0 .58rem; font-size:clamp(1.95rem,3.45vw,3.45rem); }
.contact-form-shell { grid-template-columns:minmax(10rem,.35fr) minmax(38rem,1.65fr); gap:1rem; margin-top:.8rem; padding:.92rem 1rem; }
.contact-form-shell h2 { margin:.28rem 0 .45rem; font-size:clamp(1.45rem,2.05vw,2.15rem); line-height:1.04; }
.contact-form-shell>div>span { font-size:.76rem; line-height:1.38; }
.contact-simple-form { gap:.5rem .68rem; }
.contact-simple-form input,.contact-simple-form textarea { padding:.49rem .58rem; font-size:.8rem; }
.contact-simple-form textarea { min-height:4.3rem; }
.contact-simple-form .consent-check { grid-column:1 / span 2; font-size:.72rem; }
.contact-simple-form .robot-check { grid-column:3; align-self:center; font-size:.72rem; }
.contact-simple-form button { min-height:2.32rem; padding:.45rem .68rem; font-size:.76rem; }
@media (max-width:980px) {
  .starter-package { grid-template-columns: 10rem minmax(0,1fr) auto; }
  .starter-package>a { grid-column:2 / -1; justify-self:start; }
  .contact-form-shell { grid-template-columns:1fr; }
  .contact-simple-form .consent-check { grid-column:1 / -1; }
  .contact-simple-form .robot-check { grid-column:auto; }
}
@media (max-width:720px) {
  .package-accordion--v2 .package-card strong { font-size:1.08rem; }
  .package-accordion--v2 .package-card.is-active strong { font-size:1.34rem; }
  .package-accordion--v2 .package-card__open small { margin-bottom:.3rem; font-size:.84rem; }
  .package-accordion--v2 .package-card__open h2 { font-size:.86rem; }
  .package-accordion--v2 .package-card__open p,.package-accordion--v2 .package-card__open ul { font-size:.71rem; }
  .starter-package { grid-template-columns:5.6rem minmax(0,1fr); gap:.65rem; }
  .starter-package>strong { grid-column:2; }.starter-package>a { grid-column:1 / -1; }
  .starter-package__copy p { display:block; white-space:normal; }.starter-package__copy p small { display:block; margin-top:.16rem; }
  .contact-hero { min-height:18rem; background-position:60% center; }
  .contact-copy { width:100%; padding:1.05rem; }.contact-copy h1 { font-size:2.1rem; }
  .contact-simple-form .consent-check,.contact-simple-form .robot-check { grid-column:auto; }
}

/* Kadr kontaktu: pełne symbole po prawej, bez ich przycinania. */
.contact-hero {
  background-size: 100% 100%, 94% auto;
  background-position: center, right 7% top 8%;
  background-repeat: no-repeat;
}
@media (max-width:720px) {
  .contact-hero { background-size: 100% 100%, auto 104%; background-position: center, 64% 8%; }
}

/* Kontakt jako trzy wybory i jedna wysuwana, żywa karta. */
.contact-options,.contact-form-shell { display:none; }
.contact-workspace { display:grid; grid-template-columns:minmax(13rem,.42fr) minmax(0,1.58fr); gap:.8rem; width:min(92%,74rem); margin:1rem auto 2.4rem; align-items:stretch; }
.contact-workspace__switches { display:grid; gap:.62rem; align-content:start; }
.contact-workspace__switches button { display:grid; grid-template-columns:2.2rem minmax(0,1fr) auto; align-items:center; gap:.58rem; min-height:5.1rem; padding:.72rem; border:1px solid rgba(104,207,225,.55); border-left:4px solid rgba(112,229,210,.72); border-radius:8px; background:linear-gradient(125deg,rgba(5,49,87,.9),rgba(6,29,68,.92)); color:#edfaff; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.contact-workspace__switches button:hover { transform:translateX(.18rem); border-color:#9cf5e3; }
.contact-workspace__switches button.is-active { border-color:#a6f5dc; border-left-color:#d4ff79; background:linear-gradient(110deg,rgba(15,105,100,.9),rgba(10,63,111,.97)); box-shadow:0 .65rem 1.3rem rgba(1,22,53,.24),inset 0 1px 0 rgba(235,255,181,.22); }
.contact-workspace__switches i { display:grid; place-items:center; width:2.2rem; height:2.2rem; border:1px solid rgba(135,242,224,.64); border-radius:7px; color:#9dffe8; font-size:1rem; font-style:normal; }
.contact-workspace__switches button.is-active i { border-color:#d4ff79; color:#f4ffb9; box-shadow:0 0 .8rem rgba(203,255,103,.23); }
.contact-workspace__switches span { display:grid; gap:.14rem; }.contact-workspace__switches b { font-size:.89rem; }.contact-workspace__switches small { color:#bdcfe8; font-size:.68rem; font-weight:650; }.contact-workspace__switches em { color:#f3d169; font-size:1.12rem; font-style:normal; }
.contact-workspace__panel { min-height:16.75rem; overflow:hidden; border:1px solid rgba(114,229,215,.72); border-radius:11px; background:linear-gradient(118deg,rgba(6,73,87,.91),rgba(8,43,93,.96)); box-shadow:inset 0 1px 0 rgba(231,255,246,.2),0 .95rem 2.2rem rgba(0,15,43,.24); animation:contact-panel-in .28s ease both; }
.contact-workspace__info,.contact-workspace__form { min-height:100%; box-sizing:border-box; padding:clamp(1rem,2.6vw,2rem); }
.contact-workspace__info { display:grid; align-content:center; justify-items:start; gap:.55rem; background:linear-gradient(108deg,rgba(4,35,67,.38),rgba(5,85,91,.15)),url('/smartdomgda-kontakt-wejscie-v2.png') right center / auto 132% no-repeat; }
.contact-workspace__info p,.contact-workspace__form p { margin:0; color:#a0f4e1; font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.contact-workspace__info h2,.contact-workspace__form h2 { margin:0; color:#fff; font-size:clamp(1.55rem,2.65vw,2.45rem); line-height:1.04; }
.contact-workspace__info>span,.contact-workspace__form>div>span { max-width:34rem; color:#dbeeff; font-size:.88rem; line-height:1.48; }
.contact-workspace__info a { display:inline-flex; align-items:center; gap:.6rem; margin-top:.5rem; min-height:2.55rem; padding:.5rem .72rem; border:1px solid #a4f0dd; border-left:4px solid #dcff79; border-radius:6px; background:linear-gradient(100deg,rgba(8,115,107,.95),rgba(8,58,112,.97)); color:#f7fffd; font-size:.85rem; font-weight:850; text-decoration:none; }
.contact-workspace__info a b { color:#dfff82; font-size:1rem; }
.contact-workspace__form { display:grid; grid-template-columns:minmax(10rem,.52fr) minmax(0,1.48fr); gap:1rem; background:radial-gradient(circle at 13% 14%,rgba(173,255,111,.11),transparent 26%),linear-gradient(112deg,rgba(4,42,72,.78),rgba(5,76,85,.73)); }
.contact-workspace__form>div { align-self:start; }.contact-workspace__form h2 { margin:.32rem 0 .48rem; font-size:clamp(1.35rem,2.1vw,2.05rem); }
.contact-simple-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.52rem .62rem; align-self:start; }
.contact-simple-form>label { gap:.25rem; color:#c8fff2; font-size:.72rem; font-weight:800; }
.contact-simple-form input,.contact-simple-form textarea { border:1px solid rgba(127,233,213,.68); border-left:3px solid #b7f167; border-radius:6px; background:rgba(1,20,45,.88); color:#f8fffd; padding:.5rem .58rem; font-size:.8rem; box-shadow:inset 0 1px 0 rgba(239,255,221,.06); }
.contact-simple-form input:focus,.contact-simple-form textarea:focus { outline:2px solid rgba(190,255,120,.42); border-color:#c8ff82; }
.contact-simple-form textarea { min-height:4.4rem; }.contact-simple-form__message,.contact-simple-form__attachment,.contact-simple-form .consent-check { grid-column:1/-1; }
.contact-simple-form .consent-check { display:flex; align-items:flex-start; gap:.48rem; color:#d8fff5; font-size:.69rem; line-height:1.32; }.contact-simple-form .robot-check { grid-column:1; align-self:center; font-size:.7rem; }.contact-simple-form button { grid-column:2; justify-self:end; min-height:2.35rem; margin:0; padding:.45rem .7rem; border-color:#a3eddd!important; border-left-color:#d7ff79!important; color:#f4fffd!important; font-size:.75rem; }
@keyframes contact-panel-in { from { opacity:.2; transform:translateX(-1rem); } to { opacity:1; transform:translateX(0); } }
@media (max-width:780px) { .contact-workspace { grid-template-columns:1fr; width:min(94%,36rem); }.contact-workspace__switches { grid-template-columns:repeat(3,minmax(0,1fr)); }.contact-workspace__switches button { grid-template-columns:1fr; justify-items:center; min-height:4.35rem; padding:.48rem; text-align:center; }.contact-workspace__switches small,.contact-workspace__switches em { display:none; }.contact-workspace__panel { min-height:0; }.contact-workspace__info { min-height:15rem; background-size:auto 110%; }.contact-workspace__form { grid-template-columns:1fr; }.contact-simple-form { grid-template-columns:1fr; }.contact-simple-form .robot-check,.contact-simple-form button { grid-column:auto; justify-self:start; } }

/* Trzy jasne drogi kontaktu: telefon, formularz i przejście do konfiguratora. */
.contact-page { background:#082d62; }
.contact-hero { background-size:100% 100%,100% 100%; background-position:center; }
.contact-workspace__switches .contact-workspace__configure { display:grid; grid-template-columns:2.2rem minmax(0,1fr) auto; align-items:center; gap:.58rem; min-height:5.1rem; box-sizing:border-box; padding:.72rem; border:1px solid rgba(104,207,225,.55); border-left:4px solid rgba(112,229,210,.72); border-radius:8px; background:linear-gradient(125deg,rgba(5,49,87,.9),rgba(6,29,68,.92)); color:#edfaff; text-align:left; text-decoration:none; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.contact-workspace__configure:hover { transform:translateX(.18rem); border-color:#9cf5e3; background:linear-gradient(110deg,rgba(13,102,96,.92),rgba(9,63,112,.96)); }
.contact-workspace__configure i { display:grid; place-items:center; width:2.2rem; height:2.2rem; border:1px solid #8ae9d9; border-radius:7px; color:#d9ff82; font-size:1.35rem; font-style:normal; line-height:1; }
.contact-workspace__configure span { display:grid; gap:.14rem; }.contact-workspace__configure b { font-size:.89rem; }.contact-workspace__configure small { color:#bdcfe8; font-size:.68rem; font-weight:650; }.contact-workspace__configure em { color:#f3d169; font-size:1.12rem; font-style:normal; }
.contact-workspace__info { background-image:linear-gradient(90deg,rgba(4,35,67,.88) 0%,rgba(4,39,70,.68) 42%,rgba(5,66,79,.12) 100%),url('/smartdomgda-kontakt-telefon-v1.png'); background-position:center; background-size:cover; }
.contact-workspace__form { background-image:linear-gradient(100deg,rgba(3,48,74,.88) 0%,rgba(5,82,90,.74) 44%,rgba(5,53,84,.21) 100%),url('/smartdomgda-kontakt-zapytanie-v1.png'); background-position:center; background-size:cover; }
@media (max-width:780px) { .contact-workspace__switches .contact-workspace__configure { grid-template-columns:1fr; justify-items:center; min-height:4.35rem; padding:.48rem; text-align:center; }.contact-workspace__configure small,.contact-workspace__configure em { display:none; } }

/* Formularz zapytania: pole pozostaje częścią obrazu, z delikatnym złotym akcentem. */
.contact-workspace__form { background-image:linear-gradient(100deg,rgba(4,45,67,.58) 0%,rgba(8,85,91,.34) 43%,rgba(8,55,85,.08) 100%),url('/smartdomgda-kontakt-zapytanie-v1.png'); }
.contact-simple-form>label { color:#fff1bb; text-shadow:0 1px 2px rgba(2,16,35,.82); }
.contact-simple-form input,.contact-simple-form textarea {
  border:1px solid rgba(247,206,100,.7);
  border-left:3px solid #f3c34d;
  background:rgba(3,25,52,.34);
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.84rem;
  font-weight:650;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.72);
  box-shadow:inset 0 1px 0 rgba(255,248,204,.16),0 .2rem .65rem rgba(1,16,40,.12);
}
.contact-simple-form input::placeholder,.contact-simple-form textarea::placeholder { color:rgba(255,244,203,.78); opacity:1; }
.contact-simple-form input:focus,.contact-simple-form textarea:focus { outline:2px solid rgba(145,244,215,.38); border-color:#ffe28c; border-left-color:#d7ff79; background:rgba(3,38,62,.4); }
.contact-simple-form .consent-check,.contact-simple-form .robot-check { color:#f3f8ff; text-shadow:0 1px 2px rgba(1,13,32,.85); }
.contact-simple-form .consent-check input,.contact-simple-form .robot-check input { accent-color:#f2c34f; }

/* Dyskretny, uśmiechnięty robot przy kontroli formularza. */
.contact-simple-form .robot-check { display:flex; align-items:center; gap:.46rem; }
.contact-simple-form .robot-check span { display:inline-flex; align-items:center; gap:.38rem; }
.contact-simple-form .robot-check span::after { content:'🤖'; display:inline-grid; place-items:center; width:1.55rem; height:1.55rem; border:1px solid rgba(240,196,81,.78); border-radius:6px; background:rgba(7,56,78,.56); font-size:1rem; line-height:1; filter:drop-shadow(0 .12rem .22rem rgba(0,14,37,.35)); }

/* Pola formularza są jedynie złotym konturem na żywym tle. */
.contact-simple-form input,.contact-simple-form textarea {
  border:2px solid rgba(247,206,100,.84);
  border-left:4px solid #f3c34d;
  background:transparent;
  box-shadow:inset 0 1px 0 rgba(255,248,204,.16),0 .16rem .55rem rgba(1,16,40,.08);
}
.contact-simple-form input:focus,.contact-simple-form textarea:focus { border-width:2px; border-left-width:4px; background:rgba(4,61,72,.12); }

/* Kontakt: ostry, proporcjonalny kadr oraz pola o stałej szerokości. */
.contact-hero {
  background-image:linear-gradient(90deg,rgba(3,20,47,.78) 0%,rgba(4,38,75,.45) 43%,rgba(4,40,78,.04) 100%),url('/smartdomgda-kontakt-wejscie-v2.png');
  background-size:cover;
  background-position:center 13%;
}
.contact-workspace__form .contact-simple-form { width:min(100%,44rem); grid-template-columns:18rem 23rem; }
.contact-workspace__form .contact-simple-form>label { min-width:0; }
.contact-simple-form input,.contact-simple-form textarea { min-width:0; max-width:100%; background:rgba(3,25,52,.22); }
.contact-simple-form input:-webkit-autofill,.contact-simple-form input:-webkit-autofill:hover,.contact-simple-form input:-webkit-autofill:focus {
  -webkit-text-fill-color:#fff !important;
  -webkit-box-shadow:0 0 0 1000px rgba(3,25,52,.24) inset !important;
  box-shadow:0 0 0 1000px rgba(3,25,52,.24) inset !important;
  caret-color:#fff;
}
@media (max-width:980px) { .contact-workspace__form .contact-simple-form { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:780px) { .contact-hero { background-position:57% 12%; }.contact-workspace__form .contact-simple-form { grid-template-columns:1fr; } }

/* Nagłówek konfiguratora: mocniejszy kontrast i bez nachodzenia na ramkę. */
@media (min-width:981px) {
  .estimator-intro { position:relative; left:-.75rem; }
  .estimator-intro h1 { font-size:clamp(2.8rem,4.35vw,4.55rem); text-shadow:0 .14rem .42rem rgba(1,13,39,.72); }
  .estimator-intro h1>span { color:#ffffff; text-shadow:0 .14rem .42rem rgba(1,13,39,.78); }
  .estimator-intro h1 em { filter:drop-shadow(0 .14rem .32rem rgba(1,13,39,.8)); }
  .estimator-intro>span { text-shadow:0 .08rem .25rem rgba(1,13,39,.78); }
}

/* Nagłówek kreatora nie wchodzi na pierwszy etap. */
@media (min-width:981px) {
  .estimator-intro { left:-1.85rem; max-width:35.5rem; }
}

/* Podstrony oferty: tytuły mają być ostre i czytelne na każdym jasnym kadrze. */
.detail-page { --detail-title: #f8fbff; }
.detail-page--wygoda { --detail-title: #fff0ad; }
.detail-page--bezpieczenstwo { --detail-title: #c8fff1; }
.detail-page--energia { --detail-title: #efffb5; }
.detail-page--pelna-kontrola { --detail-title: #d4efff; }
.detail-page--sceny { --detail-title: #ffe7a3; }
.detail-page--automatyzacje { --detail-title: #bfe4ff; }
.detail-page--integracje { --detail-title: #d1f7ff; }

.detail-copy h1 {
  max-width: 15ch;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--detail-title) !important;
  color: var(--detail-title) !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(2.45rem, 4.15vw, 4.55rem);
  font-weight: 850;
  letter-spacing: -.045em;
  line-height: 1.01;
  text-shadow:
    0 2px 0 rgba(1, 12, 31, .94),
    0 0 18px rgba(1, 10, 29, .95),
    0 0 2px rgba(255, 255, 255, .4);
  -webkit-text-stroke: .55px rgba(1, 12, 31, .84);
}
.detail-copy h2 {
  max-width: min(100%, 47rem);
  color: #f8fbff !important;
  font-weight: 600;
  overflow-wrap: anywhere;
  text-shadow: 0 2px 5px rgba(1, 11, 29, .92);
}
.detail-copy > p {
  color: #f4fffc;
  font-weight: 900;
  text-shadow: 0 1px 3px rgba(0, 8, 25, .95);
}

@media (max-width:980px) {
  .detail-copy {
    width: min(calc(100% - 2.5rem), 43rem);
    margin: 0 auto;
    padding: clamp(2.2rem, 8vh, 4.2rem) 0;
  }
  .detail-copy h1 {
    max-width: 14ch;
    font-size: clamp(2.25rem, 7vw, 3.65rem);
  }
  .detail-copy h2 {
    max-width: 100%;
    font-size: clamp(.98rem, 2.25vw, 1.18rem);
    line-height: 1.55;
  }
}

/* Pakiety na telefonie: treść rozwiniętej karty zawsze czytelna. */
@media (max-width:720px) {
  .packages-page--v2 .package-choice { width:min(92%,31rem); }
  .package-accordion--v2 { gap:.62rem; min-height:0; }
  .package-accordion--v2 .package-card {
    min-height:4.45rem;
    padding:.72rem .82rem;
    align-items:center;
    background-position:center!important;
  }
  .package-accordion--v2 .package-card::before {
    background:linear-gradient(90deg,rgba(3,24,57,.9) 0%,rgba(3,28,66,.66) 58%,rgba(3,27,60,.18) 100%)!important;
  }
  .package-accordion--v2 .package-card strong {
    display:inline-block;
    max-width:100%;
    color:#f2fbff!important;
    font-size:1.12rem!important;
    font-weight:900;
    letter-spacing:0;
    text-shadow:0 .1rem .38rem rgba(0,0,0,.92);
  }
  .package-accordion--v2 .package-card--comfort strong { color:#b5ffd4!important; }
  .package-accordion--v2 .package-card--premium strong { color:#ffe89b!important; }
  .package-accordion--v2 .package-card--individual strong { color:#aef6df!important; background:none!important; -webkit-text-fill-color:currentColor; }
  .package-accordion--v2 .package-card.is-active {
    min-height:25.5rem;
    padding:1rem;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
    background-position:center!important;
  }
  .package-accordion--v2 .package-card.is-active::before {
    background:linear-gradient(180deg,rgba(3,22,52,.42) 0%,rgba(3,22,52,.78) 30%,rgba(3,22,52,.97) 54%,rgba(3,22,52,.99) 100%)!important;
  }
  .package-accordion--v2 .package-card.is-active strong {
    position:static!important;
    margin:0 0 .58rem;
    font-size:1.42rem!important;
    line-height:1.08;
  }
  .package-accordion--v2 .package-card.is-active .package-card__open {
    display:block;
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:.8rem .82rem!important;
    box-sizing:border-box;
    border:1px solid rgba(155,242,227,.5);
    border-left:3px solid #8cf0df;
    border-radius:8px;
    background:linear-gradient(135deg,rgba(7,54,92,.96),rgba(4,25,59,.97));
    box-shadow:0 .5rem 1.3rem rgba(0,7,28,.28);
  }
  .package-accordion--v2 .package-card__open small {
    margin:0 0 .38rem!important;
    color:#ffe394;
    font-size:1rem!important;
    font-weight:900;
  }
  .package-accordion--v2 .package-card__open h2 {
    margin:0 0 .48rem!important;
    color:#f4fbff;
    font-size:.98rem!important;
    line-height:1.22!important;
  }
  .package-accordion--v2 .package-card__open p {
    margin:0 0 .52rem!important;
    color:#e4f3f8;
    font-size:.82rem!important;
    line-height:1.47!important;
  }
  .package-accordion--v2 .package-card__open ul {
    margin:.42rem 0 .7rem!important;
    padding-left:1.1rem;
    color:#d6f4ee;
    font-size:.76rem!important;
    line-height:1.45!important;
  }
  .package-accordion--v2 .package-card__open a {
    min-height:2.55rem;
    box-sizing:border-box;
    padding:.58rem .72rem!important;
    font-size:.78rem!important;
  }
}
@media (max-width:390px) {
  .package-accordion--v2 .package-card.is-active { min-height:26.6rem; }
  .package-accordion--v2 .package-card__open { padding:.72rem!important; }
  .package-accordion--v2 .package-card__open p { font-size:.78rem!important; }
  .package-accordion--v2 .package-card__open ul { font-size:.72rem!important; }
}

/* Kontakt: tekst formularza pozostaje czytelny na jasnym obrazie. */
.contact-workspace__form .contact-simple-form>label {
  color:#071f38;
  font-weight:900;
  text-shadow:0 1px 0 rgba(255,255,255,.94),0 0 .42rem rgba(255,255,255,.9);
}
.contact-workspace__form .contact-simple-form input,
.contact-workspace__form .contact-simple-form textarea {
  color:#061d36;
  font-weight:800;
  text-shadow:0 1px 0 rgba(255,255,255,.76);
  caret-color:#061d36;
  background:rgba(237,255,250,.14);
}
.contact-workspace__form .contact-simple-form input::placeholder,
.contact-workspace__form .contact-simple-form textarea::placeholder {
  color:rgba(7,34,58,.92);
  font-weight:750;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
.contact-workspace__form .contact-simple-form__message small,
.contact-workspace__form .contact-simple-form__attachment small {
  color:#061f39;
  font-weight:750;
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 .35rem rgba(255,255,255,.8);
}
.contact-workspace__form .contact-simple-form .consent-check,
.contact-workspace__form .contact-simple-form .robot-check {
  padding:.34rem .46rem;
  border:1px solid rgba(244,205,92,.62);
  border-radius:6px;
  background:rgba(237,255,248,.78);
  color:#061d36;
  font-weight:800;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.contact-workspace__form .contact-simple-form .consent-check input,
.contact-workspace__form .contact-simple-form .robot-check input { flex:0 0 auto; }
.contact-workspace__form .contact-simple-form input:-webkit-autofill,
.contact-workspace__form .contact-simple-form input:-webkit-autofill:hover,
.contact-workspace__form .contact-simple-form input:-webkit-autofill:focus {
  -webkit-text-fill-color:#061d36!important;
  -webkit-box-shadow:0 0 0 1000px rgba(237,255,250,.36) inset!important;
  box-shadow:0 0 0 1000px rgba(237,255,250,.36) inset!important;
  caret-color:#061d36;
}

/* Pakiety na telefonie mają osobny, prosty układ: opis zawsze po lewej,
   a grafika jest tylko tłem, nigdy pod tekstem. */
@media (max-width:720px) {
  .packages-page--v2 .package-choice {
    width:min(calc(100% - 1.25rem), 31rem);
  }
  .packages-page--v2 .package-choice__title {
    padding-left:.25rem;
    text-align:left;
  }
  .packages-page--v2 .package-choice__title small {
    display:block;
    text-align:left;
  }
  .package-accordion--v2 {
    gap:.55rem;
    min-height:0;
  }
  .package-accordion--v2 .package-card {
    min-height:4.15rem;
    padding:.72rem .9rem;
    align-items:center;
    justify-content:flex-start;
    background-position:center!important;
  }
  .package-accordion--v2 .package-card--optimal {
    background-image:url('/smartdomgda-hero-panorama-jasne-v1.png')!important;
    background-position:72% center!important;
  }
  .package-accordion--v2 .package-card--comfort {
    background-image:url('/detail-automatyzacje-22.png')!important;
    background-position:68% center!important;
  }
  .package-accordion--v2 .package-card--premium {
    background-image:url('/detail-pelna-kontrola-jasne-v1.png')!important;
    background-position:72% center!important;
    filter:none;
  }
  .package-accordion--v2 .package-card--individual {
    background-image:url('/konfigurator-mietowa-sciana-referencja.png')!important;
    background-position:67% center!important;
  }
  .package-accordion--v2 .package-card::before {
    background:linear-gradient(90deg,rgba(2,17,43,.94) 0%,rgba(3,25,57,.83) 50%,rgba(3,22,49,.35) 100%)!important;
  }
  .package-accordion--v2 .package-card::after {
    display:none!important;
  }
  .package-accordion--v2 .package-card strong {
    position:relative!important;
    top:auto!important;
    left:auto!important;
    align-self:flex-start!important;
    display:block;
    margin:0;
    max-width:65%;
    writing-mode:initial!important;
    transform:none!important;
    color:#f7fcff!important;
    font-size:1.06rem!important;
    line-height:1.12;
    letter-spacing:0;
    text-align:left;
    text-shadow:0 .1rem .42rem rgba(0,0,0,.95);
  }
  .package-accordion--v2 .package-card--comfort strong { color:#b9ffdc!important; }
  .package-accordion--v2 .package-card--premium strong { color:#ffe798!important; }
  .package-accordion--v2 .package-card--individual strong { color:#b9ffe5!important; background:none!important; -webkit-text-fill-color:currentColor; }
  .package-accordion--v2 .package-card.is-active {
    min-height:17.7rem;
    padding:.9rem;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .package-accordion--v2 .package-card.is-active::before {
    background:linear-gradient(90deg,rgba(2,16,42,.97) 0%,rgba(3,25,56,.9) 57%,rgba(3,23,52,.5) 100%)!important;
  }
  .package-accordion--v2 .package-card.is-active strong {
    max-width:62%;
    margin:0 0 .48rem;
    font-size:1.34rem!important;
  }
  .package-accordion--v2 .package-card.is-active .package-card__open {
    display:block;
    width:62%;
    max-width:62%!important;
    margin:0!important;
    padding:0!important;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-align:left;
  }
  .package-accordion--v2 .package-card__open small {
    display:block;
    margin:0 0 .28rem!important;
    color:#8fd4ff;
    font-size:.96rem!important;
    font-weight:900;
    line-height:1.1;
    text-shadow:0 .08rem .3rem rgba(0,0,0,.95);
  }
  .package-accordion--v2 .package-card__open h2 {
    margin:0 0 .35rem!important;
    color:#fff;
    font-size:.86rem!important;
    line-height:1.18!important;
    text-shadow:0 .08rem .3rem rgba(0,0,0,.95);
  }
  .package-accordion--v2 .package-card__open p {
    margin:0!important;
    color:#e9f7ff;
    font-size:.73rem!important;
    line-height:1.37!important;
    text-shadow:0 .08rem .28rem rgba(0,0,0,.95);
  }
  .package-accordion--v2 .package-card__open ul {
    display:none;
  }
  .package-accordion--v2 .package-card__open a {
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    min-height:2.1rem;
    margin-top:.55rem;
    padding:.42rem .62rem!important;
    border:1px solid rgba(122,231,239,.9);
    border-radius:8px;
    background:linear-gradient(110deg,rgba(8,101,117,.92),rgba(11,63,124,.92));
    box-shadow:0 .35rem .85rem rgba(0,7,29,.26);
    color:#f2ffff;
    font-size:.68rem!important;
    font-weight:800;
    line-height:1;
    text-decoration:none;
  }
  .package-accordion--v2 .package-card__open a b {
    display:grid;
    place-items:center;
    width:1.1rem;
    height:1.1rem;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:.72rem;
  }
}

@media (max-width:390px) {
  .package-accordion--v2 .package-card.is-active { min-height:18.25rem; }
  .package-accordion--v2 .package-card.is-active .package-card__open,
  .package-accordion--v2 .package-card.is-active strong { max-width:66%; width:66%; }
}

/* Konfigurator dla klienta: lżejsze nazwy opcji, ten sam kontrast. */
.equipment-step .choice-button b{font-weight:600!important;letter-spacing:0!important}
.equipment-step .choice-button small{font-weight:500!important}

/* Kreator: zwarte kafle dodatków, bez ciężkiej typografii. */
.extra-options,.home-extras{padding:1.08rem!important}
.choice-grid{gap:.66rem!important}
.choice-button{gap:.72rem!important;min-height:5.28rem!important;padding:.76rem 2.55rem .76rem .78rem!important}
.choice-button>i{flex-basis:2.72rem!important;width:2.72rem!important;height:2.72rem!important}
.choice-button>i svg{width:1.68rem!important;height:1.68rem!important}
.choice-button b{font-size:.97rem!important;font-weight:650!important;line-height:1.16!important}
.choice-button small{font-size:.79rem!important;font-weight:500!important;line-height:1.34!important}
.choice-button>em{right:.72rem!important;width:1.55rem!important;height:1.55rem!important;font-size:.9rem!important}
.home-extras .choice-button{min-height:5.12rem!important}
@media(max-width:720px){
  .extra-options,.home-extras{padding:.82rem!important}
  .choice-grid{gap:.52rem!important}
  .choice-button,.home-extras .choice-button{min-height:4.65rem!important;padding:.66rem 2.3rem .66rem .66rem!important}
  .choice-button>i{flex-basis:2.35rem!important;width:2.35rem!important;height:2.35rem!important}
  .choice-button>i svg{width:1.43rem!important;height:1.43rem!important}
  .choice-button b{font-size:.9rem!important}
  .choice-button small{font-size:.73rem!important;line-height:1.28!important}
}

/* Kontakt: pełna karta mieści się w ramce, bez ucinania pól po prawej. */
.contact-workspace{
  width:min(90%,70rem);
  grid-template-columns:minmax(12rem,.38fr) minmax(0,1.62fr);
}
.contact-workspace__form{
  grid-template-columns:minmax(9rem,.42fr) minmax(0,1.58fr);
  gap:.9rem;
  padding:1.2rem;
}
.contact-workspace__form .contact-simple-form{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem .62rem;
}
.contact-workspace__form .contact-simple-form>label{min-width:0;color:#eefaff;text-shadow:0 1px 2px rgba(0,13,35,.9)}
.contact-workspace__form .contact-simple-form input:not([type="checkbox"]),
.contact-workspace__form .contact-simple-form textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  background:rgba(3,23,49,.84);
  color:#f8fffd;
  font-size:.84rem;
  font-weight:750;
  text-shadow:none;
}
.contact-workspace__form .contact-simple-form input:not([type="checkbox"])::placeholder,
.contact-workspace__form .contact-simple-form textarea::placeholder{color:rgba(222,243,252,.7);text-shadow:none}
.contact-workspace__form .contact-simple-form input:not([type="checkbox"]):-webkit-autofill,
.contact-workspace__form .contact-simple-form input:not([type="checkbox"]):-webkit-autofill:hover,
.contact-workspace__form .contact-simple-form input:not([type="checkbox"]):-webkit-autofill:focus{
  -webkit-text-fill-color:#f8fffd!important;
  -webkit-box-shadow:0 0 0 1000px rgba(3,23,49,.84) inset!important;
  box-shadow:0 0 0 1000px rgba(3,23,49,.84) inset!important;
  caret-color:#f8fffd;
}
.contact-workspace__form .contact-simple-form .consent-check,
.contact-workspace__form .contact-simple-form .robot-check{
  background:rgba(3,31,57,.86);
  border-color:rgba(125,226,213,.7);
  color:#f1fbff;
  text-shadow:none;
}
.contact-workspace__form .contact-simple-form .consent-check input,
.contact-workspace__form .contact-simple-form .robot-check input{
  flex:0 0 1.05rem;
  width:1.05rem!important;
  height:1.05rem!important;
  min-height:0!important;
  margin:.1rem 0 0;
  padding:0!important;
  border:0!important;
  border-radius:3px!important;
  background:transparent!important;
  box-shadow:none!important;
  accent-color:#f3c34d;
}
.contact-simple-form__attachment>span{display:grid;gap:.12rem}
.contact-simple-form__file-control{display:flex;align-items:center;gap:.5rem;min-width:0}
.contact-simple-form__file-control input{min-width:0;flex:1 1 auto}
.contact-simple-form .contact-simple-form__remove-file{
  grid-column:auto;
  flex:0 0 auto;
  min-height:2rem;
  margin:0;
  padding:.4rem .56rem;
  border-color:rgba(255,171,145,.9)!important;
  border-left-color:#ff9a79!important;
  background:linear-gradient(105deg,rgba(127,55,53,.94),rgba(91,42,74,.96))!important;
  color:#fff5f1!important;
  font-size:.72rem;
}
.contact-workspace__form .contact-simple-form button[type="submit"]{
  max-width:100%;
  min-width:10.4rem;
  white-space:normal;
  justify-self:end;
}
.contact-workspace__form .contact-simple-form button[type="submit"]:disabled{
  opacity:.86;
  border-color:#c7f7dc!important;
  border-left-color:#e7ff8e!important;
  color:#f6fffc!important;
  text-shadow:0 1px 2px rgba(0,19,34,.92);
}
.contact-simple-form__note--error{
  grid-column:1/-1;
  display:block;
  margin:.3rem 0 0;
  color:#ff9a88!important;
  font-size:.92rem!important;
  font-weight:850!important;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(37,0,5,.95),0 0 .48rem rgba(67,0,7,.7)!important;
}
@media(max-width:980px){
  .contact-workspace{width:min(94%,48rem);grid-template-columns:1fr}
  .contact-workspace__form{grid-template-columns:minmax(8.5rem,.36fr) minmax(0,1.64fr)}
}
@media(max-width:780px){
  .contact-workspace__form{grid-template-columns:1fr;padding:1rem}
  .contact-workspace__form .contact-simple-form{grid-template-columns:1fr}
  .contact-workspace__form .contact-simple-form .robot-check,
  .contact-workspace__form .contact-simple-form button[type="submit"]{grid-column:auto;justify-self:start}
}