/* FABCOM website treatment. Scoped so the host page and classic mode are untouched. */
.fcgs[data-fcgs-style="site"]{--fcgs-ink:#14243b;--fcgs-muted:#617083;--fcgs-line:#e3e8ee;--fcgs-soft:#f5f6f5;font-family:Arial,Helvetica,sans-serif;color:#14243b}
.fcgs[data-fcgs-style="site"] h1,.fcgs[data-fcgs-style="site"] h2,.fcgs[data-fcgs-style="site"] h3{font-family:inherit;letter-spacing:-.035em;font-weight:700}
.fcgs[data-fcgs-style="site"] .fcgs-header{background:#06182d;color:#fff;padding:36px 38px;border-radius:8px 8px 0 0;gap:22px;border-top:4px solid var(--fcgs-accent)}
.fcgs[data-fcgs-style="site"] .fcgs-header h1{font-size:clamp(30px,3.6vw,44px);color:#fff;max-width:760px;margin:12px 0 18px}
.fcgs[data-fcgs-style="site"] .fcgs-header p:not(.fcgs-eyebrow){color:#d9e0e8;line-height:1.7;font-size:16px}
.fcgs[data-fcgs-style="site"] .fcgs-header .fcgs-eyebrow{color:#d3ad69;font-size:11px;letter-spacing:.18em}
.fcgs[data-fcgs-style="site"] .fcgs-badge{color:#e1bc7a;border-color:#8c7552;font-size:9px;white-space:nowrap;padding:8px 10px}
.fcgs[data-fcgs-style="site"] .fcgs-banner{border:0;border-radius:0 0 8px 8px;background:#f3eee5;color:#635034;padding:14px 24px}
.fcgs[data-fcgs-style="site"] .fcgs-progress{margin:26px 0 30px;gap:6px;padding:0}
.fcgs[data-fcgs-style="site"] .fcgs-progress button{color:#617083;font-size:11px;border-bottom-color:#e3e8ee;padding-bottom:14px}
.fcgs[data-fcgs-style="site"] .fcgs-progress button:disabled{opacity:1;color:#697686}
.fcgs[data-fcgs-style="site"] .fcgs-progress button[aria-current]{color:#14243b;border-bottom-color:var(--fcgs-accent)}
.fcgs[data-fcgs-style="site"] .fcgs-progress button[aria-current] span{background:#06182d;border-color:#06182d;color:#fff}
.fcgs[data-fcgs-style="site"] .fcgs-progress button span{flex-shrink:0}
.fcgs[data-fcgs-style="site"] .fcgs-main{padding:10px 0}
.fcgs[data-fcgs-style="site"] .fcgs-main .fcgs-eyebrow{color:#805c27;letter-spacing:.18em}
.fcgs[data-fcgs-style="site"] .fcgs-lead{line-height:1.7}
.fcgs[data-fcgs-style="site"] .fcgs-cards{gap:18px}
.fcgs[data-fcgs-style="site"] .fcgs-card{border-radius:8px;border-color:#e3e8ee;box-shadow:0 8px 24px #06182d08}
.fcgs[data-fcgs-style="site"] .fcgs-card:hover{border-color:#b59969;box-shadow:0 12px 28px #06182d13}
.fcgs[data-fcgs-style="site"] .fcgs-card.is-selected{border-color:var(--fcgs-accent);box-shadow:0 0 0 2px var(--fcgs-accent)}
.fcgs[data-fcgs-style="site"] .fcgs-card-art{height:auto;aspect-ratio:3/2;padding:0;background:#f5f6f5;overflow:hidden}
.fcgs[data-fcgs-style="site"] .fcgs-card-art .fcgs-product-image{width:100%;height:100%;max-height:none;object-fit:contain}
.fcgs[data-fcgs-style="site"] .fcgs-card-art svg{width:100%;height:100%;padding:12px}
.fcgs[data-fcgs-style="site"] .fcgs-card-copy{padding:20px 36px 20px 20px}
.fcgs[data-fcgs-style="site"] .fcgs-card-copy strong{font-size:17px;letter-spacing:-.02em}
.fcgs[data-fcgs-style="site"] .fcgs-card-copy small{color:#617083;font-size:12px;line-height:1.65}
.fcgs[data-fcgs-style="site"] .fcgs-card-copy em{color:#76603d;font-size:10px;margin-top:12px}
.fcgs[data-fcgs-style="site"] .fcgs-tick{background:#edf0f3;color:#4a5c71;bottom:20px;right:13px}
.fcgs[data-fcgs-style="site"] .is-selected .fcgs-tick{background:#06182d;color:#e1bc7a}
.fcgs[data-fcgs-style="site"] .fcgs-swatches{gap:12px}
.fcgs[data-fcgs-style="site"] .fcgs-swatches .fcgs-card-copy{padding:12px 28px 18px 12px}
.fcgs[data-fcgs-style="site"] .fcgs-swatches .fcgs-card-copy strong{font-size:13px}
.fcgs[data-fcgs-style="site"] .fcgs-summary{background:#06182d;border:0;color:#fff;border-radius:8px;padding:24px;box-shadow:0 16px 36px #06182d15}
.fcgs[data-fcgs-style="site"] .fcgs-summary .fcgs-eyebrow{color:#d3ad69}
.fcgs[data-fcgs-style="site"] .fcgs-summary h3{color:#fff;font-size:22px;line-height:1.3}
.fcgs[data-fcgs-style="site"] .fcgs-preview{aspect-ratio:3/2;margin:20px -8px 12px;background:#f5f6f5;border-radius:5px;overflow:hidden}
.fcgs[data-fcgs-style="site"] .fcgs-preview .fcgs-product-image{width:100%;height:100%;max-height:none;object-fit:contain}
.fcgs[data-fcgs-style="site"] .fcgs-caption{color:#bdc9d6!important;font-size:11px;text-align:left;line-height:1.65;margin-bottom:18px!important}
.fcgs[data-fcgs-style="site"] .fcgs-mini-swatches{color:#e5ebf1;font-size:12px;gap:8px;line-height:1.7}
.fcgs[data-fcgs-style="site"] .fcgs-mini-swatches span{border:1px solid #b8c5d5}
.fcgs[data-fcgs-style="site"] .fcgs-summary-list>div{border-color:#ffffff25;padding:11px 0}
.fcgs[data-fcgs-style="site"] .fcgs-summary-list dt{color:#bac8d6}
.fcgs[data-fcgs-style="site"] .fcgs-summary-list dd{color:#fff}
.fcgs[data-fcgs-style="site"] .fcgs-estimate{background:#102c49;border:1px solid #395069;border-radius:5px;padding:17px}
.fcgs[data-fcgs-style="site"] .fcgs-estimate small{color:#e1bc7a}
.fcgs[data-fcgs-style="site"] .fcgs-estimate strong{color:#fff}
.fcgs[data-fcgs-style="site"] .fcgs-estimate p{color:#c4d0dc;line-height:1.65}
.fcgs[data-fcgs-style="site"] .fcgs-primary{background:var(--fcgs-accent)!important;color:#06182d!important;border:1px solid var(--fcgs-accent)!important;border-radius:4px!important;font-weight:700!important;padding:14px 23px!important;box-shadow:none}
.fcgs[data-fcgs-style="site"] .fcgs-primary:hover{filter:brightness(1.08)}
.fcgs[data-fcgs-style="site"] .fcgs-secondary{border:1px solid #c6cfd9!important;color:#14243b!important;border-radius:4px!important;padding:14px 21px!important;background:#fff!important}
.fcgs[data-fcgs-style="site"] .fcgs-note{border-left-color:var(--fcgs-accent);background:#f5f6f5}
.fcgs[data-fcgs-style="site"] .fcgs-nav{padding-top:22px}
.fcgs[data-fcgs-style="site"] .fcgs-footer{color:#617083}
.fcgs .fcgs-colour-guide{margin:14px 0;font-size:12px;border-top:1px solid #aab7c655;padding-top:12px}
.fcgs .fcgs-colour-guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.fcgs .fcgs-colour-guide svg{background:#f5f6f5;border-radius:5px;margin-top:12px}
.fcgs .fcgs-colour-guide p{font-size:10px;margin-top:8px}
.fcgs[data-fcgs-style="site"] .fcgs-colour-guide{color:#d3dfeb}
@container fcgs (max-width:980px){
 .fcgs[data-fcgs-style="site"] .fcgs-header{padding:28px;display:block}
 .fcgs[data-fcgs-style="site"] .fcgs-badge{display:inline-block;margin-top:18px}
 .fcgs[data-fcgs-style="site"] .fcgs-card-copy{padding:16px 32px 16px 16px}
 .fcgs[data-fcgs-style="site"] .fcgs-cards{gap:13px}
 .fcgs[data-fcgs-style="site"] .fcgs-summary{padding:20px}
}
@container fcgs (max-width:720px){
 .fcgs[data-fcgs-style="site"] .fcgs-progress button{font-size:10px;gap:6px;min-width:0;overflow-wrap:anywhere}
 .fcgs[data-fcgs-style="site"] .fcgs-progress{gap:4px;margin:22px 0}
 .fcgs[data-fcgs-style="site"] .fcgs-header h1{font-size:32px}
 .fcgs[data-fcgs-style="site"] .fcgs-preview{max-width:420px;margin:18px auto 12px}
 .fcgs[data-fcgs-style="site"] .fcgs-summary-list{display:block}
}
@container fcgs (max-width:480px){
 .fcgs[data-fcgs-style="site"] .fcgs-header{padding:23px 20px}
 .fcgs[data-fcgs-style="site"] .fcgs-header h1{font-size:30px}
 .fcgs[data-fcgs-style="site"] .fcgs-header p:not(.fcgs-eyebrow){font-size:14px}
 .fcgs[data-fcgs-style="site"] .fcgs-banner{padding:13px 18px}
 .fcgs[data-fcgs-style="site"] .fcgs-designs{grid-template-columns:1fr}
 .fcgs[data-fcgs-style="site"] .fcgs-card-copy{padding:18px 36px 18px 18px}
 .fcgs[data-fcgs-style="site"] .fcgs-progress button{font-size:9px}
 .fcgs[data-fcgs-style="site"] .fcgs-primary,.fcgs[data-fcgs-style="site"] .fcgs-secondary{padding:12px 16px!important;font-size:13px!important}
}

/* Keep the changing finish visible above the choices in a narrow page column. */
.fcgs .fcgs-finish-preview{display:none;margin:18px 0;border:1px solid var(--fcgs-line);border-radius:8px;overflow:hidden;background:#f5f6f5}
.fcgs .fcgs-finish-preview .fcgs-product-image{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}
.fcgs .fcgs-finish-preview p{padding:12px 15px;font-size:12px;line-height:1.6;color:#526173}
@container fcgs (max-width:720px){.fcgs .fcgs-finish-preview{display:block}}
@media(max-width:720px){.fcgs .fcgs-finish-preview{display:block}}
/* Graham's catalogue: uncropped references and independent fitting selections. */
.fcgs .fcgs-fitting-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:12px 0 24px}
.fcgs .fcgs-fitting-choice{border:1px solid #d4dbe0;border-radius:7px;background:#fff;color:#14243b;padding:10px;cursor:pointer;font:inherit;font-size:12px;text-align:center}
.fcgs .fcgs-fitting-choice img{width:100%;height:130px;object-fit:contain;display:block;margin:0 auto 8px}
.fcgs .fcgs-fitting-choice[aria-pressed="true"]{border:2px solid #bf934c;box-shadow:0 0 0 2px #bf934c33}
.fcgs .fcgs-selected-fittings{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fcgs .fcgs-chosen-fitting{flex:1 1 75px;margin:0;font-size:11px;line-height:1.4}
.fcgs .fcgs-chosen-fitting img{display:block;background:#fff;border-radius:5px;width:100%;height:85px;object-fit:contain;margin-bottom:6px}
.fcgs .fcgs-catalogue-photo{display:block;width:100%;height:100%;object-fit:contain;max-height:440px}
.fcgs[data-fcgs-style="site"] .fcgs-preview{height:auto;min-height:220px;max-height:none}
.fcgs[data-fcgs-style="site"] .fcgs-preview .fcgs-product-image{height:auto;max-height:440px;object-fit:contain}
.fcgs .fcgs-finish-preview .fcgs-product-image{max-height:400px;aspect-ratio:auto}
.fcgs[data-fcgs-style="site"] .fcgs-card-art{height:245px;aspect-ratio:auto}
.fcgs .fcgs-fitting-field{min-width:0}
/* Portrait references must fit in full rather than inherit the old landscape crop. */
.fcgs .fcgs-preview,.fcgs[data-fcgs-style="site"] .fcgs-preview{aspect-ratio:auto}
.fcgs .fcgs-progress{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}