/* Start:/selection-stone/style/style.css?17791891893182*/
.stone-selection-layout{
    display:flex;
    gap:50px;
    align-items:stretch;
}

.stone-selection-text{
    flex:1;
    min-width:0;
}

.stone-selection-form{
    flex: 0 0 600px;
    max-width: 600px;
}

.stone-selection-text,
.stone-selection-form{
    display:flex;
    flex-direction:column;
}

.stone-selection-a:hover{
    color: var(--theme-base-color);
    text-decoration: underline;
}

#selectStone {
    max-width: 600px;
    width: 100%;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#selectStone label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

#selectStone input[type="text"],
#selectStone select,
#selectStone input[type="date"] {
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: white;
}

#selectStone button[type="submit"] {
    background-color: var(--theme-base-color);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
    margin: 10px 0;
}

#result {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.bx-calendar input {
    width: 100% !important;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 14px;
}

#selectStone br {
    display: none;
}

#selectStone select {
    padding-right: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}

.btn-repeat {
    margin: 30px 0;
}

.main-stone-subtitle{
    margin-top:10px;
    margin-bottom:20px;
    font-size:16px;
    /* color:#666; */
}

.stone-cta{
    text-align:center;
    margin:40px 0 20px;
}

/* список остальных */
.other-stones-list{
    /* margin-top:50px; */
    display:flex;
    flex-direction:column;
    gap:40px;
}

/* карточка камня */
.stone-card{
    padding-top:30px;
    /* border-top:1px solid #eee; */
}

/* заголовок камня */
.stone-name{
    margin:0 0 8px 0;
    font-size:24px;
    line-height:1.3;
}

/* бейдж */
.stone-badge{
    margin-top:10px;
    margin-bottom:20px;
    font-size:16px;
    /* color:#666; */
}

/* .stone-info-block{
    margin-top:45px;
} */


@media(max-width: 992px){

    .stone-selection-layout{
        flex-direction:column;
    }

    .stone-selection-form{
        width:100%;
    }

}
/* End */
/* /selection-stone/style/style.css?17791891893182 */