@layer salon-block{.b-derma-contacts{overflow:hidden}.b-derma-contacts .ct__map{z-index:0;position:absolute;inset:0}.b-derma-contacts .ct__map-slot{--map-h:100%;background:var(--c-surface);min-height:0;position:absolute;inset:0}.b-derma-contacts .ct__veil{z-index:400;background:var(--c-bg);opacity:.65;pointer-events:none;position:absolute;inset:0}.b-derma-contacts .ct__map-slot .s-map__marker:before{border:5px solid var(--s-base-card);background:var(--s-base-text);width:24px;height:24px;box-shadow:0 0 0 48px color-mix(in srgb, var(--c-accent) 18%, transparent)}.b-derma-contacts .ct__map-slot .s-map__attribution{z-index:401}.b-derma-contacts .ct__band{z-index:1;padding:120px var(--dm-pad);pointer-events:none;position:relative}.b-derma-contacts .ct__card{background:var(--c-card);pointer-events:auto;border-radius:30px;flex-direction:column;align-items:flex-start;gap:18px;width:min(560px,100%);padding:44px;display:flex}.b-derma-contacts .ct__title{color:var(--c-text);overflow-wrap:anywhere}.b-derma-contacts .ct__rows{flex-direction:column;align-self:stretch;gap:18px;display:flex}.b-derma-contacts .ct__row{border-bottom:1px solid var(--c-line);align-items:center;gap:16px;padding:13px 0;display:flex}.b-derma-contacts .ct__row-label{flex:none;width:90px;margin-right:0}.b-derma-contacts .ct__row-value{min-width:0;color:var(--c-text);overflow-wrap:anywhere}.b-derma-contacts .ct__phone{display:flex}.b-derma-contacts .ct__phone .s-btn{font-size:15px;line-height:24px}.b-derma-contacts .ct__actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:6px;display:flex}.b-derma-contacts .ct__book{display:flex}@container block (width<=767px){.b-derma-contacts{overflow:visible}.b-derma-contacts .ct__map{height:230px;position:relative;inset:auto}.b-derma-contacts .ct__map-slot .s-map__marker:before{width:20px;height:20px;box-shadow:none;border-width:4px}.b-derma-contacts .ct__band{background:var(--c-bg);padding:0 20px 44px}.b-derma-contacts .ct__card{border-radius:26px;gap:14px;width:100%;padding:26px 22px}.b-derma-contacts .ct__rows{gap:14px}.b-derma-contacts .ct__row{gap:12px;padding:10px 0}.b-derma-contacts .ct__row-label{width:64px}.b-derma-contacts .ct__walk-sep,.b-derma-contacts .ct__walk{display:none}.b-derma-contacts .ct__actions{flex-direction:column;align-self:stretch;align-items:stretch;gap:14px;padding-top:0}.b-derma-contacts .ct__actions .s-btn{width:100%}}}
