.formalux-chair-config {
    width: 100%;
    margin: 18px 0;
}


.formalux-chair-config__swatches {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.formalux-chair-config__swatch {
    position: relative;
    display: block;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    max-width: 46px;
    margin: 0;
    padding: 2px;
    border: 0 !important;
    border-radius: 8px;
    background: transparent;
    box-shadow: none !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    cursor: pointer;
}

.formalux-chair-config__swatch:hover,
.formalux-chair-config__swatch:focus,
.formalux-chair-config__swatch:focus-visible {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.formalux-chair-config__swatch img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 6px;
    object-fit: cover;
    object-position: center center;
}

.formalux-chair-config__swatch::before,
.formalux-chair-config__swatch::after {
    content: none;
}

.formalux-chair-config__swatch.is-active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    display: block;
    box-sizing: border-box;
    border: 2px solid #25292d;
    border-radius: 8px;
    pointer-events: none;
}

.formalux-chair-config__preview {
    position: absolute !important;
    inset: 0 !important;
    z-index: 100 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    vertical-align: middle !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .formalux-chair-config {
        margin: 20px 0 18px;
    }

    .formalux-chair-config__swatches {
        display: grid !important;
        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 1px !important;
        overflow: visible !important;
    }

    .formalux-chair-config__swatches
    .formalux-chair-config__swatch {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 2px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        overflow: hidden !important;
    }

    .formalux-chair-config__swatches
    .formalux-chair-config__swatch:hover,
    .formalux-chair-config__swatches
    .formalux-chair-config__swatch:focus,
    .formalux-chair-config__swatches
    .formalux-chair-config__swatch:focus-visible {
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .formalux-chair-config__swatches
    .formalux-chair-config__swatch img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .formalux-chair-config__swatches
    .formalux-chair-config__swatch.is-active::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 4;
        display: block;
        box-sizing: border-box;
        border: 2px solid #25292d;
        border-radius: 8px;
        background: transparent;
        pointer-events: none;
    }
}

/* FORMALUX_CHAIR_AVAILABILITY_FULL_KEY_V1_START */
.formalux-chair-availability {
    margin-top: 14px;
    display: grid;
    gap: 10px;
}
.formalux-chair-availability__leg {
    display: grid;
    gap: 6px;
    font-size: 14px;
    color: #555;
}
.formalux-chair-availability__select {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    padding: 8px 10px;
    font: inherit;
    color: #25292d;
}
.formalux-chair-availability__status {
    min-height: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
}
.formalux-chair-availability__status[data-state="stock"] {
    font-weight: 700;
    color: #25292d;
}
.formalux-chair-availability__status[data-state="production"] {
    font-weight: 600;
    color: #25292d;
}
/* FORMALUX_CHAIR_AVAILABILITY_FULL_KEY_V1_END */

/* FORMALUX_CHAIR_AVAILABILITY_TABLE_STYLE_V1_START */
.formalux-chair-availability__status{
    margin:18px 0 0;
    padding:16px 18px;
    min-height:0;
    border:1px solid rgba(0,0,0,.10);
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    line-height:1.45;
    font-weight:700;
    color:#555;
}
.formalux-chair-availability__status::before{
    content:"";
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#8a8a8a;
    box-shadow:0 0 0 4px rgba(0,0,0,.05);
}
.formalux-chair-availability__status[data-state="stock"]{
    border-color:#cfe2d4;
    background:#f3f8f4;
    color:#245f39;
}
.formalux-chair-availability__status[data-state="stock"]::before{
    background:#2f7d4a;
    box-shadow:0 0 0 4px rgba(47,125,74,.10);
}
.formalux-chair-availability__status[data-state="order"],
.formalux-chair-availability__status[data-state="unmapped"]{
    border-color:#eadcc2;
    background:#fbf7ef;
    color:#76561f;
}
.formalux-chair-availability__status[data-state="order"]::before,
.formalux-chair-availability__status[data-state="unmapped"]::before{
    background:#b7791f;
    box-shadow:0 0 0 4px rgba(183,121,31,.10);
}
/* FORMALUX_CHAIR_AVAILABILITY_TABLE_STYLE_V1_END */

/* FORMALUX_CHAIR_SELECTED_LABELS_V1_START */
.formalux-chair-availability__selected {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-bottom: 2px;
}
.formalux-chair-availability__selected-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #686868;
}
.formalux-chair-availability__selected-row strong {
    color: #25292d;
    font-weight: 700;
}
/* FORMALUX_CHAIR_SELECTED_LABELS_V1_END */

/* hidden must win over component display */
.formalux-chair-availability__leg[hidden]{display:none!important;}

/* FORMA LUX chair detail layout repair 2026-10-22 */
@media (min-width: 769px) {
  .formalux-chair-config__swatches { display:grid!important; grid-template-columns:repeat(6,46px)!important; gap:9px!important; max-width:342px!important; align-items:start!important; }
}
.formalux-media-info .formalux-retail-buybox { margin:16px 0 20px!important; }
.formalux-media-info .formalux-retail-buybox__actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; align-items:stretch!important; }
.formalux-media-info .formalux-retail-buybox__actions > button { position:static!important; width:100%!important; min-width:0!important; margin:0!important; height:52px!important; min-height:52px!important; }
@media (max-width:768px) {
  .formalux-media-info .formalux-retail-buybox__actions { grid-template-columns:1fr!important; }
}

/* Unified chair controls under price and above actions */
.formalux-media-info.formalux-chair-info-unified .formalux-chair-config{width:100%;margin:16px 0 18px!important;}
.formalux-media-info.formalux-chair-info-unified .formalux-chair-config__swatches{width:100%;max-width:none!important;grid-template-columns:repeat(6,46px)!important;}
.formalux-media-info.formalux-chair-info-unified .formalux-retail-buybox{width:100%;margin-top:14px!important;}
.formalux-media-info.formalux-chair-info-unified .formalux-retail-buybox__actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
@media(max-width:768px){.formalux-media-info.formalux-chair-info-unified .formalux-chair-config__swatches{grid-template-columns:repeat(5,minmax(0,1fr))!important;}.formalux-media-info.formalux-chair-info-unified .formalux-retail-buybox__actions{grid-template-columns:1fr!important;}}

.formalux-media-gallery__main{position:relative!important;}
.formalux-media-gallery__main .formalux-chair-fabric-large{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;transform:none!important;z-index:5!important;background:#fff;}
.formalux-media-gallery__main .formalux-chair-fabric-large[hidden]{display:none!important;}