/* Homepage products: transparent image surfaces, text tabs and decoded category transitions.
 * Keep the real WooCommerce cards, four-column track and native touch scrolling.
 */
body.sibo-home .sibo-products {
    background: #fff;
    border-bottom: 1px solid var(--sibo-line);
}
body.sibo-home .sibo-products .sibo-section-heading { margin-bottom: 32px; }
body.sibo-home .sibo-products .sibo-product-toolbar {
    border: 0;
    border-top: 1px solid var(--sibo-line);
    margin-bottom: 30px;
}
body.sibo-home .sibo-products .sibo-product-tabs {
    gap: 28px;
    padding: 0 3px 4px;
    scroll-padding-inline: 10px;
    scrollbar-width: none;
}
body.sibo-home .sibo-products .sibo-product-tabs::-webkit-scrollbar { display: none; }
body.sibo-home .sibo-products .sibo-product-tab {
    padding: 20px 0 0;
    min-height: 40px;
    border: 0;
    border-top: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--sibo-muted);
    font-weight: 500;
    transition: color .2s ease, border-color .2s ease;
}
body.sibo-home .sibo-products .sibo-product-tab:hover {
    color: var(--sibo-teal-dark);
    background: transparent;
}
body.sibo-home .sibo-products .sibo-product-tab[aria-selected="true"] {
    background: transparent;
    border-top-color: var(--sibo-teal);
    color: var(--sibo-teal-dark);
    font-weight: 700;
}
body.sibo-home .sibo-products .sibo-product-tab:focus-visible {
    outline-offset: 2px;
}
/* Keep existing cards readable while the next category and its images load. */
body.sibo-home .sibo-products .sibo-product-panel {
    position: relative;
    transition: none;
}
body.sibo-home .sibo-products .sibo-product-panel[aria-busy="true"] {
    opacity: 1;
    pointer-events: auto;
}
/* A non-interactive, short-lived snapshot crossfades over the decoded new row. */
body.sibo-home .sibo-products .sibo-product-track-previous {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}
body.sibo-home .sibo-products .sibo-product-track {
    padding-block: 4px 12px;
}
/* Intrinsic-height homepage cards; no shared CTA classes or source-image edits. */
body.sibo-site.sibo-home #sibo-products .sibo-product-track{gap:24px;align-items:stretch}
body.sibo-site.sibo-home #sibo-products .sibo-product-card{flex:0 0 calc((100% - 72px)/4);height:auto;min-height:0;max-height:none;max-width:none;aspect-ratio:auto}
body.sibo-site.sibo-home #sibo-products .sibo-product-card-link{display:grid;grid-template-rows:auto 1fr;align-items:start;height:100%;min-height:0;padding:clamp(20px,1.4vw,24px);gap:20px;border:1px solid var(--sibo-line);border-radius:12px;background:var(--sibo-surface-raised);color:var(--sibo-text);text-decoration:none;box-shadow:none;transform:none;transition:border-color .2s ease}
body.sibo-site.sibo-home #sibo-products .sibo-product-card-link:is(:hover,:focus-visible){border-color:#616b73;background:var(--sibo-surface-raised);box-shadow:none;transform:none}
body.sibo-site.sibo-home #sibo-products .sibo-product-card-link:focus-visible{outline:2px solid var(--sibo-accent);outline-offset:-3px}
body.sibo-site.sibo-home #sibo-products .sibo-product-image{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;margin:0;border-radius:8px;background:#fff;overflow:hidden}
body.sibo-site.sibo-home #sibo-products .sibo-product-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none;transition:none}
body.sibo-site.sibo-home #sibo-products .sibo-product-info{display:grid;grid-template-rows:auto minmax(45px,1fr) auto;align-self:stretch;align-items:start;justify-items:start;gap:8px;min-width:0;text-align:left}
body.sibo-site.sibo-home #sibo-products .sibo-product-info h3.sibo-showcase-model{--sibo-text-font:var(--sibo-font-family);width:100%;min-height:1.3em;margin:0;color:var(--sibo-text);font-size:clamp(20px,1.2vw,22px);font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:initial;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.sibo-site.sibo-home #sibo-products .sibo-showcase-usage{width:100%;min-height:3em;margin:0;color:var(--sibo-text-muted);font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.sibo-site.sibo-home #sibo-products .sibo-showcase-detail{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;align-self:end;min-height:24px;margin:4px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#d8dde1;font-size:15px;font-weight:500;line-height:1.5;box-shadow:none;transform:none;transition:color .2s ease}
body.sibo-site.sibo-home #sibo-products .sibo-showcase-detail-arrow{display:block;flex:0 0 18px;align-self:center;width:18px;height:18px;color:inherit;vertical-align:middle;transform:none}
body.sibo-site.sibo-home #sibo-products .sibo-product-card-link:is(:hover,:focus-visible) .sibo-showcase-detail{background:transparent;color:var(--sibo-accent);transform:none}
@media(max-width:1000px){body.sibo-site.sibo-home #sibo-products .sibo-product-card{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:600px){body.sibo-site.sibo-home #sibo-products .sibo-product-card{flex-basis:86%}
body.sibo-site.sibo-home #sibo-products .sibo-product-card-link{padding:20px}
body.sibo-site.sibo-home #sibo-products .sibo-showcase-usage{font-size:14px}
}
@media(prefers-reduced-motion:reduce){body.sibo-site.sibo-home #sibo-products :is(.sibo-product-card-link,.sibo-showcase-detail){transition:none}
}