.bras-tables-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin-top:25px;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.size-table th{
    background:#fff1f6;
    padding:10px;
    border:1px solid #f1d8e2;
    text-align:center;
    font-size:13px;
    font-weight:700;
}

.size-table td{
    padding:8px;
    border:1px solid #f1d8e2;
    text-align:center;
    font-size:13px;
}

.size-table tbody tr:nth-child(even){
    background:#fdf5f8;
}

.size-table tbody tr:nth-child(odd){
    background:#fff;
}

.bras-table-title{
    text-align:center;
    font-size:22px;
    font-weight:700;
    margin:25px 0;
}

@media(max-width:991px){
    .bras-tables-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .bras-tables-grid{
        grid-template-columns:1fr;
    }

    .size-table{
        font-size:12px;
    }

    .size-table th,
    .size-table td{
        padding:6px;
    }
}
.swim-bottom-table th,
.swim-bottom-table td {
    min-width: 92px;
}

.swim-bottom-table th:first-child,
.swim-bottom-table td:first-child {
    min-width: 78px;
}
.vs-clothes-measure{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.vs-clothes-left{
    flex:1;
}

.vs-clothes-right{
    width:42%;
    text-align:center;
}

.vs-clothes-model{
    width:100%;
    max-width:430px;
}

.vs-clothes-item{
    display:flex;
    gap:20px;
    margin-bottom:35px;
    align-items:flex-start;
}

.vs-clothes-icon{
    width:64px;
    height:64px;
    flex-shrink:0;
}

.vs-clothes-item b{
    display:block;
    font-size:20px;
    margin-bottom:10px;
}

.vs-clothes-item p{
    display:block !important;
    color:#444 !important;
    font-size:15px !important;
    line-height:1.7 !important;
    margin-top:8px;
}

@media(max-width:768px){

    .vs-clothes-measure{
        display:block;
    }

    .vs-clothes-right{
        width:100%;
        margin-top:30px;
    }

    .vs-clothes-item{
        margin-bottom:25px;
    }

    .vs-clothes-icon{
        width:52px;
        height:52px;
    }

    .vs-clothes-item b{
        font-size:18px;
    }

}

.vs-full-guide { font-family: Arial, sans-serif; color: #221d1d; }
    .vs-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }
    .vs-card { 
        flex: 1 1 calc(25% - 12px); 
        border: 1px solid #e0dad5; 
        padding: 15px; 
        text-align: center; 
        background: #fff;
        transition: all 0.2s ease;
    }
    .vs-card:hover { border-color: #f2206c; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
    .vs-card-title { font-weight: 800; font-size: 16px; margin-bottom: 8px; text-transform: uppercase; color: #000; }
    .vs-card-subtitle { font-size: 11px; color: #605858; margin-bottom: 10px; border-bottom: 1px solid #f8f8f8; padding-bottom: 8px; }
.vs-card-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    font-size: 13px;
    margin-bottom: 4px;
}

.vs-card-row > * {
    width: 110px;
    text-align: center;
}

.vs-card-row span { color: #605858; font-size: 10px; text-transform: uppercase; margin-bottom: 8px; }
    .vs-card.pink-special { border: 2px solid #f2206c; }
    .vs-card.pink-special .vs-card-title { color: #f2206c; }

    /* Спойлери */
    .vs-measure-spoiler { margin-bottom: 25px; border: 1px solid #f0f0f0; border-radius: 4px; overflow: hidden; text-align: left; }
    .vs-measure-spoiler summary { 
        padding: 12px 15px; background: #fdfafb; cursor: pointer; font-weight: bold; 
        display: flex; justify-content: space-between; align-items: center; list-style: none;
        color: #4e3844; text-transform: uppercase; font-size: 14px;
    }
    .vs-measure-spoiler summary::-webkit-details-marker { display: none; }
    .vs-measure-spoiler summary::after { content: '+'; font-size: 20px; color: #f2206c; }
    .vs-measure-spoiler[open] summary::after { content: '−'; }
    .vs-instr-content { padding: 20px; background: #fff; display: flex; flex-wrap: wrap; gap: 20px; border-top: 1px solid #f0f0f0; }
    .vs-instr-item { flex: 1 1 calc(50% - 20px); min-width: 250px; display: flex; align-items: center; gap: 15px; }
    .vs-instr-img { width: 90px; height: auto; flex-shrink: 0; }
    .vs-instr-text b { display: block; margin-bottom: 5px; color: #000; font-size: 15px; }
    .vs-instr-text p { font-size: 13px; line-height: 1.4; color: #605858; margin: 0; }

    /* Футер */
    .vs-footer-notes { border-top: 1px solid #f0f0f0; padding-top: 30px; margin-top: 20px; }
    .vs-note-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 30px; }
    .vs-note-grid{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:center;
    margin-bottom:30px;
}

.vs-note-item{
    flex:1 1 30%;
    min-width:260px;
    display:flex;
    align-items:center;
    gap:20px;
    padding:10px;
}

.vs-note-sep{
    width:1px;
    background:#e0dad5;
    margin:0 15px;
}
    .vs-note-sep { width: 1px; height: 60px; background: #e0dad5; margin: 0 20px; }
    .vs-note-icon { width: 100px; height: 100px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
    .vs-note-icon img { width: 100%; height: auto; display: block; }
    .vs-note-text b { display: block; font-size: 16px; margin-bottom: 5px; color: #000; }
    .vs-note-text p { font-size: 13px; color: #605858; margin: 0; }

    @media (max-width: 1199px) { .vs-card { flex: 1 1 calc(33.333% - 12px); } }
    @media (max-width: 991px) { .vs-card { flex: 1 1 calc(50% - 12px); } .vs-note-item { flex: 1 1 100%; justify-content: flex-start; } .vs-note-sep { display: none; } }
    @media (max-width: 480px) { .vs-card { flex: 1 1 100%; } .vs-instr-item { flex-direction: column; text-align: center; } }


/* /sizes page wrapper — top padding clears fixed header (popup has no .size-guide-page) */
.size-guide-page .size-guide-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 185px 15px 60px;
}
.size-guide-page .size-guide-page-title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center;
}
.size-guide-page .size-guide-body .popup-title {
    display: none;
}

/* Sticky tab row below fixed header.
 * Popup is outside .size-guide-page — unaffected.
 * Tab panes use theme rules: .tabs__content {display:none} / .active {display:block}.
 */
.size-guide-page .size-guide-body .tabs.size-tabs > .tabs-elements {
    position: sticky;
    top: 110px;
    z-index: 5;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 0;
    margin-bottom: 20px;
    padding: 12px 0;
}

.size-guide-page .size-guide-body .vs-measure-spoiler {
    margin-top: 8px;
}

.size-guide-page .size-guide-body .vs-footer-notes {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .size-guide-page .size-guide-wrapper {
        padding-top: 80px;
    }

    /* Same wrap behavior as popup/theme (.tabs .tabs-elements { flex-wrap:wrap }) */
    .size-guide-page .size-guide-body .tabs.size-tabs > .tabs-elements {
        top: 90px;
        justify-content: center;
        flex-wrap: wrap;
        overflow-x: visible;
    }
}