/* Shared product UI. Desktop geometry follows the common canvas at every zoom.
 * Mobile keeps its existing cards. Availability and basket logic stay in their components. */
html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view :is(.trigger-home-six-grid,.trigger-home-six-col,[data-entity="items-row"],.row,.product-item-small-card,.product-item-line-card) {
    display:contents!important; margin:0!important; padding:0!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view :is(.catalog-section-internal-wrapper,[data-entity="items-container"]) {
    display:flex!important; flex-direction:column!important; gap:16px!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item-container {
    display:block!important; position:relative!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card {
    display:grid!important; grid-template-columns:180px minmax(0,1fr) 228px!important;
    grid-template-rows:auto auto!important; align-items:stretch!important; column-gap:20px!important; row-gap:0!important;
    position:relative!important; inset:auto!important; float:none!important; transform:none!important;
    width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:214px!important; max-height:none!important;
    margin:0!important; padding:16px!important; box-sizing:border-box!important; overflow:visible!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card > .product-item-image-wrapper {
    grid-area:1 / 1 / 3 / 2!important; align-self:start!important; position:relative!important; inset:auto!important;
    width:180px!important; height:180px!important; min-height:180px!important; max-height:180px!important;
    margin:0!important; padding:0!important; aspect-ratio:1!important; overflow:hidden!important; transform:none!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card > .product-item-title {
    grid-area:1 / 2 / 2 / 3!important; align-self:center!important; position:static!important; inset:auto!important;
    width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important;
    margin:0!important; padding:0 0 12px!important; overflow:hidden!important; transform:none!important;
    font-size:22px!important; line-height:30px!important; text-align:left!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card > .product-item-title a {
    display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important;
    position:static!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:60px!important;
    margin:0!important; padding:0!important; font-size:22px!important; line-height:30px!important; overflow:hidden!important;
    white-space:normal!important; overflow-wrap:anywhere!important; transform:none!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card > :is(.trigger-catalog-props,.product-item-properties,.product-item-article) {
    grid-area:2 / 2 / 3 / 3!important; align-self:end!important; position:static!important; inset:auto!important;
    width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important;
    margin:0!important; padding:0!important; transform:none!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .trigger-catalog-props .param-row {
    display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:0 5px!important; width:100%!important; margin:0!important; padding:0!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .trigger-catalog-props :is(dt,dd) {
    position:static!important; float:none!important; width:auto!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; line-height:22px!important; white-space:normal!important; overflow-wrap:anywhere!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .trigger-catalog-props dt {
    font-size:14px!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .trigger-catalog-props dd {
    font-size:16px!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .product-item.trigger-product-card > :is(.s96a-controls,[data-entity="buttons-block"]) {
    grid-area:2 / 3 / 3 / 4!important; align-self:end!important; justify-self:stretch!important;
    position:relative!important; inset:auto!important; width:100%!important; max-width:100%!important; min-width:0!important;
    height:auto!important; min-height:80px!important; max-height:none!important; margin:0!important; padding:0!important;
    transform:none!important; overflow:visible!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body :is(#catalogContainer.catalog-section,.home-catalog-grid,.search-results-page) .star {
    position:absolute!important; display:flex!important; align-items:center!important; justify-content:center!important;
    top:16px!important; left:16px!important; right:auto!important; bottom:auto!important; transform:none!important;
    width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; max-width:36px!important; max-height:36px!important;
    margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:#fff!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important; box-sizing:border-box!important; overflow:hidden!important; z-index:40!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body:is(.sin96-catalog-page,.sin96-search-page) #catalogContainer.catalog-section.list-view .star {
    left:auto!important; right:16px!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body :is(#catalogContainer.catalog-section,.home-catalog-grid,.search-results-page) .star .to_wish {
    position:static!important; inset:auto!important; display:flex!important; align-items:center!important; justify-content:center!important;
    width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; max-width:22px!important; max-height:22px!important;
    margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; transform:none!important; cursor:pointer!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body :is(#catalogContainer.catalog-section,.home-catalog-grid,.search-results-page) .star .to_wish::before,
html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body :is(#catalogContainer.catalog-section,.home-catalog-grid,.search-results-page) .star .to_wish::after {
    content:none!important; display:none!important;
}

html[data-sin96-layout][class].sin96-unified-layout.sin96-layout-desktop.sin96-storefront body :is(#catalogContainer.catalog-section,.home-catalog-grid,.search-results-page) .star .to_wish img {
    display:block!important; position:static!important; inset:auto!important; width:22px!important; height:22px!important;
    min-width:22px!important; min-height:22px!important; max-width:22px!important; max-height:22px!important;
    margin:0!important; padding:0!important; object-fit:contain!important; opacity:1!important; visibility:visible!important; transform:none!important;
}