/* v9.1: compact "Add to Chrome" pill in the sticky nav (all pages except brands). */
.nav .nav-chrome{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 10px;border-radius:999px;background:#b84720;color:#fff;font-size:14px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;box-shadow:0 6px 16px rgba(184,71,32,.22);transition:background .15s,transform .15s}
.nav .nav-chrome:hover{background:#973919}
.nav .nav-chrome:active{transform:translateY(1px)}
.nav .nav-chrome:focus-visible{outline:2px solid #b84720;outline-offset:3px}
.nav .nav-chrome img{width:22px;height:22px;border-radius:50%;background:#fff;padding:2px;flex:none}
.nav .nav-r{display:flex;align-items:center;gap:14px}
@media (max-width:980px){
  .nav .nav-chrome{height:36px;padding:0 12px 0 7px;font-size:12.5px;gap:6px}
  .nav .nav-chrome img{width:20px;height:20px}
}
/* Icon-only Chrome pill on small phones so Log in still fits beside it. */
@media (max-width:640px){ .nav .nav-chrome span{display:none} .nav .nav-chrome{padding:0 8px} }

/* Shared "Leave a review" outline pill. Beginner note: this file is linked by
   every page, so the button looks the same top-right everywhere. The homepage's
   home-reference.css used to hold this rule; it now lives here for all pages. */
.nav .home-review-link{display:inline-flex;align-items:center;height:36px;border:1px solid #333;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600;color:inherit;white-space:nowrap;text-decoration:none}
.nav .home-review-link:hover{background:rgba(0,0,0,.05)}
.nav .nav-account{display:inline-flex;align-items:center;gap:8px}
.nav .nav-avatar{width:28px;height:28px;border-radius:50%;background:#efe8dc;color:#352316;display:inline-grid;place-items:center;font-size:13px;font-weight:700;line-height:1;flex:none}
.nav-r{position:relative}
.nav-acct-menu{position:absolute;top:calc(100% - 4px);right:0;min-width:190px;background:#fff;border:1px solid #EDE4DC;border-radius:14px;box-shadow:0 12px 32px rgba(60,30,10,.12);padding:6px;z-index:80}
.nav-acct-menu a{display:block;padding:10px 12px;border-radius:10px;color:#1E1916;font-weight:650;font-size:14px;text-decoration:none}
.nav-acct-menu a:hover{background:#FFF1E8}