/* Original FARC clearcoat finish. Light catches the work, not the reading. */
.finish-photo{--light-x:70%;--light-y:20%;display:block;position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;border-radius:7px;background:#191919;box-shadow:0 18px 36px -24px #0009,0 0 0 1px #16161626}
.finish-photo img{position:relative;z-index:0;transition:transform 1s cubic-bezier(.2,.7,.2,1);border-radius:inherit!important}
.finish-photo::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #0005;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff28,transparent 60%);opacity:.65;transition:opacity .4s}
.finish-photo::after{content:"";position:absolute;z-index:1;inset:-80% -45%;pointer-events:none;background:linear-gradient(112deg,transparent 36%,#ffffff05 40%,#ffffff50 46%,#ffffff90 48%,#ffffff15 52%,transparent 57%);transform:translateX(-85%)}
.finish-photo.finish-in-view::after{animation:farc-clearcoat 1.9s cubic-bezier(.2,.55,.3,1) .2s both}
.finish-photo.finish-ready::after{animation:none;transform:translateX(-85%)}
@keyframes farc-clearcoat{from{transform:translateX(-85%)}to{transform:translateX(85%)}}
.finish-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(170deg,#e02b3a 0%,#c61b28 55%,#aa1521 100%)!important;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #0003,0 5px 12px -8px #74091490;transition:box-shadow .25s,transform .25s!important}
.finish-button::after{content:"";z-index:-1;position:absolute;inset:-100% -50%;pointer-events:none;background:linear-gradient(112deg,transparent 42%,#ffffff16 46%,#ffffff55 49%,#ffffff12 52%,transparent 57%);transform:translateX(-90%)}
.finish-button:focus-visible::after{animation:farc-clearcoat .85s ease-out both}
.finish-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fff 15%,#f7f7f6 100%)!important;box-shadow:inset 0 1px 0 #fff,0 4px 14px -12px #0006}
.finish-card::after{content:"";z-index:-1;position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,transparent 30%,#fff9 45%,transparent 62%);transform:translateX(-110%);opacity:0}
.brand-header{box-shadow:0 6px 22px -20px #0008}
.brand-header::after{content:"";position:absolute;height:1px;bottom:-3px;left:0;right:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffbac1 35%,#fff 50%,#ffbac1 65%,transparent);opacity:.7}
@media(hover:hover) and (pointer:fine){.finish-photo:hover img{transform:scale(1.025)}.finish-photo:hover::before{opacity:1}.finish-photo.finish-ready:hover::after{animation:none;transform:translateX(85%);transition:transform 1.3s cubic-bezier(.2,.55,.3,1)}.finish-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff9,0 9px 20px -13px #740914cc}.finish-button:hover::after{transform:translateX(90%);transition:transform .85s ease-out}.finish-card:hover::after{transform:translateX(110%);opacity:1;transition:transform .9s ease-out,opacity .2s}}
@media(max-width:700px){.finish-photo{box-shadow:0 12px 24px -20px #0008}.finish-photo::after{animation-duration:1.6s}}
@media(prefers-reduced-motion:reduce){.finish-photo::after,.finish-button::after,.finish-card::after{display:none}.finish-photo img,.finish-button,.finish-card{transform:none!important;transition:none!important;animation:none!important}.finish-photo::before{background:none}}

/* Consistent header type and mobile spacing, following Wade's phone review. */
.topbar{font-size:15px!important;line-height:1.5;gap:20px!important}
.site-header nav{font-size:16px!important;gap:18px!important;line-height:1.4}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{color:#161616;-webkit-text-fill-color:#161616;font-size:16px;line-height:1.25;min-height:44px}
.farc-home main>.page-gutter{padding-top:40px!important;padding-bottom:40px!important}
.farc-home main>.page-gutter:first-child{padding-top:40px!important;padding-bottom:40px!important}
@media(max-width:700px){
 .topbar{font-size:14px!important;padding-top:10px!important;padding-bottom:10px!important;gap:6px!important}
 .topbar>div{display:flex!important;gap:6px!important;line-height:1.5}
 .topbar>div>span:first-child{flex-basis:100%}
 .site-header{padding-top:16px!important;padding-bottom:16px!important;gap:16px!important}
 .site-header nav.open{gap:8px!important;padding-top:8px}
 .site-header nav a{font-size:16px!important;min-height:48px;padding:12px 10px!important}
 .farc-home main>.page-gutter{padding-top:24px!important;padding-bottom:24px!important}
 .farc-home main>.page-gutter:first-child{padding-top:32px!important;padding-bottom:24px!important}
 .review-showcase{padding-top:24px!important;padding-bottom:24px!important}
 .review-showcase h2{font-size:28px!important;line-height:1.2;margin-bottom:12px}
 .review-showcase p{font-size:16px;line-height:1.5;margin-bottom:20px}
 .farc-home main h2{line-height:1.2!important}
 .rating-proof{margin-bottom:24px;font-size:15px}
 .mobile-actions a{font-size:16px;min-height:56px}
}
/* Keep a stable header: full navigation only when every item fits. */
@media(min-width:1381px){.site-header{flex-wrap:nowrap!important}.site-header nav{flex-wrap:nowrap!important;flex-basis:auto!important;order:initial!important}.site-header nav a{white-space:nowrap}.menu-toggle{display:none!important}}
@media(max-width:1380px){
 .site-header{display:grid!important;grid-template-columns:auto 1fr auto;gap:16px!important;align-items:center}
 .site-header>a:first-child{grid-column:1;grid-row:1}
 .menu-toggle{display:block!important;grid-column:2;grid-row:1;justify-self:end;background:#fff;border:1px solid #161616;border-radius:3px;padding:10px 16px;font-weight:700;min-height:44px}
 .site-header>a:last-child{grid-column:3;grid-row:1}
 .site-header nav{display:none!important;grid-column:1/-1;grid-row:2;min-width:0}
 .site-header nav.open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding-top:12px;border-top:1px solid #DDDAD5;justify-content:normal}
 .site-header nav a{font-size:16px!important;min-height:48px;padding:12px!important;background:#F4F3F0;border-radius:3px;line-height:1.35;white-space:normal}
 .brand-header nav a::after{display:none}
 .brand-header nav a:hover,.brand-header nav a[aria-current]{background:#e8e6e2}
}
@media(max-width:700px){.site-header{grid-template-columns:minmax(0,1fr) auto}.site-header nav.open{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header>a:last-child{display:none!important}}
