/* ---- Perusrakenne ---- */
.sley-sr-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 2em 1.5em 4em;
    font-family: "Merriweather Sans", sans-serif;
    box-sizing: border-box;
    width: 100%;
    overflow-x: clip;
}
.sley-sr-wrap,
.sley-sr-wrap * {
    box-sizing: border-box;
}
.sley-sr-search-bar {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 1.5em;
    margin-bottom: 2em;
}
.sley-sr-search-bar .sley-livesearch-shortcode {
    grid-template-columns: 1fr;
    margin: 0;
    max-width: none;
}
.sley-sr-search-bar .sley-livesearch-shortcode__bubble {
    display: none;
}
.sley-sr-results {
    transition: opacity 0.15s;
}
.sley-sr-results--loading {
    opacity: 0.4;
    pointer-events: none;
}

/* ---- Palstarakenne ---- */
.sley-sr-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0 3em;
    width: 100%;
}
.sley-sr-col-left,
.sley-sr-col-right,
.sley-sr-col,
.sley-sr-section {
    min-width: 0;
}
@media (min-width: 768px) {
    .sley-sr-columns--two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .sley-sr-columns--three { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .sley-sr-col-left     { grid-column: 1; }
    .sley-sr-col-right    { grid-column: 2; }
}
@media (min-width: 1100px) {
    .sley-sr-columns--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- Osio ---- */
.sley-sr-section { margin-bottom: 2.5em; }
.sley-sr-section-title {
    border-bottom: 2px solid #084f3f;
    color: #084f3f;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin: 0 0 1em;
    padding-bottom: 0.4em;
    text-transform: uppercase;
}

/* ---- Sivu/artikkeli -tulosrivit ---- */
.sley-sr-result-list { list-style: none; margin: 0; padding: 0; }
.sley-sr-result-item { border-bottom: 1px solid #ece9e4; }
.sley-sr-result-item:last-child { border-bottom: none; }
.sley-sr-result-link {
    display: flex; align-items: flex-start; gap: 0.75em;
    padding: 0.85em 0; text-decoration: none; color: inherit;
    min-width: 0; max-width: 100%;
}
.sley-sr-result-link:hover .sley-sr-result-title { color: #084f3f; }
.sley-sr-result-thumb {
    flex: 0 0 90px; width: 90px; height: 62px;
    object-fit: cover; border-radius: 3px; background: #e8e4df; order: 2;
}
.sley-sr-result-body { flex: 1 1 auto; min-width: 0; order: 1; }
.sley-sr-result-title {
    font-size: 1em; font-weight: 700; color: #0c7a60;
    margin: 0 0 0.25em; line-height: 1.35; transition: color 0.2s;
    overflow-wrap: anywhere;
}
.sley-sr-byline { font-size: 0.8em; color: #6b7280; margin: 2px 0 4px; line-height: 1.4; }
.sley-sr-result-excerpt { font-size: 0.84em; color: #444; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.sley-sr-result-excerpt mark { background: #fff3cd; color: inherit; padding: 0 2px; border-radius: 2px; }
.sley-sr-ellipsis { color: #bbb; }
.sley-sr-filter-view .sley-sr-result-thumb { flex-basis: 130px; width: 130px; height: 90px; }

/* ---- Tapahtumakortti (sleyembed-card) ---- */
.sley-sr-event-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}
.sley-sr-filter-view .sley-sr-event-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 20px;
    align-items: start;
}
.sley-sr-filter-view .sley-product-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 16px;
    align-items: start;
}
.sleyembed-card {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover: hover) and (pointer: fine) {
    .sleyembed-card:hover {
        transform: perspective(1000px) translateY(-2px) scale(1.01) rotateX(.4deg) rotateY(-.6deg);
        border-color: #d1d5db;
        box-shadow: 0 18px 36px rgba(15,23,42,.12);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sleyembed-card { transition: none; }
    .sleyembed-card:hover { transform: none; }
}
.sleyembed-card__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    font-size: 14px;
    line-height: 1.35;
    color: #111827;
    min-width: 0;
}
.sleyembed-card { position: relative; }
.sley-sr-has-thumb .sleyembed-card__body { padding-right: calc(72px + 14px); }
.sley-sr-card-thumb {
    position: absolute;
    top: 20px; right: 20px;
    width: 72px; height: 72px;
    object-fit: cover;
    border-radius: 8px;
    background: #e8e4df;
    display: block;
}
.sleyembed-card__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.sleyembed-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.sleyembed-badge__icon {
    display: inline-block;
    width: 12px; height: 12px;
    flex: 0 0 12px;
    font-size: 0; line-height: 0;
    background: no-repeat center/contain;
}
.sleyembed-badge__icon::before { content: none !important; }
.sleyembed-badge__label { line-height: 1; }
.sleyembed-badge--day  { background: #084f3f; color: #fff; text-transform: uppercase; letter-spacing: .03em; }
.sleyembed-badge--time { background: #0c7a60; color: #fff; }
.sleyembed-badge--live { background: #b91c1c; color: #fff; letter-spacing: .01em; }
.fa-regular.fa-calendar.sleyembed-badge__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
.fa-regular.fa-clock.sleyembed-badge__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.fa-solid.fa-calendar-days.sleyembed-badge__icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E");
}
.sleyembed-card__title {
    margin: 0;
    font-size: 18px; line-height: 1.2; font-weight: 700;
    color: #111827;
    overflow-wrap: anywhere;
}
.sley-sr-card-title-link { color: inherit; text-decoration: none; }
.sley-sr-card-title-link:hover { color: #0c7a60; text-decoration: underline; }
.sleyembed-card__subtitle { margin: 0; font-size: 13px; color: #4b5563; overflow-wrap: anywhere; }
.sleyembed-card__kv { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.sleyembed-card__kv span   { color: #6b7280; font-size: 12px; font-weight: 600; }
.sleyembed-card__kv strong { color: #1f2937; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.sleyembed-card__desc { margin: 0; font-size: 13px; color: #374151; overflow-wrap: anywhere; }
.sley-sr-card-excerpt mark { background: #fff3cd; color: inherit; padding: 0 2px; border-radius: 2px; }
.sleyembed-card__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}
.sleyembed-card__actions > * { min-width: 0; }
.sleyembed-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px; font-weight: 700;
    white-space: nowrap;
    background: #0b6a55;
    color: #fff;
    max-width: 100%;
    min-width: 0;
    transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.sleyembed-card__action:hover,
.sleyembed-card__action:focus-visible {
    background: #084f3f;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,.14);
    color: #fff;
}
.sleyembed-action__icon {
    display: inline-block;
    width: 14px; height: 14px; flex: 0 0 14px;
    background: no-repeat center/contain;
}
.sleyembed-action__icon--details {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M10 14L21 3'/%3E%3Cpath d='M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E");
}
.sleyembed-action__label { line-height: 1; }
.sleyembed-action__label,
.sley-sr-reg-btn {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---- Ilmoittautumisnappi ---- */
.sley-sr-reg-slot { display: contents; }
.sley-sr-reg-slot[hidden] { display: none; }
.sley-sr-reg-btn {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 12px; font-weight: 700; line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    max-width: 100%;
    min-width: 0;
}
.sley-sr-reg-btn--open    { background: #0c7a60; color: #fff !important; }
.sley-sr-reg-btn--open:hover { background: #084f3f; transform: translateY(-1px); }
.sley-sr-reg-btn--pending { background: #f59e0b; color: #1f2937 !important; cursor: default; }

/* ---- Tuotekortit ---- */
.sley-product-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}
.sley-product-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
    min-width: 0;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover: hover) and (pointer: fine) {
    .sley-product-card:hover {
        transform: perspective(1000px) translateY(-2px) scale(1.01) rotateX(.4deg) rotateY(-.6deg);
        border-color: #d1d5db;
        box-shadow: 0 18px 36px rgba(15,23,42,.12);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sley-product-card { transition: none; }
    .sley-product-card:hover { transform: none; }
}
.sley-product-card__link {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    min-height: 88px;
    padding: 12px;
    color: #111827;
    text-decoration: none;
}
.sley-product-card__link:hover,
.sley-product-card__link:focus-visible {
    color: #111827;
    text-decoration: none;
}
.sley-product-card__media {
    align-items: center;
    align-self: start;
    background: #f6f7f7;
    border-radius: 6px;
    display: flex;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 72px;
}
.sley-product-card__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.sley-product-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.sley-product-card__title {
    color: #111827;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.sley-product-card__link:hover .sley-product-card__title {
    color: #0c7a60;
    text-decoration: underline;
}
.sley-product-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sley-product-card__price {
    color: #155e46;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}
.sley-product-card__stock,
.sley-product-card__sku {
    color: #475467;
    font-size: 12px;
    line-height: 1.2;
}
.sley-product-card__stock.is-outofstock {
    color: #9f1239;
}
.sley-product-card__excerpt {
    color: #374151;
    display: block;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

/* ---- Mediakortit ---- */
.sley-media-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}
.sley-media-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
    min-width: 0;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover: hover) and (pointer: fine) {
    .sley-media-card:hover {
        transform: perspective(1000px) translateY(-2px) scale(1.01) rotateX(.4deg) rotateY(-.6deg);
        border-color: #d1d5db;
        box-shadow: 0 18px 36px rgba(15,23,42,.12);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sley-media-card { transition: none; }
    .sley-media-card:hover { transform: none; }
}
.sley-media-card__link {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    min-height: 88px;
    padding: 12px;
    color: #111827;
    text-decoration: none;
}
.sley-media-card__link:hover,
.sley-media-card__link:focus-visible {
    color: #111827;
    text-decoration: none;
}
.sley-media-card__media {
    align-items: center;
    align-self: start;
    background: #084f3f;
    border-radius: 6px;
    display: flex;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 72px;
}
.sley-media-card__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.sley-media-card__badge {
    display: inline-block;
    width: 28px; height: 28px;
    background: no-repeat center/contain;
}
.sley-media-card__badge--audio {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E");
}
.sley-media-card__badge--video {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2' ry='2'/%3E%3C/svg%3E");
}
.sley-media-card__badge--generic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}
.sley-media-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.sley-media-card__title {
    color: #111827;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.sley-media-card__link:hover .sley-media-card__title {
    color: #0c7a60;
    text-decoration: underline;
}
.sley-media-card__meta {
    color: #475467;
    display: block;
    font-size: 12px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.sley-media-card__excerpt {
    color: #374151;
    display: block;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

/* ---- "Toisaalla Sleyn sivustoilla" -osion sekakortit ---- */
/* Ainoa osio jonka osumat voivat olla mitä tahansa tyyppiä (Sley_Search_Helpers::
   render_mixed_item()) — siksi tämä kääre on <div>, ei <ul>: se voi pitää sisällään sekä
   render_result()in <li>-elementtejä että render_*_card()-funktioiden <article>-elementtejä.
   .sley-sr-result-item nollataan tässä erikseen koska sen list-style/reunaviiva-nollaus on
   normaalisti vain .sley-sr-result-list (<ul>) -vanhemman kautta — orpo <li> tässä <div>:ssä
   saisi muuten selaimen oletuslistamerkin ilman tätä. */
.sley-sr-mixed-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}
.sley-sr-mixed-cards .sley-sr-result-item {
    list-style: none;
    border-bottom: none;
}

/* ---- Lisää-linkki ---- */
.sley-sr-more-link {
    display: inline-block; margin-top: 0.75em;
    font-size: 0.82em; color: #0c7a60; font-weight: 600;
    text-decoration: none; border-bottom: 1px solid currentColor;
}
.sley-sr-more-link:hover { color: #084f3f; }

/* ---- Muut ---- */
.sley-sr-no-results { color: #666; font-style: italic; }
.sley-sr-back-link {
    display: inline-block; margin-bottom: 1.5em;
    font-size: 0.85em; color: #0c7a60; text-decoration: none;
}
.sley-sr-back-link:hover { text-decoration: underline; }

/* ---- Paikkakuntahaku / messuyhteisö-banneri (hakutulossivu, aina ensimmäisenä) ---- */
.sley-sr-locality {
    background: #f0faf6;
    border: 1px solid #bfe5d6;
    border-left: 4px solid #0b6a55;
    border-radius: 10px;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 24px;
    max-width: 640px;
    padding: 16px 40px 16px 18px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease;
}
.sley-sr-locality:hover { background: #e2f5ec; border-color: #0b6a55; }
.sley-sr-locality-badge {
    color: #0b6a55; font-size: 12px; font-weight: 750;
    letter-spacing: 0.03em; text-transform: uppercase;
}
.sley-sr-locality-title { color: #111827; font-size: 18px; font-weight: 700; line-height: 1.25; }
.sley-sr-locality-excerpt { color: #4b5563; font-size: 13px; line-height: 1.4; }
.sley-sr-locality-excerpt mark { background: #cdeee0; color: inherit; }
.sley-sr-locality-arrow {
    color: #0b6a55; font-size: 20px; font-weight: 700;
    position: absolute; right: 18px; top: 16px;
}

/* ---- Yhteystietokortit ---- */
.sley-contact-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.sley-contact-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
    min-width: 0;
    max-width: 100%;
    padding: 20px;
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sley-sr-has-thumb .sley-contact-card__body { padding-right: calc(72px + 14px); }

@media (hover: hover) and (pointer: fine) {
    .sley-contact-card:hover {
        transform: perspective(1000px) translateY(-2px) scale(1.01) rotateX(.4deg) rotateY(-.6deg);
        border-color: #d1d5db;
        box-shadow: 0 18px 36px rgba(15,23,42,.12);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sley-contact-card { transition: none; }
    .sley-contact-card:hover { transform: none; }
}

.sley-contact-card__body {
    color: #111827;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 8px;
    height: 100%;
    line-height: 1.35;
    min-width: 0;
}

.sley-contact-card__name {
    color: #111827;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

/* Contact name keeps its own brand-green color rather than inheriting the card's near-black
   body text — restored after commit b1e6ef1 ("Blend Karkku sources and product cards")
   accidentally flattened it to `inherit` as a side effect of an unrelated multi-card restyle. */
.sley-contact-card__name .sley-sr-card-title-link {
    color: #0c7a60;
}

.sley-contact-card__name .sley-sr-card-title-link:hover {
    color: #084f3f;
    text-decoration: underline;
}

.sley-contact-card__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.sley-contact-pill {
    background: #084f3f;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    padding: 4px 9px;
    word-break: break-word;
}

.sley-contact-card__tyoala {
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.sley-contact-card__contact {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.sley-contact-card__link {
    color: #0c7a60;
    text-decoration: none;
}

.sley-contact-card__link:hover {
    text-decoration: underline;
}

@media (max-width: 420px) {
    .sley-sr-wrap { padding-inline: 1em; }
    .sley-sr-has-thumb .sleyembed-card__body,
    .sley-sr-has-thumb .sley-contact-card__body { padding-right: 0; }
    .sley-sr-card-thumb {
        position: static;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        margin-bottom: 12px;
    }
    .sley-sr-result-link { gap: 0.6em; }
    .sleyembed-card__actions { flex-wrap: wrap; }
    .sleyembed-card__action,
    .sley-sr-reg-btn {
        flex: 1 1 100%;
        width: 100%;
    }
    .sley-sr-result-thumb { flex-basis: 72px; width: 72px; height: 52px; }
    .sley-sr-filter-view .sley-sr-result-thumb { flex-basis: 86px; width: 86px; height: 62px; }
    .sley-product-card__link {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 10px;
        min-height: 74px;
        padding: 10px;
    }
    .sley-product-card__media {
        height: 58px;
        width: 58px;
    }
}