/* Comparison controls share the product action panel's surfaces and buttons. */
body.sc-connected .sc-compare-bar{background:#eef1e8;color:#27432e;border:1px solid #cbd4c3;border-radius:12px;box-shadow:0 4px 18px #17271f12;padding:12px;gap:10px}
body.sc-connected .sc-compare-bar .sc-compare-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 16px;background:#203b2b;color:#fff;border:1px solid #203b2b;border-radius:8px;font:600 12px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
body.sc-connected .sc-compare-bar .sc-compare-toggle:hover{background:#2d5039;border-color:#2d5039}
body.sc-connected .sc-compare-bar .sc-compare-toggle:focus-visible{outline:2px solid #587442;outline-offset:3px}
body.sc-connected .sc-compare-bar button:not(.sc-compare-toggle){background:#fafbf7;color:#27432e;border:1px solid #c5cfbc;border-radius:8px;min-height:40px;font-size:12px}
body.sc-connected .sc-compare-bar.is-collapsed{padding:10px;width:auto}
@media(max-width:700px){body.sc-connected .sc-compare-bar,body.sc-connected .sc-compare-bar.is-collapsed{border-radius:0;width:100%;border-left:0;border-right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;box-shadow:0 -4px 20px #17271f0a}body.sc-connected .sc-compare-bar .sc-compare-toggle{min-height:42px}}
/* Product comparison uses the same visual language as the product action panel. */
@media screen{
 body #sc-product-comparison{width:min(1100px,calc(100vw - 40px));max-width:1100px;max-height:88svh;box-sizing:border-box;padding:30px;border:1px solid #cbd4c3;border-radius:18px;background:#f7f8f3;color:#203b2b;box-shadow:0 24px 80px #101c1940;font:14px/1.5 Arial,Helvetica,sans-serif}
 body #sc-product-comparison::backdrop{background:#101c19a6;backdrop-filter:blur(4px)}
 body #sc-product-comparison h2{font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:0 48px 24px 0}
 body #sc-product-comparison .sc-application-close{width:38px;height:38px;padding:0;border:1px solid #c5cfbc;border-radius:50%;background:#fafbf7;color:#27432e;top:18px;right:18px;font-size:17px}
 body #sc-product-comparison .sc-comparison-toolbar{padding:16px;background:#eef1e8;border:1px solid #cbd4c3;border-radius:12px;margin:0 0 18px;gap:8px}
 body #sc-product-comparison .sc-comparison-toolbar label{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:12px}
 body #sc-product-comparison .sc-comparison-toolbar input{accent-color:#203b2b}
 body #sc-product-comparison :is(.sc-comparison-toolbar button,.sc-comparison-toolbar a,.sc-comparison-product-actions button,[data-cancel-replacement]){display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:10px 13px;border:1px solid #c5cfbc;border-radius:8px;background:#fafbf7;color:#27432e;font:500 12px/1.3 Arial,Helvetica,sans-serif;text-decoration:none}
 body #sc-product-comparison .sc-comparison-toolbar [data-enquire-comparison]{background:#203b2b;color:#fff;border-color:#203b2b}
 body #sc-product-comparison .sc-comparison-content{overflow-x:auto;border:1px solid #cbd4c3;border-radius:12px;background:#fff;scrollbar-color:#859b7b #eef1e8}
 body #sc-product-comparison .sc-enhanced-comparison{border-collapse:separate;border-spacing:0;margin:0}
 body #sc-product-comparison .sc-enhanced-comparison :is(th,td){padding:16px;border:0;border-right:1px solid #dbe1d5;border-bottom:1px solid #dbe1d5;font-size:13px;line-height:1.5;text-align:left;vertical-align:top;background:#fff}
 body #sc-product-comparison .sc-enhanced-comparison th:first-child{background:#eef1e8;color:#52634e;box-shadow:1px 0 0 #cbd4c3;font-weight:500}
 body #sc-product-comparison .sc-enhanced-comparison thead th{background:#f7f8f3}
 body #sc-product-comparison .sc-comparison-product{gap:12px}
 body #sc-product-comparison .sc-comparison-product-image{height:150px;padding:10px;box-sizing:border-box;border:1px solid #e3e7dd;border-radius:10px;background:#fff;mix-blend-mode:normal}
 body #sc-product-comparison .sc-comparison-product>a{font-size:15px;line-height:1.35;font-weight:600;color:#203b2b;text-decoration:none}
 body #sc-product-comparison .sc-comparison-product>a:hover{text-decoration:underline}
 body #sc-product-comparison .sc-comparison-product-actions{gap:7px}
 body #sc-product-comparison .sc-enhanced-comparison .sc-comparison-different td{background:#e7efdd}
 body #sc-product-comparison .sc-comparison-picker{background:#eef1e8;border:1px solid #cbd4c3;border-radius:12px}
 body #sc-product-comparison #sc-compare-search{border:1px solid #c5cfbc;border-radius:8px;background:#fff}
 body #sc-product-comparison .sc-comparison-feedback,body #sc-product-comparison>p:last-child{font-size:12px;color:#60715a}
}
@media screen and (max-width:700px){body #sc-product-comparison{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:20px 14px;border-radius:14px}body #sc-product-comparison h2{font-size:26px;margin-right:35px}body #sc-product-comparison .sc-comparison-toolbar{padding:12px}body #sc-product-comparison .sc-comparison-toolbar label{flex-basis:100%;margin:0 0 5px}body #sc-product-comparison .sc-comparison-toolbar a{flex-basis:100%}body #sc-product-comparison .sc-enhanced-comparison :is(th,td){padding:12px}body #sc-product-comparison .sc-application-close{top:12px;right:12px}}
@media screen{
 body.sc-connected #superior-concept .sc-colour-palette{padding:22px;margin:28px 0 40px;border:1px solid #cbd4c3;border-radius:14px;background:#f7f8f3;color:#203b2b}
 body.sc-connected #superior-concept .sc-palette-heading{padding:16px;margin:0 0 20px;border:1px solid #cbd4c3;border-radius:12px;background:#eef1e8;gap:14px}
 body.sc-connected #superior-concept .sc-colour-palette h2{font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.1;letter-spacing:-1px}
 body.sc-connected #superior-concept .sc-palette-count{font-size:12px;color:#60715a}
 body.sc-connected #superior-concept .sc-palette-heading-actions{gap:8px;flex-wrap:wrap}
 body.sc-connected #superior-concept .sc-palette-print{min-height:40px;padding:10px 13px;border:1px solid #c5cfbc;border-radius:8px;background:#fafbf7;color:#27432e;font:500 12px/1.3 Arial,Helvetica,sans-serif;text-decoration:none}
 body.sc-connected #superior-concept .sc-palette-card{border:1px solid #17271b15;border-radius:7px;box-shadow:none}
 body.sc-connected #superior-concept .sc-palette-swatch-label{left:13px;right:10px;bottom:13px}
 body.sc-connected #superior-concept .sc-palette-swatch-label strong{font:600 15px/1.25 Arial,Helvetica,sans-serif}
 body.sc-connected #superior-concept .sc-palette-swatch-label small{font:400 12px/1.25 Arial,Helvetica,sans-serif;margin-top:3px}
 body.sc-connected #superior-concept .sc-palette-hover-actions :is(button,a){width:30px;height:30px;border:1px solid #c5cfbc;border-radius:7px;background:#fafbf7;color:#27432e}
 body.sc-connected #superior-concept .sc-palette-hover-actions a{background:#203b2b;border-color:#203b2b;color:#fff}
 body.sc-connected #superior-concept .sc-palette-hover-actions button[aria-pressed=true]{background:#dce7cb;border-color:#829875}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned{background:#f7f8f3;border-color:#cbd4c3;border-radius:0 0 12px 12px;box-shadow:0 8px 22px #17271f12}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-heading{background:#eef1e8;padding:10px;border:1px solid #cbd4c3;border-radius:8px}
}
@media screen and (max-width:700px){body.sc-connected #superior-concept .sc-colour-palette{padding:14px}body.sc-connected #superior-concept .sc-palette-heading{padding:12px;flex-wrap:wrap;gap:12px}body.sc-connected #superior-concept .sc-palette-hover-actions{opacity:1;visibility:visible;right:8px;top:8px;gap:5px}body.sc-connected #superior-concept .sc-palette-swatch-label strong{font-size:13px}}
/* Keep names legible in the compact floating comparison tray. */
@media screen{
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{grid-auto-columns:116px;max-height:104px}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-card{flex:0 0 116px}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch{height:100px}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label{left:7px;right:7px;bottom:7px;background:#fafbf7f2;color:#203b2b;border-radius:5px;padding:6px;text-shadow:none}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label strong{font:600 12px/1.25 Arial,Helvetica,sans-serif;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-swatch-label small{display:block;font:400 10px/1.2 Arial,Helvetica,sans-serif;max-height:none;opacity:1;margin-top:3px}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-card{flex-basis:calc((100% - 72px)/5)}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{grid-auto-columns:auto;max-height:calc(60vh + 44px)}
 body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-swatch{height:auto}
}
@media screen and (max-width:1000px){body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-card{flex-basis:calc((100% - 36px)/3)}}
@media screen and (max-width:600px){body.sc-connected #superior-concept .sc-palette-tray.is-pinned .sc-palette-grid{max-height:104px}body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-card{flex-basis:calc((100% - 10px)/2)}body.sc-connected #superior-concept .sc-palette-tray.is-pinned:is(:hover,:focus-within) .sc-palette-grid{max-height:60vh}}