/* Layout */
.size-section{
    display:grid;
    grid-template-columns: 1fr 1fr; /* links field, rechts help */
    gap: 28px;
    align-items: start;
}
@media (max-width: 800px){
    .size-section{ grid-template-columns: 1fr; }
    .size-help .sr-fix{ display:none; }
}

/* Bovenlabel */
.size-label{
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: .9rem;
    text-align: center;
    color:#111;
    margin-bottom: 10px;
}

/* Select container */
.select-wrap{
    position: relative;
    padding-right: 28px;   /* ruimte voor het pijltje */
}

/* “Material” select */
.size-select{
    width: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    color:#111;
    padding: 6px 0 10px 0;   /* ruimte boven/onder tekst */
    appearance: none;        /* custom pijltje mogelijk */
    -webkit-appearance:none;
    -moz-appearance:none;
    outline: none;
}

/* Custom pijltje */
.select-wrap::after{
    content: "▾";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color:#333;
    pointer-events: none;
    font-size: 14px;
}

/* Gele onderlijn */
.underline{
    display:block;
    height: 2px;
    background: #0f2a43;      /* zacht geel zoals voorbeeld */
}
.size-select:focus + .underline{
    background:#0f2a43;       /* iets helderder bij focus */
}

/* Helptekst rechts */
.size-help p{
    color:#6b7280;
    line-height: 1.45;
    margin: 32px 0 0;         /* uitlijning met select */
}

/* Accessibility helpers */
.visually-hidden{
    position:absolute!important;
    width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}