button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
html {scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {background:#f5f5f5;margin:0;padding:0;color:#222;font-size:16px;font-family:"Roboto",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a {color:#567CA4;text-decoration:none;}
a:hover {color:#222;text-decoration:none;}
img,object,iframe,audio,video,table {max-width:100%;}
 
::-moz-selection {background-color:#af2000;color:white;}
::selection {background-color:#af2000;color:white;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-thumb {background-color:#2C2C2C;border-radius:0px;}
::-webkit-scrollbar-thumb:hover {background-color:#af2000;}
::-webkit-scrollbar-track {background-color:#f5f5f5;} 
 
.wysibb *,form#uf-register *:not(.captcha-answer),a.login-with i,ul.shop-tabs.with-clear li,ul.shop-tabs.with-clear {-webkit-box-sizing:content-box;box-sizing:content-box;}
.myWinCont img {max-width:initial;}
.myWinCont input.commFl {width: auto;}
#puzadpn {display:none!important;}
.uadm *, .uadm--mini {display:none!important;}
#uidLogButton, img[src="/.s/img/ma/uid.gif"] {display:none!important;} 
#uidLogButtonAjx {display:none;} 
 
header, footer {background:#2C2C2C;} 
.btn {background:#fff;color:#222;border: 2px solid #222;}
.btn:hover {background:#222;color:#fff;} 

.btn2, .btnpa {background:#af2000;}
.btn2:hover, .btnpa:hover {background:#e74c3c;} 
 
header {display:flex;justify-content:space-between;align-items:center;padding: 15px 20px;color:white;}
.logo {font-size: 24px;font-weight: bold;}
.logo-text {color: white;text-decoration: none;transition: color 0.3s;}
.logo-text:hover {color: #af2000;}
.menu-toggle {display: none;background: none;border: none;color: white;font-size: 24px;cursor: pointer;}
.nav-links {display: flex;gap: 15px;}

.nav-links a {color: white;text-decoration: none;font-size: 16px;font-weight: 500;padding: 8px 12px;border-radius: 5px;transition: background 0.3s, color 0.3s;}
.nav-links a:hover {background: #fff;color: #2C2C2C;}

.auth-buttons {display:flex;gap:10px;}
.auth-buttons button {background: #af2000;color: white;border: none;padding: 8px 12px;font-size: 14px;font-weight: bold;cursor: pointer;border-radius: 5px;transition: background 0.3s, transform 0.2s;}
.auth-buttons button:hover {background: #e74c3c;transform: scale(1.05);}
.auth-buttons button a {color: white;text-decoration: none;}
.auth-buttons button a:hover {color: #fff;}

@media (max-width: 768px) {
 header {
 flex-direction: column;
 align-items: flex-start;
 }

 .nav-links {
 flex-direction: column;
 width: 100%;
 display: none;
 }

 .nav-links a {
 display: block;
 padding: 10px;
 text-align: center;
 }

 .menu-toggle {
 display: block;
 align-self: flex-end;
 }

 .nav-active {
 display: flex;
 }
}

 
.container {max-width:800px;margin:20px auto;padding:20px;background:white;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);border-radius:10px;}

.faq-item {padding:10px 0;}
.faq-question {border: 2px solid #fff;font-size:18px;background:#fff;font-weight:700;text-transform: uppercase;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);border-radius:8px;}
.faq-question.active {display:none;}
.faq-question:hover {border: 2px solid #2C2C2C;}
.faq-question-in {font-size:21px;font-weight:700;color:#222;margin:10px;}
@media (max-width:750px) { 
.faq-question-in {font-size:18px;font-weight:700;color:#222;margin:10px;} 
} 
 
.faq-content {display:none;overflow: hidden;padding:15px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);}
.faq-content img {width:100%; max-width:500px; display:block; margin:10px auto; border-radius:8px;}
 
.btn {display:block;margin-top:15px;padding:10px;border-radius:5px;cursor:pointer;text-align:center;font-size:16px;}
.btn2 {display:block;margin-top:15px;padding:10px;color:white;border:none;border-radius:5px;cursor:pointer;text-align:center;font-size:16px;}
 
.faq-buttons {
 display: flex; 
 gap: 10px;
 flex-wrap: wrap;
}

.btn, .btn2 {
 flex: 1;
 min-width: 150px;
 text-align: center;
}

@media (min-width: 600px) {
 .btn, .btn2 {
 max-width: 200px;
 }
}
 
.btnpa {width:100%;padding:10px;margin-top:12px;font-size:16px;text-align:center;color:#fff;border:none;border-radius:5px;cursor: pointer;}
.result {margin:6px;font-size:18px;display: inline-block; animation: pulse 2s infinite; }
 
 @keyframes pulse {
 0% {
 opacity: 1;
 transform: scale(1);
 }
 50% {
 opacity: 0.7;
 transform: scale(1.05);
 }
 100% {
 opacity: 1;
 transform: scale(1);
 }
 }
 
 
ul.options {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

ul.options li {
 padding: 12px;
 background-color: #f4f4f4;
 margin: 5px 0;
 border-radius: 5px;
border:2px solid #fff;
}

ul.options li:hover {
 background: #e0e0e0;cursor:pointer;
}

ul.options li input[type="checkbox"] {
 margin-right: 10px;
}

ul.options li b {
 font-weight: bold;
 color: #333;
} 
 
 .options li {
 margin: 10px 0;
 display: flex;
 align-items: center;
 gap: 10px;
 }
 .options input[type="checkbox"] {
 display: none;
}
 
.options li.selected {color:#af2000;border:2px solid #e74c3c;} 
 
#explanation {margin:5px;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;} 
#explanationrait {font-weight:700;margin:10px;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;} 
 
footer {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 15px;
 color: #fff;
 margin-top: 20px;
}

.footer-left {
 display: flex;
 flex-direction: column;
 text-align: left;
}

.footer-right {
 text-align: right;
}

.footer-left div {
 margin-bottom: 5px;
}