#citysofa-product-gallery, #citysofa-product-gallery * { box-sizing: border-box; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-dimensions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 4px;
    min-height: 28px;
    max-width: 100%;
    color: #707070;
    font: inherit;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    border-radius: 4px;
    background: linear-gradient(currentColor, currentColor) left calc(50% + .7em) / 0 1px no-repeat;
    transition: background-size 180ms ease;
}
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-dimensions:hover { color: #555; }
.citysofa-product-gallery-trigger__plus { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 2px; flex: none; }
.citysofa-product-gallery-trigger__plus svg { width: 16px; height: 16px; animation: citysofa-dimensions-plus-pulse 2600ms ease-in-out infinite; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-dimensions:is(:hover, :focus-visible) { background-size: 100% 1px; }
@keyframes citysofa-dimensions-plus-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
.citysofa-product-dimensions:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
html.citysofa-gallery-open { overflow: hidden; scrollbar-gutter: stable; }
#citysofa-product-gallery {
    color: var(--e-global-color-text, #1a1a1a);
    background: #fff;
    font-family: "SK Modernist", Arial, sans-serif;
    width: min(1600px, 94vw);
    max-width: none;
    max-height: 94vh;
    max-height: 94svh;
    padding: 0;
    border: 0;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 16px 80px #0004;
}
#citysofa-product-gallery::backdrop { background: rgb(0 0 0 / 72%); }
#citysofa-product-gallery .citysofa-product-gallery__shell { display: flex; flex-direction: column; height: auto; }
#citysofa-product-gallery .citysofa-product-gallery__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 12px 28px 10px; border-bottom: 1px solid #e6e6e6; flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__title { margin: 0 0 6px; font-size: 22px; font-weight: 400; line-height: 1.3; text-transform: none; letter-spacing: normal; }
#citysofa-product-gallery .citysofa-product-gallery__ean { margin: 0; font-size: 13px; color: #666; }
#citysofa-product-gallery button { font: inherit; color: inherit; cursor: pointer; }
#citysofa-product-gallery .citysofa-product-gallery__icon-button { display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 44px; height: 44px; border: 0; border-radius: 50%; padding: 10px; background: #f7f7f7; }
#citysofa-product-gallery .citysofa-product-gallery__icon-button:hover { background: #e6e6e6; color: inherit; }
#citysofa-product-gallery .citysofa-product-gallery__icon-button svg { width: 22px; height: 22px; }
#citysofa-product-gallery button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__stage { position: relative; display: flex; align-items: stretch; justify-content: center; min-height: 0; flex: none; overflow: hidden; }
#citysofa-product-gallery .citysofa-product-gallery__viewport { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 0; overflow: hidden; padding: 8px 16px; }
#citysofa-product-gallery .citysofa-product-gallery__frame { position: relative; overflow: hidden; flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__image { position: absolute; display: block; max-width: none; max-height: none; object-fit: fill; }
#citysofa-product-gallery .citysofa-product-gallery__viewport.is-zoomed { display: block; padding: 0; }

#citysofa-product-gallery .citysofa-product-gallery__prev, #citysofa-product-gallery .citysofa-product-gallery__next { position: absolute; top: 50%; transform: translateY(-50%); background: rgb(247 247 247 / 92%); z-index: 1; }
#citysofa-product-gallery .citysofa-product-gallery__prev { left: 10px; }
#citysofa-product-gallery .citysofa-product-gallery__next { right: 10px; }
#citysofa-product-gallery .citysofa-product-gallery__status { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 30px; font-size: 14px; pointer-events: none; }
#citysofa-product-gallery .citysofa-product-gallery__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 28px; flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__counter { margin: 0; font-size: 13px; color: #666; }
#citysofa-product-gallery .citysofa-product-gallery__zoom { border: 0; background: transparent; padding: 8px; min-height: 44px; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__zoom:hover { color: inherit; background: #f7f7f7; }
#citysofa-product-gallery .citysofa-product-gallery__thumbnails { display: flex; align-items: flex-start; gap: 20px; overflow-x: auto; overscroll-behavior: contain; padding: 12px 28px 16px; border-top: 1px solid #e6e6e6; flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__group { flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__group-label { margin: 0 0 6px; color: #777; font-size: 14.3px; }
#citysofa-product-gallery .citysofa-product-gallery__group-items { display: flex; gap: 6px; }
#citysofa-product-gallery .citysofa-product-gallery__thumb { display: block; width: 182px; height: 140.4px; padding: 3px; background: #fff; border: 1px solid #e6e6e6; border-radius: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__thumb[aria-current="true"] { border: 2px solid #1a1a1a; padding: 2px; }
#citysofa-product-gallery .citysofa-product-gallery__thumb:hover { background: #f7f7f7; color: inherit; }
#citysofa-product-gallery .citysofa-product-gallery__thumb-frame { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
#citysofa-product-gallery .citysofa-product-gallery__thumb img { position: absolute; display: block; max-width: none; max-height: none; }
@media (max-width: 600px) {
    #citysofa-product-gallery { width: 94vw; }
    #citysofa-product-gallery .citysofa-product-gallery__header { gap: 10px; padding: 16px; }
    #citysofa-product-gallery .citysofa-product-gallery__title { font-size: 18px; }
    #citysofa-product-gallery .citysofa-product-gallery__viewport { padding: 6px 12px; }
    #citysofa-product-gallery .citysofa-product-gallery__prev { left: 4px; }
    #citysofa-product-gallery .citysofa-product-gallery__next { right: 4px; }
    #citysofa-product-gallery .citysofa-product-gallery__prev, #citysofa-product-gallery .citysofa-product-gallery__next { top: auto; bottom: 6px; transform: none; }
    #citysofa-product-gallery .citysofa-product-gallery__bar { padding: 0 12px; }
    #citysofa-product-gallery .citysofa-product-gallery__thumbnails { padding: 10px 12px 14px; gap: 14px; }
    #citysofa-product-gallery .citysofa-product-gallery__thumb { width: 145.6px; height: 111.8px; }
}
@media (prefers-reduced-motion: reduce) {
    .citysofa-product-gallery-trigger__plus svg { animation: none; }
    .sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-dimensions { transition: none; }
    
}

#citysofa-product-gallery .citysofa-product-gallery__metadata { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
#citysofa-product-gallery .citysofa-product-gallery__fact, #citysofa-product-gallery .citysofa-product-gallery__technical-link { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 13px; line-height: 1.5; color: #555; }
#citysofa-product-gallery .citysofa-product-gallery__fact svg, #citysofa-product-gallery .citysofa-product-gallery__technical-link svg { flex: none; width: 20px; height: 20px; }
#citysofa-product-gallery .citysofa-product-gallery__technical-link { color: inherit; min-height: 32px; text-decoration: none; }
#citysofa-product-gallery .citysofa-product-gallery__technical-link span { text-decoration: underline; text-underline-offset: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__technical-link svg { transition: transform 180ms ease; }
#citysofa-product-gallery .citysofa-product-gallery__technical-link:hover svg { transform: translateY(-2px); }
#citysofa-product-gallery .citysofa-product-gallery__technical-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 600px) { #citysofa-product-gallery .citysofa-product-gallery__metadata { gap: 6px 16px; } }
@media (prefers-reduced-motion: reduce) { #citysofa-product-gallery .citysofa-product-gallery__technical-link svg { transition: none; } #citysofa-product-gallery .citysofa-product-gallery__technical-link:hover svg { transform: none; } }
#citysofa-product-gallery .citysofa-product-gallery__dimension-link { border: 0; padding: 0; background: transparent; border-radius: 0; min-height: 32px; text-align: left; }
#citysofa-product-gallery .citysofa-product-gallery__dimension-link:hover { color: inherit; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__details { min-width: 0; }
#citysofa-product-gallery .citysofa-product-gallery__header { position: relative; display: block; }
#citysofa-product-gallery .citysofa-product-gallery__close { position: absolute; right: 16px; top: 16px; }
#citysofa-product-gallery .citysofa-product-gallery__title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 32px; padding-right: 54px; margin-bottom: 8px; }
#citysofa-product-gallery .citysofa-product-gallery__title-row .citysofa-product-gallery__title { margin: 0; width: var(--citysofa-title-width, auto); max-width: 100%; flex: none; }
#citysofa-product-gallery .citysofa-product-gallery__colors { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
#citysofa-product-gallery .citysofa-product-gallery__colors-label { font-size: 12px; color: #555; white-space: nowrap; }
#citysofa-product-gallery .citysofa-product-gallery__color-options { display: flex; align-items: center; gap: 2px; }
#citysofa-product-gallery .citysofa-product-gallery__color { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; border-radius: 50%; width: 28px; height: 28px; padding: 4px; }
#citysofa-product-gallery .citysofa-product-gallery__color-swatch { display: block; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px #0001; }
#citysofa-product-gallery .citysofa-product-gallery__color:hover .citysofa-product-gallery__color-swatch { transform: scale(1.12); }
#citysofa-product-gallery .citysofa-product-gallery__color-swatch { transition: transform 180ms ease; }
#citysofa-product-gallery .citysofa-product-gallery__metadata { display: grid; gap: 5px; }
#citysofa-product-gallery .citysofa-product-gallery__metadata-primary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
#citysofa-product-gallery .citysofa-product-gallery__facts-group { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 20px; max-width: 100%; }
#citysofa-product-gallery .citysofa-product-gallery__references { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 24px; }
#citysofa-product-gallery .citysofa-product-gallery__fact { white-space: nowrap; }
#citysofa-product-gallery .citysofa-product-gallery__fact--fabric { white-space: normal; }
@media (max-width: 767px) {
    #citysofa-product-gallery .citysofa-product-gallery__title-row { flex-direction: column; align-items: stretch; padding-right: 0; gap: 8px; }
    #citysofa-product-gallery .citysofa-product-gallery__title-row .citysofa-product-gallery__title { padding-right: 44px; width: auto; }
    #citysofa-product-gallery .citysofa-product-gallery__metadata-primary { flex-direction: column; align-items: flex-start; gap: 8px; }
    #citysofa-product-gallery .citysofa-product-gallery__facts-group { gap: 4px 16px; }
    #citysofa-product-gallery .citysofa-product-gallery__references { gap: 3px 16px; }
}
@media (prefers-reduced-motion: reduce) {
    #citysofa-product-gallery .citysofa-product-gallery__color-swatch { transition: none; }
    #citysofa-product-gallery .citysofa-product-gallery__color:hover .citysofa-product-gallery__color-swatch { transform: none; }
}
/* Keep hidden states after class display declarations. */
#citysofa-product-gallery [hidden] { display: none; }


/* Measure exact localized titles without occupying layout or accessibility space. */
#citysofa-product-gallery .citysofa-product-gallery__title-row .citysofa-product-gallery__title-measure { position: absolute; visibility: hidden; pointer-events: none; white-space: nowrap; width: max-content; max-width: none; padding: 0; }

/* Current selector entry: keep the native PDF anchor as data source only. */
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-technical-sheet__link[hidden] { display: none; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-technical-sheet__dimensions { margin-bottom: 0; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-dimensions .citysofa-technical-sheet__dimensions-label { display: none; }
.citysofa-product-dimensions__icon { display: inline-flex; width: 16px; height: 16px; flex: none; margin-right: 5px; }
.citysofa-product-dimensions__icon svg { width: 100%; height: 100%; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-gallery-trigger { display: flex; align-items: center; justify-content: center; gap: 8px; width: max-content; max-width: 100%; min-height: 44px; margin: 0 auto; padding: 6px 4px; color: var(--e-global-color-text, #1a1a1a); font: inherit; font-size: var(--citysofa-gallery-entry-font-size, 16px); line-height: 1.5; text-align: center; text-decoration: none; border-radius: 4px; }
.sofa-selector-widget.citysofa-product-gallery-enabled .citysofa-product-gallery-trigger:is(:hover,:focus-visible) { color: inherit; }
.citysofa-product-gallery-trigger__text { background: linear-gradient(currentColor,currentColor) left bottom / 0 1px no-repeat; transition: background-size 180ms ease; }
.citysofa-product-gallery-trigger:is(:hover,:focus-visible) .citysofa-product-gallery-trigger__text { background-size: 100% 1px; }
.citysofa-product-gallery-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#citysofa-product-gallery .citysofa-product-gallery__color[aria-pressed="true"]:not(:focus-visible) { outline: var(--citysofa-street-width) solid var(--citysofa-street-color); outline-offset: -1px; }
#citysofa-product-gallery .citysofa-product-gallery__fact sup { position: relative; top: -.45em; font-size: .72em; line-height: 0; vertical-align: baseline; }
@media (prefers-reduced-motion: reduce) { .citysofa-product-gallery-trigger__text { transition: none; } }

/* Native model selection: the visible caption wraps, the select retains native
   keyboard, screen-reader and mobile-picker behavior over the same target. */
#citysofa-product-gallery .citysofa-product-gallery__title { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; }
#citysofa-product-gallery .citysofa-product-gallery__title:focus { outline: none; }
#citysofa-product-gallery .citysofa-product-gallery__title-part { white-space: nowrap; }
#citysofa-product-gallery .citysofa-product-gallery__model-field { position: relative; display: inline-grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 8px; min-width: 0; max-width: 100%; min-height: 32px; border-radius: 2px; }
#citysofa-product-gallery .citysofa-product-gallery__model-text { min-width: 0; }
#citysofa-product-gallery .citysofa-product-gallery__model-field .citysofa-product-gallery__model-text { background: linear-gradient(currentColor,currentColor) left bottom / 0 1px no-repeat; transition: background-size 180ms ease; }
#citysofa-product-gallery .citysofa-product-gallery__model-field:is(:hover,:focus-within) .citysofa-product-gallery__model-text { background-size: 100% 1px; }
#citysofa-product-gallery .citysofa-product-gallery__model-select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; border: 0; cursor: pointer; font: inherit; color: #1a1a1a; background: #fff; }
#citysofa-product-gallery .citysofa-product-gallery__model-chevron { display: inline-flex; width: 16px; height: 16px; pointer-events: none; }
#citysofa-product-gallery .citysofa-product-gallery__model-chevron svg { width: 100%; height: 100%; }
#citysofa-product-gallery .citysofa-product-gallery__model-field:has(select:focus-visible) { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 767px) { #citysofa-product-gallery .citysofa-product-gallery__model-field { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { #citysofa-product-gallery .citysofa-product-gallery__model-text { transition: none; } }

/* Measure the rendered title, including flex gaps and the real model chevron.
   Keep the color controls aligned with its first line when a title wraps. */
#citysofa-product-gallery .citysofa-product-gallery__title-measure { flex-wrap: nowrap; }
#citysofa-product-gallery .citysofa-product-gallery__title-measure .citysofa-product-gallery__model-text { white-space: nowrap; }
#citysofa-product-gallery .citysofa-product-gallery__title-row { align-items: flex-start; }
#citysofa-product-gallery .citysofa-product-gallery__colors { min-height: 32px; }

/* The Streets, at the scale of a dialog: two quiet routes and two nodes.
   Pseudo-elements keep the original geometry and never receive clicks. */
#citysofa-product-gallery {
    --citysofa-street-color: #e6e6e6;
    --citysofa-street-width: 3px;
    --citysofa-street-node: 16px;
    --citysofa-street-node-offset: -8px;
    --citysofa-street-header-gutter: 28px;
    --citysofa-street-bar-gutter: 28px;
    box-shadow: 0 16px 80px #0004, inset 0 0 0 1px var(--citysofa-street-color);
}
#citysofa-product-gallery .citysofa-product-gallery__header { border-bottom-color: transparent; }
#citysofa-product-gallery .citysofa-product-gallery__thumbnails { border-top-color: transparent; }
#citysofa-product-gallery .citysofa-product-gallery__bar { position: relative; }
#citysofa-product-gallery .citysofa-product-gallery__header::after,
#citysofa-product-gallery .citysofa-product-gallery__bar::after {
    content: ""; position: absolute; box-sizing: border-box;
    height: 8px; bottom: -1px; pointer-events: none; z-index: 1;
    border-bottom: var(--citysofa-street-width) solid var(--citysofa-street-color);
}
#citysofa-product-gallery .citysofa-product-gallery__header::after {
    left: var(--citysofa-street-header-gutter); right: var(--citysofa-street-header-gutter);
    border-right: var(--citysofa-street-width) solid var(--citysofa-street-color);
}
#citysofa-product-gallery .citysofa-product-gallery__bar::after {
    left: var(--citysofa-street-bar-gutter); right: var(--citysofa-street-bar-gutter);
}
#citysofa-product-gallery .citysofa-product-gallery__header::before,
#citysofa-product-gallery .citysofa-product-gallery__bar::before {
    content: ""; position: absolute; box-sizing: border-box;
    width: var(--citysofa-street-node); height: var(--citysofa-street-node);
    bottom: var(--citysofa-street-node-offset); background: #fff;
    border: var(--citysofa-street-width) solid var(--citysofa-street-color);
    border-radius: 50%; pointer-events: none; z-index: 2;
}
#citysofa-product-gallery .citysofa-product-gallery__header::before { left: calc(var(--citysofa-street-header-gutter) + 24px); }
#citysofa-product-gallery .citysofa-product-gallery__bar::before { right: calc(var(--citysofa-street-bar-gutter) + 24px); }
#citysofa-product-gallery .citysofa-product-gallery__thumb[aria-current="true"] { border-color: #8c8c8c; }
#citysofa-product-gallery .citysofa-product-gallery__fabric-link { border: 0; padding: 0; min-height: 0; background: transparent; text-align: left; border-radius: 0; }
#citysofa-product-gallery .citysofa-product-gallery__fabric-link:is(:hover,:focus-visible) { color: #555; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
    #citysofa-product-gallery {
        --citysofa-street-width: 2px;
        --citysofa-street-node: 12px;
        --citysofa-street-node-offset: -6px;
        --citysofa-street-header-gutter: 16px;
        --citysofa-street-bar-gutter: 12px;
    }
}

/* Owner refinement: one node at the image axis; one cropped diagonal route.
   The image frame masks the axis, just as packshots mask the page Streets. */
#citysofa-product-gallery {
    --citysofa-street-node: 25px;
    --citysofa-street-node-offset: -12.5px;
    --citysofa-street-node-border: 4px;
}
#citysofa-product-gallery .citysofa-product-gallery__header { isolation: isolate; overflow: hidden; }
#citysofa-product-gallery .citysofa-product-gallery__header::after { bottom: 0; height: 0; border-right: 0; }
#citysofa-product-gallery .citysofa-product-gallery__header::before { display: none; }
#citysofa-product-gallery .citysofa-product-gallery__viewport { position: relative; z-index: 1; }
#citysofa-product-gallery .citysofa-product-gallery__frame { background: #fff; }
#citysofa-product-gallery .citysofa-product-gallery__bar { min-height: 48px; }
#citysofa-product-gallery .citysofa-product-gallery__bar::before {
    left: 50%; right: auto; transform: translateX(-50%);
    border-width: var(--citysofa-street-node-border);
}
#citysofa-product-gallery .citysofa-product-gallery__bar::after {
    height: calc(100% + var(--citysofa-axis-rise, 0px));
    bottom: 0; border: 0; z-index: 0;
    background:
        linear-gradient(var(--citysofa-street-color),var(--citysofa-street-color)) center / var(--citysofa-street-width) 100% no-repeat,
        linear-gradient(var(--citysofa-street-color),var(--citysofa-street-color)) left bottom / 100% var(--citysofa-street-width) no-repeat;
}
@media (min-width: 1200px) {
    #citysofa-product-gallery .citysofa-product-gallery__header { padding-right: 180px; }
    #citysofa-product-gallery .citysofa-product-gallery__title-row { padding-right: 0; }
    #citysofa-product-gallery .citysofa-product-gallery__details { position: relative; z-index: 1; }
    #citysofa-product-gallery .citysofa-product-gallery__close { z-index: 2; }
    #citysofa-product-gallery .citysofa-product-gallery__header::before {
        display: block; width: 180px; height: 180px;
        left: auto; right: -24px; bottom: 0; transform: none;
        border: 0; border-radius: 0; background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cpath%20d%3D%22M-20%20200%20L60%20120%20V-20%22%20fill%3D%22none%22%20stroke%3D%22%23e6e6e6%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22120%22%20r%3D%2210.5%22%20fill%3D%22white%22%20stroke%3D%22%23e6e6e6%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E");
        background-size: 180px 180px; background-repeat: no-repeat; z-index: 0;
    }
}
@media (max-width: 600px) {
    #citysofa-product-gallery {
        --citysofa-street-node: 20px;
        --citysofa-street-node-offset: -10px;
        --citysofa-street-node-border: 3px;
    }
    #citysofa-product-gallery .citysofa-product-gallery__bar { min-height: 40px; }
}