/* Site layout retained across the Framework7 grid API change. */
.row { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; box-sizing:border-box; }
.row > [class*="col-"] { box-sizing:border-box; flex-shrink:0; }
.row > .col-5 { width:5%; }
.row > .col-10 { width:10%; }
.row > .col-15 { width:15%; }
.row > .col-20 { width:20%; }
.row > .col-25 { width:25%; }
.row > .col-30 { width:30%; }
.row > .col-33 { width:33.3333333333%; }
.row > .col-35 { width:35%; }
.row > .col-40 { width:40%; }
.row > .col-45 { width:45%; }
.row > .col-50 { width:50%; }
.row > .col-55 { width:55%; }
.row > .col-60 { width:60%; }
.row > .col-65 { width:65%; }
.row > .col-66 { width:66.6666666667%; }
.row > .col-70 { width:70%; }
.row > .col-75 { width:75%; }
.row > .col-80 { width:80%; }
.row > .col-85 { width:85%; }
.row > .col-90 { width:90%; }
.row > .col-95 { width:95%; }
.row > .col-100 { width:100%; }
.region-menu-list .list-button { display:block; text-align:center; background:#fff; border-radius:0; }
.region-menu-list { --f7-list-button-height:44px; }
.region-menu-list .list-button { height:44px; line-height:44px; padding-top:0; padding-bottom:0; }
.region-menu-list .list-button { position:relative; box-shadow:inset 0 -1px 0 #ff1a1a; }
.region-menu-list .list-button::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; transform-origin:50% 100%; }
.search-container { --f7-input-height:44px; }
.search-container input[type=search] { height:44px; font-size:17px; }
.region-menu-list .list ul { position:relative; }
.region-menu-list .list ul::before { content:""; position:absolute; z-index:1; left:0; top:0; width:100%; height:1px; }

/* Framework7 5 list cells remain in the site's shared idol-card markup. */
:root {
    --f7-list-bg-color: #fff;
    --f7-list-item-cell-margin: 16px;
}
.ios {
    --f7-list-item-min-height: 44px;
    --f7-list-item-padding-vertical: 8px;
}
.list ul {
    background: var(--f7-list-bg-color);
}
.list .item-row {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.list .item-cell {
    display: block;
    align-self: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin-left: var(--f7-list-item-cell-margin);
    flex-shrink: 1;
}
.list .item-cell:first-child,
.list .ripple-wave + .item-cell {
    margin-left: 0;
}
.list .item-media {
    box-sizing: border-box;
}