/* AJAX "Коллекции" tab — reuses the real grouped Collection panel. */
.sc-related-collections{
    min-height:150px;
}
.sc-related-collections[aria-busy="true"]{
    cursor:progress;
}
.sc-related-collections__loader,
.sc-related-collections__error{
    min-height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    color:#bdb5a7;
}
.sc-related-collections__spinner{
    width:24px;
    height:24px;
    border:2px solid rgba(212,176,106,.22);
    border-top-color:#d4b06a;
    border-radius:50%;
    animation:sc-related-collections-spin .7s linear infinite;
}
@keyframes sc-related-collections-spin{to{transform:rotate(360deg)}}
.sc-related-collections__panels{
    display:grid;
    gap:34px;
}
.sc-related-collection-instance{
    min-width:0;
}
.sc-related-collection-instance + .sc-related-collection-instance{
    padding-top:30px;
    border-top:1px solid rgba(212,176,106,.18);
}
.sc-related-collection-instance__header{
    margin:0 0 18px;
}
.sc-related-collection-instance__title{
    margin:0;
    font-size:22px;
    line-height:1.35;
    font-weight:500;
}
.sc-related-collection-instance__title a{
    color:#d4b06a;
    text-decoration:none;
}
.sc-related-collection-instance__title a:hover,
.sc-related-collection-instance__title a:focus{
    color:#ead19a;
}
/* This is intentionally the same semantic panel as on the grouped product,
 * but it is nested inside the already-active outer Woo tab, so it must not be
 * treated as a second Woo tab target. */
.sc-related-collection-panel{
    display:block!important;
    margin:0!important;
}
.sc-related-collections__error .button{
    margin:0;
}
@media(max-width:600px){
    .sc-related-collections__panels{gap:26px}
    .sc-related-collection-instance + .sc-related-collection-instance{padding-top:24px}
    .sc-related-collection-instance__title{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
    .sc-related-collections__spinner{animation-duration:1.4s}
}