.sss-ci-catalog { --ci-ink:#143458; --ci-muted:#617084; --ci-line:#e0e7ef; }
.sss-ci-catalog .sss-ci-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:24px; align-items:start; }
.sss-ci-sidebar { color:var(--ci-ink,#143458); min-width:0; }
.sss-ci-mobile-toggle { display:none; }
.sss-ci-nav[hidden] { display:none!important; }
.sss-ci-search,.sss-ci-nav,.sss-ci-filter-widgets { background:#fff; border:1px solid var(--ci-line,#e0e7ef); border-radius:12px; margin-bottom:16px; padding:16px; }
.sss-ci-search label,.sss-ci-nav h2 { display:block; font-size:16px; font-weight:700; margin:0 0 14px; }
.sss-ci-search>div { display:flex; min-width:0; }
.sss-ci-search input[type=search] { min-width:0; width:100%; border:1px solid #d9e2ec; border-radius:6px 0 0 6px; padding:9px; font-size:13px; }
.sss-ci-search button { background:#143458; color:white; border:0; border-radius:0 6px 6px 0; width:36px; cursor:pointer; }
.sss-ci-nav a { color:inherit; text-decoration:none; font-size:13px; line-height:1.35; }
.sss-ci-all { display:flex; justify-content:space-between; gap:8px; padding:10px 8px; font-weight:700; }
.sss-ci-family { border-top:1px solid #edf0f4; }
.sss-ci-family-row { display:flex; align-items:stretch; }
.sss-ci-family-row>a { display:flex; align-items:center; gap:7px; flex:1; padding:11px 8px; min-width:0; }
.sss-ci-family-row>a span { flex:1; }
.sss-ci-nav small { font-size:11px; color:#67798d; font-weight:400; }
.sss-ci-toggle { flex:0 0 30px; border:0; background:transparent; color:#143458; cursor:pointer; font-size:17px; }
.sss-ci-toggle[aria-expanded=true] { transform:rotate(180deg); }
.sss-ci-nav a:hover,.sss-ci-family.is-current>.sss-ci-family-row { background:#f0f5fa; border-radius:6px; }
.sss-ci-nav a[aria-current=page] { font-weight:700; color:#124d85; }
.sss-ci-children { padding:0 0 8px 10px; }
.sss-ci-children[hidden] { display:none!important; }
.sss-ci-children>a { display:flex; justify-content:space-between; gap:6px; padding:8px; border-left:2px solid #e4ebf2; }
.sss-ci-main { min-width:0; }
.sss-ci-heading { margin-bottom:22px; }
.sss-ci-heading>a { color:#617084; font-size:13px; text-decoration:none; }
.sss-ci-heading h1 { color:#143458; font-size:30px; margin:8px 0; line-height:1.2; }
.sss-ci-landing { display:flex; gap:28px; align-items:start; }
.sss-ci-landing-photo { flex:1; min-width:0; background:white; border:1px solid #e0e7ef; border-radius:12px; overflow:hidden; }
.sss-ci-landing-photo img { width:100%; max-height:500px; object-fit:contain; display:block; }
.sss-ci-options { flex:1; min-width:0; }
.sss-ci-options>p { margin:0 0 14px; font-weight:600; color:#617084; }
.sss-ci-options>a { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; border:1px solid #e0e7ef; border-radius:8px; margin-bottom:8px; text-decoration:none; color:#143458; font-size:15px; }
.sss-ci-options>a:hover { background:#f1f6fb; border-color:#9aadc4; }
.sss-ci-options .sss-ci-view-all { background:#143458; color:#fff; }
.sss-ci-options small { color:#617084; }
.sss-ci-dimensions small { font-size:10px; color:#617084; font-weight:400; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-photo { order:0!important; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-swatches { order:1!important; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-color-name { order:2!important; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-title { order:3!important; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-dimensions { order:4!important; }
body.sss-ci-catalog ul.products li.sss-ci-card > .sss-ci-button { order:5!important; }
body.sss-ci-catalog .sss-ci-main ul.products,
body.sss-ci-catalog.woocommerce ul.products[class*="columns-"] { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; justify-content:stretch!important; }
body.sss-ci-catalog ul.products:before,body.sss-ci-catalog ul.products:after { display:none!important; }
body.sss-ci-catalog ul.products li.sss-ci-card { display:flex!important; flex-direction:column!important; align-items:stretch!important; float:none!important; width:auto!important; max-width:none!important; min-width:0!important; margin:0!important; padding:12px!important; background:#fff!important; border:1px solid #e0e7ef!important; border-radius:12px!important; box-shadow:none!important; overflow:hidden; position:relative; }
body.sss-ci-catalog .sss-ci-card .sss-ci-photo { display:flex!important; align-items:center; justify-content:center; aspect-ratio:1/1; width:100%; margin:0 0 8px!important; background:#fff; }
body.sss-ci-catalog ul.products li.sss-ci-card .sss-ci-photo img { display:block!important; width:100%!important; height:100%!important; max-height:none!important; margin:0!important; object-fit:contain!important; padding:0!important; position:static!important; }
body.sss-ci-catalog .sss-ci-swatches { display:flex; flex-wrap:wrap; gap:3px; justify-content:center; margin:0 0 3px; }
body.sss-ci-catalog .sss-ci-swatch { display:grid; place-items:center; width:32px; height:32px; min-width:32px; padding:3px; border:2px solid transparent; border-radius:50%; background:transparent; cursor:pointer; box-shadow:none; }
body.sss-ci-catalog .sss-ci-swatch[aria-pressed=true] { border-color:#143458; }
body.sss-ci-catalog .sss-ci-swatch>span { display:grid; place-items:center; width:22px; height:22px; border:1px solid #b9c3ce; border-radius:50%; overflow:hidden; font-size:9px; color:#143458; }
body.sss-ci-catalog ul.products li.sss-ci-card .sss-ci-swatch img { width:100%!important; height:100%!important; margin:0!important; padding:0!important; object-fit:cover!important; }
body.sss-ci-catalog .sss-ci-card .sss-ci-color-name { font-size:12px; line-height:1.3; color:#617084; text-align:center; margin:0 0 9px; min-height:16px; }
body.sss-ci-catalog ul.products li.sss-ci-card .sss-ci-title { font-size:17px!important; line-height:1.3!important; margin:0 0 9px!important; padding:0!important; color:#143458!important; text-align:center!important; height:auto!important; min-height:0!important; overflow:visible!important; -webkit-line-clamp:unset!important; }
body.sss-ci-catalog .sss-ci-title a { color:inherit; text-decoration:none; }
body.sss-ci-catalog .sss-ci-dimensions { display:flex; flex-direction:column; gap:3px; text-align:center; margin:0 0 14px; padding:8px 2px; border-top:1px solid #edf0f4; font-size:14px; line-height:1.35; }
body.sss-ci-catalog .sss-ci-dimensions span { color:#617084; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
body.sss-ci-catalog .sss-ci-dimensions strong { color:#143458; font-weight:650; }
body.sss-ci-catalog ul.products li.sss-ci-card .sss-ci-button { display:flex!important; align-items:center!important; justify-content:center!important; min-height:43px; padding:10px 8px!important; margin:auto 0 0!important; background:#143458!important; border:0!important; border-radius:7px!important; color:#fff!important; text-decoration:none; text-align:center; font-size:13px!important; font-weight:600; line-height:1.2!important; white-space:normal!important; width:100%!important; box-sizing:border-box; }
.sss-ci-card button:focus-visible,.sss-ci-card a:focus-visible,.sss-ci-sidebar a:focus-visible,.sss-ci-toggle:focus-visible { outline:3px solid #e6a72a; outline-offset:3px; }
@media(max-width:1150px) { body.sss-ci-catalog .sss-ci-main ul.products,body.sss-ci-catalog.woocommerce ul.products[class*="columns-"] { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .sss-ci-catalog .sss-ci-layout { grid-template-columns:220px minmax(0,1fr); gap:16px; } }
@media(max-width:820px) { .sss-ci-catalog .sss-ci-layout { grid-template-columns:1fr; } .sss-ci-mobile-toggle { display:block; width:100%; padding:12px; background:#143458; color:#fff; border:0; border-radius:8px; margin-bottom:12px; font-weight:600; } .sss-ci-nav { max-height:none; } body.sss-ci-catalog .sss-ci-main ul.products,body.sss-ci-catalog.woocommerce ul.products[class*="columns-"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .sss-ci-landing { flex-direction:column; } .sss-ci-options,.sss-ci-landing-photo { width:100%; } .sss-ci-heading h1 { font-size:25px; } }
@media(max-width:420px) { body.sss-ci-catalog ul.products li.sss-ci-card { padding:9px!important; } body.sss-ci-catalog .sss-ci-card .sss-ci-title { font-size:15px!important; } }