/* Pages Articles : chargée sur toutes les pages (importmap.php du bundle), n'utilise que les jetons du socle (ui-bundle). */
@layer components {
/* Fiche article (mesures :8020) : colonne d'identité de 290,5 px (340,5 px dès 1400 px), gouttière 19,5 px, cartes espacées de 18 px. */
[data-stamina-turbo-region] .product-page { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 1.21875rem; }
@media (min-width: 992px) {
    [data-stamina-turbo-region] .product-page { grid-template-columns: 290.5px minmax(0, 1fr); }
}
@media (min-width: 1400px) {
    [data-stamina-turbo-region] .product-page { grid-template-columns: 340.5px minmax(0, 1fr); }
}
[data-stamina-turbo-region] .product-page__main { min-width: 0; }
[data-stamina-turbo-region] #product_summary-holder > .card { margin-bottom: 1.125rem; }


[data-stamina-turbo-region] .product-profile { overflow: hidden; }
[data-stamina-turbo-region] .product-profile__media {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 170px;
    background: var(--color-accent-soft, #f1ecfe);
}
[data-stamina-turbo-region] .product-profile__image {
    position: absolute;
    inset: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
[data-stamina-turbo-region] .product-profile__placeholder { font-size: 36px; color: var(--color-accent, #7239ea); --fa-secondary-opacity: .35; }
[data-stamina-turbo-region] .product-profile__image-actions { position: relative; display: flex; gap: 6px; }
[data-stamina-turbo-region] .product-profile__media:has(.product-profile__image) .product-profile__image-actions {
    position: absolute;
    bottom: 12px;
    left: 12px;
    opacity: 0;
    transition: opacity .15s;
}
[data-stamina-turbo-region] .product-profile__media:hover .product-profile__image-actions { opacity: 1; }
[data-stamina-turbo-region] .product-profile__image-button {
    height: 32px;
    padding: 0 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(29, 21, 49, .12);
    color: var(--color-ink, #1d1531) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}
[data-stamina-turbo-region] .product-profile__image-button.btn-icon {   }
[data-stamina-turbo-region] .product-profile__image-button span { color: inherit !important; }
[data-stamina-turbo-region] .product-profile__image-button:hover { color: var(--color-accent, #7239ea) !important; }
[data-stamina-turbo-region] .product-profile__qrcode {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(29, 21, 49, .12);
    color: var(--color-ink, #1d1531) !important;
}
[data-stamina-turbo-region] .product-profile__qrcode span { color: inherit !important; }
[data-stamina-turbo-region] .product-profile__qrcode:hover { color: var(--color-accent, #7239ea) !important; }

[data-stamina-turbo-region] .product-profile__body { padding: 18px 20px 20px !important; }
[data-stamina-turbo-region] .product-profile__name {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-ink, #1d1531);
}
[data-stamina-turbo-region] .product-profile__reference {
    margin-top: 3px;
    font-family: ui-monospace, Menlo, monospace;
    font-size: 12px;
    color: var(--color-muted, #a1a5b7);
}
[data-stamina-turbo-region] .product-profile__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
[data-stamina-turbo-region] .product-profile__badges:empty { display: none; }
[data-stamina-turbo-region] .product-profile__badges .badge { font-size: 12px; }
[data-stamina-turbo-region] .product-profile__badges .badge { color: var(--color-ink-2, #3f4254); }
[data-stamina-turbo-region] .product-profile__badges .tone-neutral { background: var(--color-tile); }

[data-stamina-turbo-region] .product-profile__family {
    gap: 6px;
    background: color-mix(in srgb, var(--family-color) 14%, #fff);
    color: color-mix(in srgb, var(--family-color) 70%, #1d1531);
}
[data-stamina-turbo-region] .product-profile__family::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--family-color);
}
[data-stamina-turbo-region] .product-profile__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
    border: 1px solid var(--color-line, #eff0f4);
    border-radius: 12px;
}
[data-stamina-turbo-region] .product-profile__facts > div { padding: 10px 12px; min-width: 0; }
[data-stamina-turbo-region] .product-profile__facts > div + div { border-left: 1px solid var(--color-line, #eff0f4); }
[data-stamina-turbo-region] .product-profile__fact-label { font-size: 11px; color: var(--color-muted, #a1a5b7); }
[data-stamina-turbo-region] .product-profile__fact-value { font-size: 13px; font-weight: 700; color: var(--color-ink, #1d1531); }


[data-stamina-turbo-region] a.product-cockpit {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    text-decoration: none;
}
[data-stamina-turbo-region] .product-cockpit__icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--color-accent-soft, #f1ecfe);
    color: var(--color-accent, #7239ea);
    font-size: 16px;
}
[data-stamina-turbo-region] .product-cockpit__text { display: flex; flex-direction: column; min-width: 0; }
[data-stamina-turbo-region] .product-cockpit__title { font-size: 14px; font-weight: 600; color: var(--color-ink, #1d1531); }
[data-stamina-turbo-region] .product-cockpit__sub { font-size: 12px; color: var(--color-accent, #7239ea); }
[data-stamina-turbo-region] .product-cockpit__arrow { margin-left: auto; color: var(--color-accent, #7239ea); transition: transform .15s; }
[data-stamina-turbo-region] a.product-cockpit:hover .product-cockpit__arrow { transform: translateX(3px); }


[data-stamina-turbo-region] .product-page__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-bottom: 18px;
}
[data-stamina-turbo-region] .product-page__tabs > .tabs { margin-bottom: 0 !important; }
[data-stamina-turbo-region] .product-page__updated { font-size: 12px; color: var(--color-muted, #a1a5b7); }
[data-stamina-turbo-region] .product-page__updated strong { font-weight: 600; color: var(--color-ink-2, #3f4254); }
[data-stamina-turbo-region] .product-page__updated .fa-clock { margin-right: 4px; }
[data-stamina-turbo-region] .product-page__count {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--color-field, #ebe9f1);
    color: var(--color-ink-2, #3f4254) !important;
    font-size: 10.5px;
}
[data-stamina-turbo-region] .tab-link.is-active .product-page__count { background: rgba(255, 255, 255, .25); color: #fff !important; }
}