.sofa-man-colour-section{margin:10px auto;max-width:100%}
.sofa-man-colour-section .sofa-man-colour-heading{margin:0 0 8px;font-size:15px;line-height:1.3;font-weight:600;color:#18364e;text-align:center}
.sofa-man-colours{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin:10px auto;width:100%}
.sofa-man-colour-section .sofa-man-colours{margin:0 auto}
.sofa-man-colour-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100px}
.sofa-man-colour-swatch{width:48px;height:48px;border-radius:7px;background:#fff;border:1px solid #cbd5df;display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 1px 3px rgba(16,35,52,.07);padding:2px;overflow:hidden}
.sofa-man-colour-inner{display:block;width:100%;height:100%;border-radius:5px;box-sizing:border-box;border:1px solid rgba(0,0,0,.10)}
.sofa-man-colour-label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:5px;max-width:100%}
.sofa-man-colour-name{display:block;margin:0;font-size:13px;line-height:1.3;font-weight:500;color:#18364e;overflow-wrap:anywhere}
.sofa-man-colour-view{display:block;margin:0;font-size:11px;font-weight:400;line-height:1.3;color:#14649b;text-decoration:underline;text-underline-offset:2px}
.sofa-man-colours .sofa-man-colour-button{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;margin:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:inherit;font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;line-height:normal;min-height:0}
.sofa-man-colours .sofa-man-colour-button:hover .sofa-man-colour-swatch{border-color:#14649b}
.sofa-man-colours .sofa-man-colour-button:focus-visible{outline:3px solid #1c66a3;outline-offset:4px;border-radius:9px}
.sofa-man-colours--fabric{justify-content:center}
.sofa-man-colours--fabric .sofa-man-colour-item{width:100px;padding:0;border:0;box-sizing:border-box;background:transparent}
.sofa-man-colours--fabric .sofa-man-colour-inner{border-radius:5px}
.sofa-man-colour-photo{width:100%;height:100%;object-fit:cover}
.sofa-man-colour-note{margin:14px 0;font-size:14px;color:#394756}
dialog.smc-lightbox{position:fixed;inset:0;z-index:999999;margin:0;background:rgba(12,21,32,.93);border:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;padding:0;box-sizing:border-box;text-align:center;color:#fff;overflow:hidden}
dialog.smc-lightbox::backdrop{background:rgba(12,21,32,.83)}
.smc-lightbox .smc-lightbox-scroll{height:100%;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:72px 20px 28px}
.smc-lightbox .smc-lightbox-content{max-width:850px;margin:0 auto}
.smc-lightbox .smc-lightbox-close{position:fixed!important;right:20px!important;top:14px!important;z-index:2!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;visibility:visible!important;opacity:1!important;background:#fff!important;color:#142b3e!important;-webkit-text-fill-color:#142b3e!important;border:1px solid #fff!important;border-radius:8px!important;padding:10px 14px!important;min-height:44px;min-width:90px;line-height:1.2!important;font-size:15px!important;font-family:inherit;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}
.smc-lightbox .smc-lightbox-close:focus-visible{outline:3px solid #73c3ff;outline-offset:3px}
.smc-lightbox .smc-lightbox-image{display:block;width:auto;max-width:100%;height:auto;max-height:75vh;object-fit:contain;margin:0 auto;border-radius:9px}
.smc-lightbox .smc-lightbox-sofa{max-height:none;margin-top:22px;width:100%;height:auto;object-fit:contain}
.smc-lightbox .smc-lightbox-caption{margin:12px 0 0;font-size:17px;line-height:1.4;color:#fff}
@media(max-width:650px){
 .sofa-man-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;max-width:340px}
 .sofa-man-colour-section{margin:8px auto}
 .sofa-man-colour-section .sofa-man-colour-heading{margin-bottom:7px;font-size:14px}
 .sofa-man-colour-item,.sofa-man-colours--fabric .sofa-man-colour-item{width:100%;padding:0}
 .sofa-man-colour-swatch{width:44px;height:44px}
 .sofa-man-colour-name{font-size:12px}
 .smc-lightbox .smc-lightbox-scroll{padding:62px 20px 24px}
 .smc-lightbox .smc-lightbox-close{right:20px!important;top:10px!important}
}

/* Keep the compact colour card independent of theme card and typography rules. */
.sofa-man-colours-card{box-sizing:border-box;width:100%;max-width:720px;margin:16px auto;padding:12px 14px;background:#f3f8fc;border:1px solid #d7e3ed;border-radius:12px;box-shadow:0 2px 7px rgba(21,48,70,.05);color:#18364e}
.sofa-man-colours-card .sofa-man-colour-section{margin:0;padding:0}
.sofa-man-colours-card .sofa-man-colour-section+.sofa-man-colour-section{margin-top:7px;padding-top:7px;border-top:1px solid #dfe9f1}
.sofa-man-colours-card .sofa-man-colour-heading{margin:0 0 5px;padding:0;font-size:12px;line-height:1.25;font-weight:600;text-align:left;letter-spacing:0;text-transform:none}
.sofa-man-colours-card .sofa-man-colours{display:flex;justify-content:flex-start;align-items:flex-start;gap:6px;margin:0;padding:0;width:100%;max-width:none}
.sofa-man-colours-card .sofa-man-colour-item{width:66px;margin:0;padding:0;border:0;background:transparent}
.sofa-man-colours-card .sofa-man-colour-swatch{width:52px;height:18px;max-width:100%;padding:2px;border:1px solid #cbd8e3;border-radius:6px;box-shadow:0 1px 2px rgba(21,48,70,.06)}
.sofa-man-colours-card .sofa-man-colour-inner{border-radius:4px}
.sofa-man-colours-card .sofa-man-colour-label{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:1px;margin:3px 0 0;padding:0;width:100%}
.sofa-man-colours-card .sofa-man-colour-name{margin:0;padding:0;font-size:10.5px;line-height:1.25;font-weight:500}
.sofa-man-colours-card .sofa-man-colour-view{margin:0;padding:0;font-size:9px;line-height:1.25;font-weight:400}
.sofa-man-colours-card .sofa-man-colour-button{min-width:44px;min-height:44px}
.sofa-man-colours-card .sofa-man-colour-note{margin:10px 0 0;font-size:12px;line-height:1.4}
@media(max-width:650px){
 .sofa-man-colours-card{margin:10px auto;padding:10px;border-radius:11px}
 .sofa-man-colours-card .sofa-man-colours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start;gap:6px 4px;width:100%;max-width:320px}
 .sofa-man-colours-card .sofa-man-colour-item{width:100%}
 .sofa-man-colours-card .sofa-man-colour-section+.sofa-man-colour-section{margin-top:7px;padding-top:7px}
 .sofa-man-colours-card .sofa-man-colour-heading{font-size:11.5px;margin-bottom:5px}
}

.sofa-man-colours-card .sofa-man-colours-title{margin:0 0 9px;padding:0;color:#18364e;font-family:inherit;font-size:12px;line-height:1.25;font-weight:600;text-align:left;letter-spacing:normal;text-transform:none}