.cmp-contact-map-v1{padding:0}

.cmp-contact-map-v1__wrap{position:relative;display:flex;flex-direction:column;gap:clamp(28px,4vw,40px)}

/* dane kontaktowe - kafel */
.cmp-contact-map-v1__info{width:calc(100% - 2 * var(--pad));max-width:var(--wrap);margin:0 auto;
  background:#ffffff;border:1px solid var(--white-a-10);border-radius:14px;
  padding:clamp(28px,3.6vw,40px) clamp(24px,3vw,36px);
  box-shadow:0 24px 46px -24px rgba(19,20,24,.22)}

.cmp-contact-map-v1__heading-row{display:flex;align-items:center;gap:16px}

.cmp-contact-map-v1__title{font-family:var(--fd);font-weight:600;letter-spacing:-.02em;line-height:1.08;
  color:var(--dark-gray);font-size:clamp(30px,4.8vw,52px)}

.cmp-contact-map-v1__lead{font-family:var(--f);color:var(--white);font-size:16px;line-height:1.6;margin-top:16px;max-width:46ch}

.cmp-contact-map-v1__block{margin-top:clamp(24px,2.6vw,32px)}

.cmp-contact-map-v1__label{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--white-a-42)}

.cmp-contact-map-v1__value{font-family:var(--f);color:var(--white);font-size:16px;line-height:1.6;margin-top:8px}

.cmp-contact-map-v1__link{color:var(--white)}

.cmp-contact-map-v1__link:hover{color:var(--sec-color)}

/* mapa - pełna szerokość strony */
.cmp-contact-map-v1__map{position:relative;overflow:hidden;width:100%;aspect-ratio:1/1;
  background:var(--bg-2);border-block:1px solid var(--white-a-10)}

.cmp-contact-map-v1__map iframe{display:block;width:100%;height:100%;border:0}

/* przyciemnienie mapy pod szklanym kaflem (tylko desktop - tam kafel leży na mapie) */
.cmp-contact-map-v1__map::after{content:"";position:absolute;inset:0;pointer-events:none;background:transparent;
  transition:background .3s ease}

/* desktop: kafel półprzezroczysty (glass), osadzony na mapie po lewej */
@media(min-width:940px){
  .cmp-contact-map-v1__wrap{gap:0}
  .cmp-contact-map-v1__map{aspect-ratio:21/9;min-height:520px}
  .cmp-contact-map-v1__map::after{background:linear-gradient(90deg, rgba(6,26,42,.62) 0%, rgba(6,26,42,.5) 45%, rgba(6,26,42,.3) 100%)}
  .cmp-contact-map-v1__info{position:absolute;z-index:2;top:50%;transform:translateY(-50%);
    left:max(var(--pad), calc((100% - var(--wrap)) / 2));
    width:min(620px, 52%);margin:0;padding:clamp(36px,3.4vw,52px) clamp(32px,3vw,44px);
    background:rgba(255,255,255,.07);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
    border:1px solid rgba(255,255,255,.42);border-radius:14px;
    box-shadow:0 24px 46px -20px rgba(4,32,52,.32),inset 0 1px 0 rgba(255,255,255,.45)}
  .cmp-contact-map-v1__title{color:#fff;text-shadow:0 1px 12px rgba(4,30,48,.5)}
  .cmp-contact-map-v1__lead,
  .cmp-contact-map-v1__value{color:#fff}
  .cmp-contact-map-v1__label{color:rgba(255,255,255,.75)}
  .cmp-contact-map-v1__link{color:#fff}
  .cmp-contact-map-v1__link:hover{color:rgba(255,255,255,.8)}
  .cmp-contact-map-v1__lead{max-width:none}
}

@media(min-width:700px) and (max-width:939px){
  .cmp-contact-map-v1__map{aspect-ratio:21/9}
}