:root {
    --primary: #2563eb;
    --secondary: #4f46e5;
    --accent: #f59e0b;
    --success: #10b981;
    --danger: #ef4444;
    --dark: #1e293b;
    --light: #f8fafc;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.change_price_header{
    display: block;
    width: fit-content;
    margin: 2rem auto;
    font-size: 1.2rem;
    font-weight: 900;
}
.change_price_form{
    position: relative;
    width: 70%;
    display: flex;
    flex-flow: column;
    border: 1px solid black;
    padding: 2rem;
    border-radius: 7px;
    margin: 2rem auto;
}
.change_price_image_container{
    width: 100%;
    display: flex;
    justify-content: center;
}
.change_price_form *{
    margin: 0.5rem ;
}
.change_price_form span{
    font-weight: 300;
}
.change_price_form input{
    width: fit-content;
    padding: 0.5rem;
}
.change_price_btn{
    padding: 0.7rem;
    font-weight: 900;
    border-radius: 7px;
    cursor: pointer;
    color: white;
}
.change_price_green{
    background-color:green;
}
.change_price_red{
    background-color:red;
}
.change_price_green:hover{
    background-color:rgba(0, 128, 0, 0.723);
}
.change_price_red:hover{
    background-color:rgba(255, 0, 0, 0.756);
}
.go_away_massege{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: 900;
    width: 100vw;
    height: 100vh;
}
.change_securety_token{
    margin: 0.5rem auto;
    text-align: center;
    width: 50%;
}
.change_product_id{
    margin: auto;
    padding: 0.5rem;
    border-radius: 5px;
}
.not_avaible_marker{
    position: absolute;
    right: 1rem;
    color: red;
    font-weight: 900;
}
.discounted{
    position: absolute;
    left: 1rem;
    color: green;
    font-weight: 900;
}
.change_price_date_update{
    color: green;
    position:absolute;
    top: 0.5rem;
    right: 50%;
    margin: 1rem;
}
.change_price_doller_moment_price_container{
    width: 40%;
    display: flex;
    flex-flow: column nowrap;
    margin: 2rem auto;
    padding: 1rem;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.change_price_doller_moment_price_container>*{
    margin: 0.5rem;
}
.change_price_doller_moment_price_header{
    width: fit-content;
    margin: auto;
    font-weight: 600;
    color: rgba(87, 199, 133, 0.93);
    font-size: 1.1rem;
}
.change_price_doller_moment_price_input{
    width: 30%;
    padding: 0.35rem;
    border-radius: 7px;
    margin:1rem auto;
    text-align: center;
}
.change_price_doller_moment_price_btn{
    width: 70%;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    color: white;
    border: none;
    padding: 0.7rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
    margin: auto;
}

.change_price_doller_moment_price_btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}
.is_show_smart_price_or_real_resault{
    width: 45%;
    background: var(--primary);
    background: #015880;
    background: linear-gradient(45deg, rgba(1, 88, 128, 0.859) 0%, rgba(165, 83, 237, 0.875) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#015880", endColorstr="#A553ED", GradientType=0);
    color: white;
    padding: 0.75rem;
    border-radius: 5px;
    font-size: 0.8rem;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    font-weight: 500;
    margin: 1.5rem auto;
    text-align: center;
    font-size: 0.9rem;
}
.is_show_smart_price_or_real_button_real{
    background: rgba(174, 0, 38, 0.905);
    background: #2A7B9B;
    background: linear-gradient(27deg, rgba(42, 123, 155, 0.95) 0%, rgba(87, 199, 133, 0.93) 100%);
    color: white;
    font-weight: 400;
    border-radius: 7px;
    text-align: center;
    font-size: 0.9rem;
}
.is_show_smart_price_or_real_button_smart{
    background-color: #FF9A8B;
    background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
    color: white;
    font-weight: 400;
    border-radius: 7px;
    text-align: center;
    font-size: 0.9rem;
}
.is_show_smart_price_or_real_buttons_container{
    margin: 1rem auto;
}
.is_show_smart_price_or_real_buttons_container>span{
    cursor: pointer;
    padding: 0.5rem;
    margin: 1rem;
}
.change_price_ovreall_main_header{
    width: fit-content;
    margin: 2rem auto;
    font-weight: 700;
    color: rgb(9, 0, 55);
    font-size: 1.2rem;
}
.products_with_updated_prices_container{
    width: 80%;
    display: flex;
    flex-flow: column nowrap;
    margin: 2rem auto;
    padding: 1rem;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}