.social{gap:8px;display:flex}.social__link{border-radius:var(--radius-round);background:var(--color-surface);place-items:center;width:36px;height:36px;display:grid}.social__link svg{fill:currentColor;width:18px;height:18px}.social--footer .social__link{background:#ffffff1f}
.footer{background:var(--color-brown);color:#fff;font:var(--text-small);padding-block:32px 24px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer__inner{gap:28px;display:grid}.footer__logo{justify-self:center;width:220px}.footer__menu ul{columns:2;column-gap:24px}.footer__menu li{break-inside:avoid;margin-bottom:8px}.footer__contacts{align-content:start;gap:6px;display:grid}.footer__label{font:var(--text-caption);color:#ffffffbf}.footer__phone{font:var(--font-bold) 18px/1.3 var(--font-family)}.footer__contacts .social{margin-top:8px}.footer__bottom{font:var(--text-caption);color:#ffffffbf;border-top:1px solid #fff3;flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding-top:16px;display:flex}@media (min-width:900px){.footer__inner{grid-template-columns:300px 1fr 1fr;align-items:center;gap:48px}.footer__logo{justify-self:start;width:300px}}
.header__inner{justify-content:space-between;align-items:center;gap:16px;padding-block:8px;display:flex}.header__logo{flex:none}.header__logo img{width:116px}.header__contact{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.header__label{font:var(--text-caption);color:var(--color-text-muted)}.header__phone{font:var(--font-bold) 16px/1.3 var(--font-family);white-space:nowrap;text-decoration:none}.header__info,.header__links{display:none}@media (min-width:900px){.header__inner{padding-block:16px}.header__logo img{width:200px}.header__contact{text-align:left;align-items:flex-start}.header__label{font:var(--text-small)}.header__phone{font-size:22px}.header__info{font:var(--text-small);display:block}.header__hours{color:var(--color-text-muted)}.header__links{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.header__link{font:var(--font-medium) 14px/1.3 var(--font-family);text-decoration:none}.header__link:hover{color:var(--color-accent-strong)}}
.cart-button{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;height:40px;box-shadow:var(--shadow-float);font:var(--font-bold) 14px/1 var(--font-family);white-space:nowrap;cursor:pointer;transition:background-color var(--duration), transform .12s var(--ease-out);border:0;flex:none;align-items:center;gap:8px;padding:0 16px 0 14px;display:inline-flex;position:relative}.cart-button:hover{background:var(--color-accent-strong)}.cart-button:active{transform:scale(.96)}.cart-button svg{fill:currentColor;width:18px;height:16px}.cart-button__sum{display:inline-block}.cart-button__count{background:var(--color-bg);min-width:20px;height:20px;color:var(--color-accent-strong);box-shadow:0 0 0 1px var(--color-accent);font:var(--font-bold) 11px/20px var(--font-family);text-align:center;border-radius:10px;padding:0 5px;position:absolute;top:-6px;right:-6px}.cart-button.is-empty{background:var(--color-bg);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-line-strong)}
