/*
 * Saudi Ceramics — AR PLP CSS (category + search)
 * Cross-page mobile overrides: saudiceramics-ar-responsive.css
 */

/* ==========================================================================
   GWL PLP Product Listing Changes
   Figma PLP cards + hover actions (node 1588-7715)
   Scoped to .page-products .gwl-plp-products only — does not affect homepage/widgets.
   ========================================================================== */

.page-products .gwl-plp-products {
    --gwl-plp-ink: #100f1b;
    --gwl-plp-muted: #777777;
    --gwl-plp-rating: #999999;
    --gwl-plp-gold: #f5a623;
    --gwl-plp-bar-bg: rgba(255, 255, 255, 0.96);
    --gwl-plp-bar-border: #e8e8e8;
    --gwl-plp-action: #160b8b;
    --gwl-plp-card-border: #f0f0f0;
    font-family: 'Work Sans', sans-serif;
}

/* GWL PLP Product Listing Changes — reset fixed Argento card height for Figma layout */
@media only screen and (min-width: 768px) {
    .page-products .column.main .gwl-plp-products.products-grid:not(.swiper-container) .product-items .product-item,
    .page-layout-1column.page-products .column.main .gwl-plp-products.products-grid:not(.swiper-container) .product-items .product-item,
    body.gwl-plp-figma.page-products .column.main .gwl-plp-products .product-item {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* GWL PLP Product Listing Changes — kill Argento squama fade that clips titles */
    body.gwl-plp-figma.page-products .column.main .gwl-plp-products .product-item:before,
    body.gwl-plp-figma.page-products .column.main .gwl-plp-products .product-item:after {
        display: none !important;
        content: none !important;
    }

    body.gwl-plp-figma.page-products .column.main .gwl-plp-products .product-item-info,
    body.gwl-plp-figma.page-products .gwl-plp-product-card__info {
        overflow: visible !important;
        height: auto !important;
        position: relative !important;
    }
}

/* GWL PLP Product Listing Changes — also kill legacy 392px lock from this file */
body.gwl-plp-figma.page-products .column.main .products-grid.gwl-plp-products:not(.swiper-container) .product-items .product-item {
    height: auto !important;
    overflow: visible !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__body {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
}

/* GWL PLP Product Listing Changes — responsive grid: 4 → 2 (tablet/mobile) */
@media (max-width: 1023px) {
    .page-products .gwl-plp-products.products-grid .product-item {
        width: 50% !important;
        margin: 0 0 28px !important;
        padding: 0 8px !important;
    }
}

@media (max-width: 767px) {
    .page-products .gwl-plp-products.products-grid .product-item {
        width: 50% !important;
        margin: 0 0 20px !important;
        padding: 0 6px !important;
    }
}

/* GWL PLP Product Listing Changes — card shell (no heavy Argento border/squama) */
.page-products .column.main .gwl-plp-products.products-grid:not(.swiper-container) .product-items .product-item .product-item-info,
.page-products .gwl-plp-products .gwl-plp-product-card__info {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100%;
    max-width: 100%;
    box-shadow: none !important;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 0px;
}

.page-products .gwl-plp-products.products-grid .product-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0px;
    gap: 48px 20px;
}

.page-products .gwl-plp-products.products-grid .product-item {
    width: 100% !important;
    margin: 0 0 0px !important;
    padding: 0 0px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: none !important;
    border: 0 !important;
    background: transparent !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__media {
    position: relative;
    overflow: hidden;
    line-height: 0;
    border: 0 !important;
    border-radius: 0px;
    cursor: pointer;
    aspect-ratio: 1 / 1 !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__media .product-item-photo {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    cursor: pointer;
}

.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-container,
.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-wrapper,
.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-photo {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 323px;
}

.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-container,
.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-wrapper {
    height: 100% !important;
    padding-bottom: 0 !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__media .product-image-photo {
    object-fit: cover !important;
    object-position: center !important;
    height: 100% !important;
    width: 100% !important;
    max-height: 323px;
    cursor: pointer;
}

/* GWL PLP Product Listing Changes — Figma hover uses action overlay only (no HoverGallery swap) */
.page-products .gwl-plp-products .gwl-plp-product-card__media .hover-image-container,
.page-products .gwl-plp-products .gwl-plp-product-card__media .hover-image {
    display: none !important;
}

/* GWL PLP Product Listing Changes — hide Swissup ProLabels by default
   (Figma uses New Arrival / % Off badges). Re-show Free Shipping + Free Installation. */
.page-products .gwl-plp-products .prolabels-wrapper > .prolabel,
.page-products .gwl-plp-products .prolabel,
.page-products .gwl-plp-products .prolabels,
.page-products .gwl-plp-products [data-role="prolabels"],
.page-products .gwl-plp-products .prolabels-wrapper .label {
    display: none !important;
}

/*
 * Swissup Free Shipping / Free Installation use inline style background #f54336
 * (discount uses #f66560, NEW uses #03cf00 — those stay hidden).
 */
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .prolabel[style*="f54336"],
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .prolabel[style*="F54336"],
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .prolabel.gwl-plp-prolabel--show {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none;
    z-index: 3;
}

body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .top-right.absolute,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .bottom-right.absolute {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    z-index: 3;
    pointer-events: none;
}

/* GWL PLP Product Listing Changes — Figma New Arrival badge (top-left) */
.page-products .gwl-plp-products .gwl-hbc-product-card__badges {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
}

.page-products .gwl-plp-products .gwl-hbc-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    border-radius: 4px;
    font-family: outfit, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    color: #fff;
}

.page-products .gwl-plp-products .gwl-hbc-badge--new {
    background: #E8E8FF;
    color: #100F1B;
}

.page-products .gwl-plp-products .gwl-hbc-badge--discount {
    background: #34A853;
    color: #fff;
    font-size: 16px !important;
}

/* GWL PLP Product Listing Changes — hide AjaxPro quick-view on Figma cards */
.page-products .gwl-plp-products .swissup-ajaxpro-quick-view-wrapper {
    display: none !important;
}

/* GWL PLP Product Listing Changes — product details match Figma exactly
   rating 12px/#999, title 16px/700/#100f1b, size 14px/#777, price 16px/700, Work Sans */
.page-products .gwl-plp-products .gwl-plp-product-card__body {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 0 0;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    border: 0 !important;
    background: transparent !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.page-products .gwl-plp-products .gwl-hbc-product-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 16px;
    margin: 0;
}

.page-products .gwl-plp-products .gwl-hbc-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
}

.page-products .gwl-plp-products .gwl-hbc-product-card__stars-empty {
    color: #e0e0e0;
}

.page-products .gwl-plp-products .gwl-hbc-product-card__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f5a623;
}

.page-products .gwl-plp-products .gwl-hbc-product-card__rating-text {
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #999999 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* GWL PLP Product Listing Changes — product details match Figma exactly
   Title 16px/700/#000, size 14px/400/#777, price 16px/700/#000, Work Sans */
body.gwl-plp-figma.page-products .gwl-plp-products .product-item,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card {
    font-size: 16px !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    padding: 20px 0 0;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
    border: 0 !important;
    background: transparent !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #000000 !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 16px;
    margin: 0 0 4px;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__stars {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__stars-empty {
    color: #e0e0e0;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f5a623;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__rating-text {
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #999999 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Title — Figma: Work Sans Bold 16 / #000000 */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-name {
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-name,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-name > a,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-link,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body strong.product-item-name,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body strong.product.name,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-link span {
    font-family: 'outfit', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #100F1B !important;
    letter-spacing: -0.25px;
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    background: transparent !important;
    margin-bottom: 8px !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-link:hover,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-link:focus {
    color: #160b8b !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}

/* Size — Figma: Work Sans Regular 14 / #777777 */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__size,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__size {
    display: block !important;
    margin: 0px 0 24px !important;
    padding: 0 !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #100F1BB2 !important;
    letter-spacing: -0.25px !important;
    text-transform: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-product-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0px 0 24px !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    color: #100F1B;
}

/* Price — Figma: Work Sans Bold 16 / #000000 */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-price,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-price .price,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-price .symbol {
    float: none !important;
    display: inline !important;
    font-family: 'outfit', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    color: #100F1B !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-price--old {
    display: none !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__swatches {
    margin-top: 0px;
    line-height: 0;
    border: 1px solid #100F1B;
    border-radius: 50%;
    padding: 3px;
}

.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-attribute-label,
.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-attribute-selected-option {
    display: none !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
}

/* GWL PLP Product Listing Changes — Figma color dots (avoid Magento .swatch-option pill sizing) */
.page-products .gwl-plp-products .gwl-plp-color-swatches {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.page-products .gwl-plp-products .gwl-plp-color-swatch {
    display: block !important;
    box-sizing: border-box !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    float: none !important;
    flex: 0 0 16px !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    vertical-align: middle;
}

.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-option,
.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-option.color {
    float: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 50% !important;
    line-height: 0 !important;
    overflow: hidden !important;
    flex: 0 0 16px !important;
    outline: none !important;
}

.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-option.selected,
.page-products .gwl-plp-products .gwl-plp-product-card__swatches .swatch-option:hover {
    outline: 1px solid #100f1b !important;
    outline-offset: 2px;
}

/* GWL PLP Product Listing Changes — hide Magento review summary + featured attrs (Figma uses custom rows) */
.page-products .gwl-plp-products .gwl-plp-product-card__reviews-default,
.page-products .gwl-plp-products .product-reviews-summary,
.page-products .gwl-plp-products .featured-attributes,
.page-products .gwl-plp-products .price-box,
.page-products .gwl-plp-products .fblike {
    display: none !important;
}

/* --------------------------------------------------------------------------
   GWL PLP Product Listing Changes — Hover (Figma product box)
   Beat Argento .prolabels-wrapper circular actions.
   Stack: Add to Compare (purple text) → solid purple Add to Cart
   -------------------------------------------------------------------------- */

body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item .prolabels-wrapper .product.actions.gwl-plp-actions,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
    z-index: 5;
    flex-direction: unset !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:hover .prolabels-wrapper .product.actions.gwl-plp-actions,
body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:focus-within .prolabels-wrapper .product.actions.gwl-plp-actions,
body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:hover .gwl-plp-actions,
body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:focus-within .gwl-plp-actions {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions a,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions button,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions form {
    pointer-events: auto !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.80);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
    z-index: 2;
}

body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:hover .gwl-plp-product-card__media::after,
body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item:focus-within .gwl-plp-product-card__media::after {
    opacity: 1;
}

/* Wishlist — outline heart top-right (Figma page 9/10 hover) */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    z-index: 8;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    order: unset !important;
    max-width: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .action.towishlist {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .action.towishlist::before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .action.towishlist:before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .action.towishlist:after {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .gwl-plp-actions__label {
    display: none !important;
}

/* GWL PLP Product Listing Changes — Magento clips ALL spans in .actions-secondary > .action
   (styles-m: clip/1px), which hid the Figma heart SVG. Undo that for our icon only. */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist .action.towishlist .gwl-plp-actions__icon--wish,
body.gwl-plp-figma.page-products .gwl-plp-products .product-item-actions.gwl-plp-actions .actions-secondary > .action .gwl-plp-actions__icon--wish {
    display: block !important;
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.1 20.3s-7.1-4.4-9.2-8.3C1.3 8.8 2.6 5.5 5.7 4.7c1.9-.5 3.7.3 4.7 1.7 1-1.4 2.8-2.2 4.7-1.7 3.1.8 4.4 4.1 2.8 7.3-2.1 3.9-9.2 8.3-9.2 8.3z' stroke='%23100f1b' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat !important;
}

/* Action stack at bottom of image */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 6;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .actions-primary {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: unset !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .actions-primary form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Kill Magento/Argento icon fonts + circular ATC (before AND after on button + spans) */
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart::before,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart:before,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart::after,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart:after,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocompare::before,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocompare:before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart::before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart:before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart::after,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart:after,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocompare::before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocompare:before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart span::before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart span::after,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart span:before,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart span:after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Add to Compare — purple text link above button */
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions__compare,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__compare {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #160b8b !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__compare .gwl-plp-actions__label {
    display: inline !important;
    font-size: 14px !important;
    color: #160b8b !important;
    visibility: visible !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__icon--compare {
    display: inline-block !important;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7H4v4M16 17h4v-4M4.5 11.5 10 6M19.5 12.5 14 18' stroke='%23160b8b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
}

/* Solid purple/blue Add to Cart — Figma (text only; Argento icon styles cause overlap) */
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #160b8b !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    /* Keep button font-size 0 so Argento/Magento cannot paint a 2nd text layer */
    font-size: 0 !important;
    font-weight: 600 !important;
    line-height: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    transform: none !important;
    cursor: pointer;
    overflow: hidden !important;
}

/* Hide decorative cart icon — label alone (stops icon/text overlap) */
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart .gwl-plp-actions__icon--cart,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart .gwl-plp-actions__icon--cart {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart .gwl-plp-actions__label,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart .gwl-plp-actions__label {
    display: inline-block !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
    text-indent: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    clip: auto !important;
    overflow: visible !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart:hover,
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart:focus,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart:hover,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart:focus {
    background: #12097a !important;
    background-image: none !important;
    color: #ffffff !important;
    transform: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__divider {
    display: none !important;
}

@media (hover: none) {
    body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .product-item .prolabels-wrapper .product.actions.gwl-plp-actions,
    body.gwl-plp-figma.page-products .gwl-plp-products.products-grid .gwl-plp-actions {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        position: static !important;
        height: auto !important;
        margin-top: 8px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
}

/* GWL PLP Product Listing Changes — RTL */
html[lang="ar"] body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist,
.rtl body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__wishlist {
    right: 16px !important;
    left: auto !important; 
}

html[lang="ar"] .page-products .gwl-plp-products .gwl-hbc-product-card__stars-fill,
.rtl .page-products .gwl-plp-products .gwl-hbc-product-card__stars-fill {
    left: auto;
    right: 16px;
}

/* ==========================================================================
   GWL PLP Product Listing Changes — Figma page chrome
   Subcategory icons + pill filters + sort row + hide non-Figma CMS banner
   Scoped to body.gwl-plp-figma / .page-products only
   ========================================================================== */

/* GWL PLP Product Listing Changes — Figma has breadcrumbs, not pink hero / CMS promo tiles */
body.gwl-plp-figma.catalog-category-view .category-image-wrapper,
body.gwl-plp-figma.catalog-category-view .column.main > .category-description,
body.gwl-plp-figma.catalog-category-view .column.main > .page-title-wrapper {
    display: none !important;
}

/* GWL PLP Product Listing Changes — vertical rhythm vs Figma
   Kill Argento .page-products .page-main { margin-top: 50px } gap */
body.gwl-plp-figma.page-products .page-main,
body.gwl-plp-figma.catalog-category-view .page-main {
    margin-top: 0 !important;
    padding-top: 0px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* GWL PLP Product Listing Changes — Figma mega menu has line above AND below */
body.gwl-plp-figma .page-top .nav-sections,
body.gwl-plp-figma .sections.nav-sections {
    border-top: 1px solid #CECDD8 !important;
    border-bottom: 1px solid #CECDD8 !important;
    background: #fff;
}

/* GWL PLP Product Listing Changes — Figma breadcrumb under NEW PRODUCTS / TILES
   Restyle Magento home-icon chrome → Home > Title */
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs {
    display: block !important;
    max-width: 1440px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 17px 80px !important;
    box-sizing: border-box;
    background: #fff !important;
    border: 0 !important;
    position: relative;
    z-index: 1;
    font-family: outfit, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #100F1B;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs::before,
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs::after,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs::before,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs::after {
    display: none !important;
    content: none !important;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .items,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
}

/* Figma separator: Home > Sanitary Ware */
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item:not(:last-child)::after,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item:not(:last-child)::after {
    content: '>';
    display: inline-block;
    margin: 0 16px;
    color: #838384;
    font-weight: 400;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item a,
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item strong,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item a,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item strong {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #777777 !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item a:hover,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item a:hover {
    color: #160b8b !important;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item:last-child strong,
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .item:last-child span,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item:last-child strong,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .item:last-child span {
    color: #100F1B !important;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0px;
    text-transform: initial !important;
    font-size: 14px !important;
}

/* GWL PLP Product Listing Changes — show Home text (hide Magento/Argento home icon) */
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .home a,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .home a {
    font-size: 14px !important;
    color: #444462 !important;
    font-family: outfit, sans-serif;
    font-weight: 300 !important;
    line-height: 20px !important;
    letter-spacing: 0px;
}

body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .home a:before,
body.gwl-plp-figma.catalog-category-view .page-top > .breadcrumbs .home a:after,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .home a:before,
body.gwl-plp-figma.catalog-category-view .page-wrapper > .breadcrumbs .home a:after {
    display: none !important;
    content: none !important;
}

/* GWL PLP Product Listing Changes — never show breadcrumbs inside main/columns */
body.gwl-plp-figma.catalog-category-view .columns .breadcrumbs,
body.gwl-plp-figma.catalog-category-view .page-main .breadcrumbs {
    display: none !important;
}

/* GWL PLP Product Listing Changes — mega-menu top + bottom dividers (Figma) */
body.gwl-plp-figma .sections.nav-sections {
    border-top: 1px solid #CECDD8 !important;
    border-bottom: 1px solid #CECDD8 !important;
    background: #fff;
}

/* GWL PLP Product Listing Changes — subcategory icon row (full-page Figma PLP)
   Light lavender cards; purple line icons; active/hover = white + purple border.
   Icons from admin Image - Thumb. */
body.gwl-plp-figma .gwl-plp-subcats {
    margin: 0px 0 48px;
    width: 100%;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
}

body.gwl-plp-figma .gwl-plp-subcats__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, calc((100% - 0px) / 6)));
    justify-content: start;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.gwl-plp-figma .gwl-plp-subcats__item {
    margin: 0;
    padding: 0;
}

body.gwl-plp-figma .gwl-plp-subcats__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 240px;
    padding: 0px 32px;
    border: 1px solid transparent !important;
    border-radius: 6px;
    background: #160B8B0A;
    color: #1a1a1a !important;
    text-decoration: none !important;
    text-align: center;
    box-shadow: none;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.gwl-plp-figma .gwl-plp-subcats__item.is-active .gwl-plp-subcats__link,
body.gwl-plp-figma .gwl-plp-subcats__link:hover,
body.gwl-plp-figma .gwl-plp-subcats__link:focus {
    background: #ffffff;
    border: 1px solid #98989863 !important;
    box-shadow: 0px 4px 12px 0px #160B8B33;
    color: #100F1B !important;
}

body.gwl-plp-figma .gwl-plp-subcats__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #160b8b;
    min-height: 134px;
}

body.gwl-plp-figma .gwl-plp-subcats__item.is-active .gwl-plp-subcats__icon,
body.gwl-plp-figma .gwl-plp-subcats__link:hover .gwl-plp-subcats__icon,
body.gwl-plp-figma .gwl-plp-subcats__link:focus .gwl-plp-subcats__icon {
    color: #160b8b;
}

body.gwl-plp-figma .gwl-plp-subcats__icon svg,
body.gwl-plp-figma .gwl-plp-subcats__icon img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Admin line-art PNGs → brand purple (matches Figma) */
body.gwl-plp-figma .gwl-plp-subcats__icon-img--line {
    filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(4500%) hue-rotate(247deg) brightness(0.78) contrast(115%);
    opacity: 1;
}

body.gwl-plp-figma .gwl-plp-subcats__item.is-active .gwl-plp-subcats__icon-img--line,
body.gwl-plp-figma .gwl-plp-subcats__link:hover .gwl-plp-subcats__icon-img--line,
body.gwl-plp-figma .gwl-plp-subcats__link:focus .gwl-plp-subcats__icon-img--line {
    filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(4500%) hue-rotate(247deg) brightness(0.78) contrast(115%);
    opacity: 1;
}

/* Product / photo thumbs from admin — natural colors */
body.gwl-plp-figma .gwl-plp-subcats__icon-img--photo {
    filter: none;
    opacity: 1;
    border-radius: 4px;
}

body.gwl-plp-figma .gwl-plp-subcats__label {
    font-family: outfit, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    color: #100F1B !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Cap columns so admin count cannot force horizontal overflow */



/* GWL PLP Product Listing Changes — controls row: pills left, sort right
   z-index above product grid so dropdowns are clickable (not covered by New Arrival badges) */
body.gwl-plp-figma .gwl-plp-controls {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 48px;
    padding: 0;
    width: 100%;
    border-bottom: 0;
    position: relative;
    z-index: 40;
    overflow: visible !important;
}

/* Second row: filter pills (left) + items/sort (right), vertically centered */
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-controls__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    width: 100%;
    min-height: 32px;
    margin: 0;
    padding: 0;
}

/* GWL PLP Product Listing Changes — keep product grid under filter dropdowns */
body.gwl-plp-figma .gwl-plp-controls ~ .toolbar,
body.gwl-plp-figma .gwl-plp-controls ~ .products.wrapper,
body.gwl-plp-figma .column.main > .products.wrapper,
body.gwl-plp-figma .gwl-plp-products {
    position: relative;
    z-index: 1;
}

/* GWL PLP Product Listing Changes — space between controls and product grid */
body.gwl-plp-figma .gwl-plp-controls + .toolbar,
body.gwl-plp-figma .column.main > .gwl-plp-controls ~ .products.wrapper,
body.gwl-plp-figma .gwl-plp-products {
    margin-top: 0px !important;
}

/* GWL PLP Product Listing Changes — tighten columns / product list top+bottom gap */
body.gwl-plp-figma .columns,
body.gwl-plp-figma .column.main {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* GWL PLP Product Listing Changes — child categories often use 2columns-left;
   Figma PLP is full-width (hide wishlist/contact sidebar like Accessories). */
body.gwl-plp-figma.page-layout-2columns-left .sidebar-main,
body.gwl-plp-figma.page-layout-2columns-left .sidebar-additional,
body.gwl-plp-figma.page-layout-2columns-right .sidebar-main,
body.gwl-plp-figma.page-layout-2columns-right .sidebar-additional {
    display: none !important;
}

body.gwl-plp-figma.page-layout-2columns-left .column.main,
body.gwl-plp-figma.page-layout-2columns-right .column.main {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}

body.gwl-plp-figma .gwl-plp-controls .emulate-1column-filters {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

body.gwl-plp-figma .gwl-plp-controls .filter.block,
body.gwl-plp-figma .gwl-plp-controls .filter-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100%;
    border: 0 !important;
    background: transparent !important;
}

/* GWL PLP Product Listing Changes — hide "Shopping Options" chrome only;
   keep active filters + Clear All (same Magento behavior as before). */
body.gwl-plp-figma .gwl-plp-controls .filter-title,
body.gwl-plp-figma .gwl-plp-controls .filter-subtitle {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-content {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* GWL PLP Product Listing Changes — active filters full-width row above pills */
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-active-filters {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-height: 32px;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    float: none !important;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    position: static !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .filter-current-subtitle {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #100f1b;
    cursor: default;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 10px 6px 12px;
    border: 1px solid #e0ddea;
    border-radius: 8px;
    background: #f7f6fb;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    color: #100f1b;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .filter-label {
    font-weight: 500;
}

/* GWL PLP Product Listing Changes — remove chip uses × (not Argento check/close icon) */
body.gwl-plp-figma .gwl-plp-controls .filter-current .action.remove {
    position: relative !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0 0 0 2px;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    line-height: 1 !important;
    color: #100f1b !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    overflow: visible !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .action.remove > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .action.remove::before {
    content: '\00d7' !important; /* × */
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
    font-family: Arial, 'Helvetica Neue', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #100f1b !important;
    speak: none;
}

body.gwl-plp-figma .gwl-plp-controls .filter-current .action.remove::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    transform: none !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-actions {
    display: inline-flex !important;
    align-items: center;
    float: none !important;
    flex: 0 0 auto;
    width: auto;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    position: static !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-actions .filter-clear {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid #cfcfd4;
    border-radius: 8px;
    background: #fff;
    color: #160b8b;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

body.gwl-plp-figma .gwl-plp-controls .filter-actions .filter-clear:hover {
    border-color: #160b8b;
}

body.gwl-plp-figma .gwl-plp-controls .emulate-1column-filters,
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-controls__amount,
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-controls__sort {
    align-self: center;
}

body.gwl-plp-figma .gwl-plp-controls #narrow-by-list,
body.gwl-plp-figma .gwl-plp-controls .filter-options {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-item,
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-filter-pill {
    display: block !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    z-index: 1;
    overflow: visible !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-item.active {
    z-index: 50;
}

/* GWL PLP Product Listing Changes — show all filter pills (override Argento hide-after-n) */
body.gwl-plp-figma .gwl-plp-controls #narrow-by-list:not(.filters-show) .filter-options-item {
    display: block !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-title {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #E7E6EC !important;
    border-radius: 4px !important;
    background: #F5F5F7 !important;
    color: #100F1B !important;
    font-family: outfit, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: -0.25px !important;
    text-transform: none !important;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-title::after {
    content: '' !important;
    width: 8px;
    height: 8px;
    margin: 0 0 2px !important;
    border: solid #100f1b;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
    display: inline-block;
    background: none !important;
    display: none;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-item.active .filter-options-title,
body.gwl-plp-figma .gwl-plp-controls .filter-options-title:hover {
    background: #FFF !important;
    border-color: #E7E6EC !important;
}

/* GWL PLP Product Listing Changes — Figma decorative filter pills (no Magento source) */
body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 10px 18px !important;
    border: 1px solid #cfcfd4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #100f1b !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    cursor: default;
    white-space: nowrap;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill::after {
    content: '';
    width: 8px;
    height: 8px;
    margin: 0 0 2px;
    border: solid #100f1b;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
    display: inline-block;
}

body.gwl-plp-figma .gwl-plp-controls .gwl-plp-filter-source {
    /* kept in DOM for Magento; visually replaced by Figma order */
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-content {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 60;
    min-width: 220px;
    max-width: 320px;
    max-height: 280px;
    overflow: auto;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 15, 27, 0.12);
    pointer-events: auto !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-item:not(.active) .filter-options-content {
    display: none !important;
}

body.gwl-plp-figma .gwl-plp-controls .filter-options-item.active > .filter-options-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: auto !important;
    pointer-events: auto !important;
}

/* GWL PLP Product Listing Changes — filter option links/swatches must receive clicks */
body.gwl-plp-figma .gwl-plp-controls .filter-options-content a,
body.gwl-plp-figma .gwl-plp-controls .filter-options-content .item,
body.gwl-plp-figma .gwl-plp-controls .filter-options-content .swatch-option,
body.gwl-plp-figma .gwl-plp-controls .filter-options-content label {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    cursor: pointer;
}

/* GWL PLP Product Listing Changes — Figma has no "Items X–Y of Z" next to Sort by */
body.gwl-plp-figma .gwl-plp-controls__amount,
body.gwl-plp-figma .gwl-plp-controls .toolbar-amount {
    display: none !important;
}

body.gwl-plp-figma .gwl-plp-controls__amount::after {
    display: none !important;
    content: none !important;
}

body.gwl-plp-figma .gwl-plp-controls__sort {
    flex: 0 0 auto;
    margin: 0 !important;
    margin-inline-start: auto !important;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 45;
    overflow: visible !important;
    align-self: auto;
    padding: 0;
    min-height: 32px;
}

body.gwl-plp-figma .gwl-plp-controls__sort .toolbar-sorter {
    float: none !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* GWL PLP Product Listing Changes — Figma: "Sort by:" (regular) + "Popularity" (bold) + chevron */
body.gwl-plp-figma .gwl-plp-controls__sort .sorter-label {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'outfit', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    color: #160B8B !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.gwl-plp-figma .gwl-plp-controls__sort .sorter-options {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23160b8b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 2px center !important;
    background-size: 16px 10px !important;
    padding: 0 4px 0 24px !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    font-family: 'outfit', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    color: #160B8B !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 2;
}

body.gwl-plp-figma .gwl-plp-controls__sort .sorter-options:focus,
body.gwl-plp-figma .gwl-plp-controls__sort .sorter-options:hover {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #12097a !important;
}

body.gwl-plp-figma .gwl-plp-controls__sort .sorter-options::-ms-expand {
    display: none;
}

body.gwl-plp-figma .gwl-plp-controls__sort .sorter-action {
    display: none !important;
}

/* GWL PLP Product Listing Changes — hide Magento top amount/modes toolbar */
body.gwl-plp-figma .toolbar.toolbar-products.gwl-plp-toolbar--top-hidden {
    display: none !important;
}

/* GWL PLP Product Listing Changes — bottom pagination (Figma) */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products,
body.gwl-plp-figma .gwl-plp-toolbar--bottom {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 48px 0 64px !important;
    padding: 0px 0 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
}
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products:before,
body.gwl-plp-figma .gwl-plp-toolbar--bottom:before,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products:after,
body.gwl-plp-figma .gwl-plp-toolbar--bottom:after {
    display: none!important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .toolbar-amount,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .modes,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .sorter,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .toolbar-amount,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .modes,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .sorter {
    display: none !important;
}

/* Left: Showing [N] Per Page */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .field.limiter,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .field.limiter {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: -1;
    border: 0 !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter .label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter .label,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .field.limiter > .label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .field.limiter > .label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #100f1b !important;
    line-height: 24px;
    text-transform: none !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter .control,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter .control {
    display: inline-flex !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter-options,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter-options,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products select#limiter,
body.gwl-plp-figma .gwl-plp-toolbar--bottom select#limiter {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 56px;
    height: 36px !important;
    margin: 0 !important;
    padding: 6px 28px 6px 12px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 4px !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23100f1b' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    background-size: 10px 6px !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #100f1b !important;
    line-height: 24px !important;
    box-shadow: none !important;
    cursor: pointer;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter-label,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter-text,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter-label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter-text {
    display: inline !important;
    margin: 0 !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #100f1b !important;
      line-height: 24px;
    text-transform: none !important;
}

/* Right: square page buttons */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages {
    float: none !important;
    display: block !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-label {
    display: none !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-items,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-items {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > .page,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > a.page,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > strong.page,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item > .page,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item > a.page,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item > strong.page,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #CECDD8 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    font-family: 'outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #100F1B !important;
    text-decoration: none !important;
    box-sizing: border-box;
}
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > .page:hover,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > a.page:hover {
    background: #100F1B !important;
    border-color: #100F1B !important;
    color: #ffffff !important;
    font-weight: 300 !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item > .page .label,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action .label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item > .page .label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action .label {
    /* keep Magento a11y label, hide visually */
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item.current > .page,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item.current > strong.page,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item.current > .page,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item.current > strong.page {
    background: #100f1b !important;
    border-color: #100f1b !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .item:not(.current) > a.page:hover,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action:hover,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .item:not(.current) > a.page:hover,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action:hover {
    border-color: #100f1b !important;
    color: #ffffff !important;
}

/* GWL PLP Product Listing Changes — Figma pager: << < … Next > >> */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-item-first,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-item-previous,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-item-next,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .pages-item-last,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-item-first,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-item-previous,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-item-next,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .pages-item-last {
    display: inline-flex !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: auto !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last {
    min-width: 36px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    transform: none !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 12px !important;
}

/* Single chevron: Previous */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.5 2 3.5 6l4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Double chevron: First */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M6.5 2 2.5 6l4 4M11.5 2 7.5 6l4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Double chevron: Last */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M2.5 2 6.5 6l-4 4M7.5 2 11.5 6l-4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Figma Next: visible "Next" text + single chevron (match Shop-Saudiceramics pager) */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.next,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .link.next,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .gwl-plp-pager__next,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.next,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .link.next,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .gwl-plp-pager__next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 34px 0 14px !important;
    gap: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-style: normal !important;
    color: #100f1b !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 2 8.5 6l-4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px 12px !important;
    transform: none !important;
}

body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .gwl-plp-pager__next-label,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .gwl-plp-pager__next-label {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    border: 0 !important;
    font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 20px !important;
    color: #100f1b !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Kill Magento/Argento font icons on arrow buttons */
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first::before,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous::before,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.next::before,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last::before,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first::after,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous::after,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.next::after,
body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last::after,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first::before,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous::before,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.next::before,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last::before,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first::after,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous::after,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.next::after,
body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last::after {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* RTL: flip first/prev/next/last chevrons */
html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.previous,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.previous,
html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 2 8.5 6l-4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.first,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.first {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M2.5 2 6.5 6l-4 4M7.5 2 11.5 6l-4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.next,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.next,
html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .link.next,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .link.next,
html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .gwl-plp-pager__next,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .gwl-plp-pager__next,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.next,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.next,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .link.next,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .link.next,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .gwl-plp-pager__next,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .gwl-plp-pager__next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.5 2 3.5 6l4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: left 12px center !important;
    padding: 0 14px 0 34px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    color: #100f1b !important;
}

/* RTL last uses double-left visual (same as LTR first) */
html[lang="ar"] body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
.rtl body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .action.last,
html[lang="ar"] body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last,
.rtl body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .action.last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M6.5 2 2.5 6l4 4M11.5 2 7.5 6l4 4' stroke='%23100f1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* GWL PLP Product Listing Changes — hover solid ATC (keep Argento from winning) */
body.gwl-plp-figma.page-products .gwl-plp-products .prolabels-wrapper .gwl-plp-actions .action.tocart,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart {
    background: #160b8b !important;
    background-image: none !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-size: 0 !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart .gwl-plp-actions__label,
body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions .action.tocart .gwl-plp-actions__label {
    font-size: 14px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__compare {
    color: #160b8b !important;
    background: transparent !important;
}

/* GWL PLP Product Listing Changes — tablet + mobile responsive shell */
@media (max-width: 1023px) {
    body.gwl-plp-figma.page-products .column.main,
    body.gwl-plp-figma .gwl-plp-controls,
    body.gwl-plp-figma .gwl-plp-products {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-controls__row {
        gap: 10px 12px;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-options-title,
    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill {
        padding: 9px 14px !important;
        font-size: 13px !important;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-options-content {
        max-width: min(320px, calc(100vw - 32px));
    }
}

@media (max-width: 767px) {
    body.gwl-plp-figma .gwl-plp-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 24px;
    }

    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-controls__row {
        gap: 6px;
        min-height: 0;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    body.gwl-plp-figma .gwl-plp-controls .emulate-1column-filters,
    body.gwl-plp-figma .gwl-plp-controls .filter.block,
    body.gwl-plp-figma .gwl-plp-controls .filter-wrapper,
    body.gwl-plp-figma .gwl-plp-controls .filter-content {
        width: 100% !important;
    }

    body.gwl-plp-figma .gwl-plp-controls #narrow-by-list,
    body.gwl-plp-figma .gwl-plp-controls .filter-options {
        width: 100%;
        gap: 8px;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-options-item,
    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-filter-pill,
    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill {
        flex: 0 1 auto;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-options-title,
    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill {
        padding: 10px 14px !important;
        min-height: 40px;
        box-sizing: border-box;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-options-item.active > .filter-options-content,
    body.gwl-plp-figma .gwl-plp-controls .filter-options-content {
        right: 0 !important;
        left: auto !important;
        width: min(100vw - 32px, 100%) !important;
        max-width: calc(100vw - 32px) !important;
        box-sizing: border-box;
    }

    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-active-filters {
        gap: 8px;
    }

    body.gwl-plp-figma .gwl-plp-controls .filter-actions {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        width: 100%;
    }

    body.gwl-plp-figma .gwl-plp-controls__amount {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        width: 100%;
        justify-content: flex-start;
        order: 2;
    }

    body.gwl-plp-figma .gwl-plp-controls__amount::after {
        display: none;
    }

    body.gwl-plp-figma .gwl-plp-controls__sort {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        width: 100%;
        justify-content: space-between;
        order: 3;
        min-height: 40px;
        padding: 8px 0;
        border-top: 1px solid #eee;
    }

    body.gwl-plp-figma .gwl-plp-controls__sort .sorter-options {
        flex: 1 1 auto;
        max-width: 100%;
        min-height: 40px;
        font-size: 14px !important;
    }

    /* Card type scale on narrow screens */
    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-name,
    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .product-item-name > a,
    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body .price-box .price {
        font-size: 16px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__size {
        font-size: 12px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-product-card__body {
        padding-top: 10px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-hbc-badge {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart {
        font-size: 0 !important;
        min-height: 40px !important;
        padding: 8px 10px !important;
    }

    body.gwl-plp-figma.page-products .gwl-plp-products .gwl-plp-actions__bar .action.tocart .gwl-plp-actions__label {
        font-size: 12px !important;
    }
    body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages,
    body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        width: 100%;
    }

    body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .pages .items,
    body.gwl-plp-figma .gwl-plp-toolbar--bottom .pages .items {
        flex-wrap: wrap;
        gap: 8px;
    }

    body.gwl-plp-figma .products.wrapper ~ .toolbar.toolbar-products .limiter,
    body.gwl-plp-figma .gwl-plp-toolbar--bottom .limiter {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media (max-width: 479px) {
    body.gwl-plp-figma .gwl-plp-controls .filter-options-title,
    body.gwl-plp-figma .gwl-plp-controls .gwl-plp-figma-pill {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

}