.page-stand { width: calc(100% - 40px); display: flex; flex-direction: column; align-items: center; margin: 20px 20px 0 20px; } .page-stand details { border-radius: var(--border-radius); width: 100%; display: flex; flex-direction: column; align-items: stretch; margin-bottom: 20px; background: var(--ColorThemes1); color: var(--ColorThemes3); border: 1px solid var(--ColorThemes2); box-shadow: var(--shadow-l1); } .page-stand summary { width: calc(100% - 40px); cursor: pointer; color: var(--ColorThemes3); border-radius: var(--border-radius); font-size: var(--FontSize5); font-weight: 300; padding: 20px; position: relative; } #stand-info div { display: flex; flex-direction: row; display: flex; flex-direction: row; padding: 10px; color: var(--ColorThemes3); align-items: center; } #stand-info div span { opacity: 0.8; font-weight: 400; font-size: var(--FontSize2); margin-right: 5px; } #stand-info div p { font-weight: 300; font-size: var(--FontSize4); } #stand-info img { position: relative; display: inline-block; width: calc(100% - 20px); border-radius: calc(var(--border-radius) - 8px); margin: 10px; height: auto; aspect-ratio: 16 / 9; background-color: #f2e5c9; } #stand-info img::before { content: "Приклад розташування"; display: block; color: #555; text-align: center; padding: 10px; } #stand-schedule { width: 100%; min-height: calc(100vh - 40px - 50px); height: fit-content; margin: 0 10px 15px; border-radius: var(--border-radius); display: flex; flex-direction: column; overflow: hidden; background: var(--ColorThemes1); color: var(--ColorThemes3); border: 1px solid var(--ColorThemes2); box-shadow: var(--shadow-l1); transition: all .2sease 0s; } #stand-schedule>.block-day { display: flex; flex-direction: column; width: calc(100% - 20px); margin: 10px; padding: 10px 0; border: 1px solid var(--PrimaryColor); background-color: var(--ColorThemes2); border: 1px solid var(--ColorThemes0); min-height: 100px; justify-content: center; position: relative; border-radius: calc(var(--border-radius) - 5px); overflow-x: auto; } #stand-schedule>.block-day h3 { font-size: 17px; font-weight: 500; padding: 10px; text-transform: capitalize; width: calc(100% - 20px); text-align: center; } #stand-schedule>.block-day div { display: flex; flex-direction: row; padding: 5px 0; margin: 0 10px; align-items: center; min-width: calc(100% - 20px); width: fit-content; } #stand-schedule>.block-day div span { min-width: 85px; padding: 0 5px; } #stand-schedule>.block-day div select { width: 100%; min-width: 140px; padding: 0 5px; margin: 0 5px; border-radius: calc(var(--border-radius) - 5px - 4px); height: 30px; background-color: var(--ColorThemes0); color: var(--ColorThemes3); } #stand-schedule>.block-day div:nth-child(2n) { background: var(--ColorThemes0); border-radius: 8px; } #stand-schedule>.block-day div:nth-child(2n) select { background-color: var(--ColorThemes2); }