* {
    box-sizing: border-box;
    font-family: Tahoma, Arial, sans-serif;
}


body {
    direction: rtl;
    background: #f2f2f2;
    margin: 0;
    padding: 20px;
}



.container {

    max-width: 450px;

    margin: 30px auto;

    background: white;

    padding: 25px;

    border-radius: 15px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}




h1 {

    text-align: center;

    color: #414042;

    margin-bottom: 25px;

}




/* کارت های صفحه اصلی */

.calculator-card {

    border: 2px solid #ddd;

    border-radius: 12px;

    padding: 25px 15px;

    text-align: center;

    cursor: pointer;

    background: white;

    transition: 0.2s;

}



.calculator-card:hover {

    border-color: #8dc63f;

    background: #f7ffe9;

    transform: translateY(-3px);

}



.calculator-card h2 {

    color: #414042;

    margin: 0 0 10px;

}



.calculator-card p {

    color: #666;

    margin: 0;

    font-size: 14px;

}





/* ورودی ها */


label {

    display: block;

    margin-top: 15px;

    margin-bottom: 6px;

    color: #414042;

    font-weight: bold;

}



input {

    width: 100%;

    height: 45px;

    border: 1px solid #ccc;

    border-radius: 8px;

    padding: 10px;

    font-size: 16px;

    text-align: left;

    direction: ltr;

}



input:focus {

    outline: none;

    border-color: #8dc63f;

    box-shadow: 0 0 5px rgba(141,198,63,0.4);

}




.section-title {

    margin-top: 20px;

}





/* کارت های حق فنی */


.technical-options {

    display: flex;

    gap: 10px;

    margin-bottom: 10px;

}



.technical-card {

    flex: 1;

    border: 2px solid #ddd;

    border-radius: 10px;

    padding: 12px;

    cursor: pointer;

    text-align: center;

    transition: 0.2s;

}



.technical-card input {

    width: auto;

    height: auto;

}



.technical-card.active {

    border-color: #8dc63f;

    background: #f7ffe9;

}



.technical-card strong {

    color: #414042;

}



.technical-card span {

    font-size: 13px;

    color: #666;

}





/* دکمه ها */


button {

    width: 100%;

    height: 45px;

    margin-top: 20px;

    border: none;

    border-radius: 8px;

    background: #8dc63f;

    color: white;

    font-size: 17px;

    cursor: pointer;

}



button:hover {

    opacity: 0.9;

}





/* نتیجه */


.result-box {

    margin-top: 25px;

    padding: 20px;

    background: #f7f7f7;

    border-radius: 12px;

    text-align: center;

}



.result-box h2 {

    font-size: 18px;

    color: #414042;

}



#result {

    font-size: 28px;

    font-weight: bold;

    color: #8dc63f;

    margin: 15px 0;

}





/* راهنمای میانبر */


.shortcut-help {

    margin-top: 15px;

    text-align: center;

    font-size: 13px;

    color: #666;

    background: #f5f5f5;

    padding: 8px;

    border-radius: 8px;

}



.shortcut-help strong {

    color: #8dc63f;

}





/* لینک بازگشت */


.back {

    display: block;

    text-align: center;

    margin-top: 20px;

    color: #414042;

    text-decoration: none;

}





/* پیام کپی */


#toast {

    position: fixed;

    bottom: 20px;

    right: 50%;

    transform: translateX(50%);

    background: #414042;

    color: white;

    padding: 10px 20px;

    border-radius: 8px;

    opacity: 0;

    pointer-events: none;

    transition: 0.3s;

}
.shortcut-guide {

    margin-top:20px;

    padding:12px;

    background:#f3f3f3;

    border-radius:10px;

    text-align:center;

    font-size:14px;

    color:#414042;

}


.shortcut-guide span {

    display:block;

    margin:5px 0;

}


#toast.show {

    opacity: 1;

}
.toast-message {

    position:fixed;

    bottom:30px;

    right:50%;

    transform:translateX(50%) translateY(20px);

    background:#414042;

    color:white;

    padding:12px 25px;

    border-radius:8px;

    opacity:0;

    transition:all .3s ease;

    z-index:9999;

    font-size:15px;

}


.toast-message.show {

    opacity:1;

    transform:translateX(50%) translateY(0);

}
.copy-btn{

margin-top:15px;

background:#8dc63f;

color:white;

border:none;

padding:10px 25px;

border-radius:8px;

cursor:pointer;

font-size:15px;

}



.copy-btn:hover{

opacity:.9;

}



.shortcut-guide{

margin-top:20px;

padding:12px;

background:#f3f3f3;

border-radius:10px;

text-align:center;

color:#414042;

font-size:14px;

}



.shortcut-guide span{

display:block;

margin:5px;

}




.toast-message{

position:fixed;

bottom:30px;

right:50%;

transform:translateX(50%) translateY(20px);

background:#414042;

color:white;

padding:12px 25px;

border-radius:8px;

opacity:0;

transition:.3s;

z-index:9999;

}



.toast-message.show{

opacity:1;

transform:translateX(50%) translateY(0);

}
/* صفحه انتخاب بیمه */

.home-container {

    max-width: 900px;

}


.home-container .calculator-card {

    width: calc(50% - 10px);

}



.home-container {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    justify-content: center;

}



.home-container h1 {

    width: 100%;

}



@media (max-width:600px){

    .home-container .calculator-card {

        width:100%;

    }

}