@layer salon-block{.b-derma-header{z-index:20;background:var(--c-bg);position:relative}@container site (width>=768px){.b-derma-header:is([data-hm-d=glass],[data-hm-d=overlay-light],[data-hm-d=overlay-dark]){background:0 0;position:absolute;inset:0 0 auto}}@container site (width<=767px){.b-derma-header:is([data-hm-m=glass],[data-hm-m=overlay-light],[data-hm-m=overlay-dark]){background:0 0;position:absolute;inset:0 0 auto}.b-derma-header[data-hm-m=overlay-dark] .hdr{--hdr-fg:var(--s-inverse-text)}}.b-derma-header .hdr{padding:28px var(--dm-pad)}.b-derma-header .hdr__bar{background:color-mix(in srgb, var(--c-card) 82%, transparent);height:56px;color:var(--c-text);border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:8px 8px 8px 28px;display:flex;position:relative}.b-derma-header .hdr__bar:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;position:absolute;inset:0}.b-derma-header .hdr__brand{z-index:2;min-width:0;color:inherit;font-family:var(--f-heading);letter-spacing:.18em;text-transform:uppercase;flex:0 auto;align-items:center;font-size:26px;font-weight:400;line-height:32px;text-decoration:none;display:flex;position:relative}.b-derma-header .hdr__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:-.18em;overflow:hidden}.b-derma-header .hdr__logo{width:auto;height:36px;display:block}.b-derma-header .hdr__logo img{object-fit:contain;width:auto;height:100%}.b-derma-header .hdr__nav{flex:none}.b-derma-header .hdr__links{align-items:center;gap:34px;display:flex}.b-derma-header .hdr__links .s-btn,.b-derma-header .hdr__link{color:inherit;font-family:var(--f-body);white-space:nowrap;padding:0;font-size:15px;font-weight:400;line-height:24px;text-decoration:none;transition:color .2s;display:block}.b-derma-header .hdr__links .s-btn:hover,.b-derma-header .hdr__link:hover{color:var(--c-accent)}.b-derma-header .hdr__cta{flex:none;display:flex}.b-derma-header .hdr__menu{display:none}@container block (width<=1439px){.b-derma-header .hdr__links{gap:26px}}@container block (width<=1023px){.b-derma-header .hdr__nav{display:none}.b-derma-header .hdr__cta{margin-left:auto}.b-derma-header .hdr__menu{flex:none;display:block}.b-derma-header .hdr__burger{z-index:3;background:var(--role-accent);width:40px;height:40px;color:var(--role-on-accent);cursor:pointer;border-radius:999px;place-items:center;list-style:none;display:grid;position:relative}.b-derma-header .hdr__burger::-webkit-details-marker{display:none}.b-derma-header .hdr__burger::marker{content:""}.b-derma-header .hdr__burger:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.b-derma-header .hdr__burger-lines{flex-direction:column;align-items:center;gap:5px;display:flex}.b-derma-header .hdr__burger-lines>span{background:currentColor;width:14px;height:1.5px;transition:transform .2s;display:block}.b-derma-header .hdr__menu[open] .hdr__burger{top:36px;right:calc(var(--dm-pad) + 8px);background:var(--role-accent);color:var(--role-on-accent);position:fixed}.b-derma-header .hdr__menu[open] .hdr__burger-lines>span{border-radius:1px;width:18px;height:2px}.b-derma-header .hdr__menu[open] .hdr__burger-lines>span:first-child{transform:translateY(3.5px)rotate(45deg)}.b-derma-header .hdr__menu[open] .hdr__burger-lines>span:nth-child(2){transform:translateY(-3.5px)rotate(-45deg)}.b-derma-header .hdr__drawer{z-index:1;overscroll-behavior:contain;background:linear-gradient(to bottom, transparent 10px, var(--c-bg) 190px);color:var(--c-text);flex-direction:column;justify-content:space-between;gap:32px;padding:190px 0 28px;display:flex;position:fixed;inset:0;overflow:hidden auto}.b-derma-header .hdr__drawer-nav{padding:0 var(--dm-pad)}.b-derma-header .hdr__drawer-link{border-bottom:1px solid var(--c-line);height:44px;color:var(--c-text);align-items:center;gap:16px;padding:8px 0;text-decoration:none;display:flex}.b-derma-header .hdr__drawer-no{width:24px;color:color-mix(in srgb, var(--c-accent) 74%, var(--c-text));flex:none;margin-right:0;font-size:11px;line-height:15px}.b-derma-header .hdr__drawer-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.b-derma-header .hdr__drawer-link:hover .hdr__drawer-label{color:color-mix(in srgb, var(--c-accent) 74%, var(--c-text))}.b-derma-header .hdr__drawer-foot{padding:0 var(--dm-pad);flex-direction:column;align-items:stretch;gap:14px;display:flex}.b-derma-header .hdr__contact{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.b-derma-header .hdr__contact-phone{display:flex}.b-derma-header .hdr__contact-phone .s-btn{color:var(--c-text);font-family:var(--f-heading);letter-spacing:-.005em;font-size:22px;font-weight:400;line-height:27px}.b-derma-header .hdr__messengers{flex-wrap:wrap;gap:8px;display:flex}.b-derma-header .hdr__drawer-cta{display:flex}.b-derma-header .hdr__drawer-cta .s-btn{width:100%}}@container block (width<=767px){.b-derma-header .hdr{padding:14px 16px}.b-derma-header .hdr__bar{background:color-mix(in srgb, var(--c-card) 85%, transparent);gap:16px;padding:8px 8px 8px 20px}.b-derma-header .hdr__bar:before{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.b-derma-header .hdr__brand{font-family:var(--f-body);font-size:17px;font-weight:500;line-height:21px}.b-derma-header .hdr__logo{height:30px}.b-derma-header .hdr__cta{display:none}.b-derma-header[data-hl-m=pill] .hdr{padding:16px}.b-derma-header[data-hl-m=pill] .hdr__bar{height:42px;color:var(--hdr-fg,var(--c-text));background:0 0;padding:0}.b-derma-header[data-hl-m=pill] .hdr__bar:before{content:none}.b-derma-header[data-hl-m=pill] .hdr__brand{font-family:var(--f-heading);letter-spacing:-.005em;font-size:22px;font-weight:400;line-height:27px}.b-derma-header[data-hl-m=pill] .hdr__name{margin-right:0}.b-derma-header[data-hl-m=pill] .hdr__menu:not([open]) .hdr__burger{width:46px;height:42px;color:var(--hdr-fg,var(--c-text));background:0 0;border:1px solid}.b-derma-header[data-hl-m=pill] .hdr__menu:not([open]) .hdr__burger-lines>span:first-child{width:20px}.b-derma-header .hdr__menu[open] .hdr__burger{top:22px;right:24px}.b-derma-header .hdr__drawer-nav,.b-derma-header .hdr__drawer-foot{padding:0 20px}}@media (prefers-reduced-motion:reduce){.b-derma-header .hdr__link,.b-derma-header .hdr__links .s-btn,.b-derma-header .hdr__burger-lines>span{transition:none}}}
