/* Logo, search, and cart form the desktop header. */
header{grid-template-columns:auto minmax(0,1fr) auto;gap:0 36px}header>a{grid-column:1;justify-self:start}header>.bag{grid-column:3}.header-search{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;width:100%;max-width:640px;justify-self:center;margin:0 0 14px;min-width:0}.header-search>.search{width:100%;max-width:none;min-width:0;margin:0;padding:12px 52px 12px 20px;min-height:46px;border:1px solid #d1a5a0;border-radius:28px;background:#fffdfb;color:var(--ink);font-size:15px;line-height:1.4}.header-search>.search::placeholder{color:#947772;opacity:1}.header-search>.search:focus{outline:2px solid #567b7d;outline-offset:3px}.header-search>button{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:50%;background:transparent;color:#9c615e}.header-search>button:focus-visible{outline:2px solid #567b7d;outline-offset:1px}#catalogo[hidden]{display:none}
@media(max-width:900px){header{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);gap:12px}header>a{grid-column:2;justify-self:center}header>.bag{grid-column:3}.header-search{grid-row:2;grid-column:1/-1;max-width:100%;margin:0}header nav{grid-row:3}.header-search>.search{font-size:16px;padding-block:11px;min-height:46px}}
@media(max-width:380px){header{gap:10px}.header-search>.search{font-size:16px;padding-left:16px}}