body{font-family:Arial,sans-serif;text-align:center;background-color:#f8f8f8;padding:50px}.container{max-width:800px;margin:auto;background:#fff;padding:30px 30px 9px 30px;border-radius:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1);}h1{color:#252a31}input{width:90%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;outline:none}.suggestions{border:1px solid #ddd;background:#fff;width:10%;position:absolute;z-index:999;border-radius:5px;box-shadow:0 4px 6px rgb(0 0 0 / .1);display:none}.status-box{padding:10px;margin-bottom:15px;border-radius:5px;display:inline-block;font-weight:700;font-size:14px}.status-box.green{background:linear-gradient(45deg,#3fff835c,#3fff6800);color:#002a29;border:1px solid #09a70d}.status-box.red{background:linear-gradient(45deg,#dc3545,#dc3545ad);color:#fff1d1;font-size:13px;border:1px solid #b02a37}.suggestions div{padding:10px;cursor:pointer}.suggestions div:hover{background:#f0f0f0}table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff}table,th,td{border:1px solid #ddd}th,td{padding:12px;text-align:center}th{background-color:#252a31;color:#fff}.chart-container{margin-top:30px;display:none}canvas{max-width:100%}img.img-header{max-width:65%;border-radius:13px}.btn{background:#23282f;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:0.3s;margin-top:1em}.btn:hover{background:#3d4a5c}#todayPricesTable{width:100%;border-collapse:collapse;margin-top:10px}#todayPricesTable th,#todayPricesTable td{border:1px solid #ddd;padding:10px;text-align:center}#todayPricesTable th{background:#252a31;color:#fff}.footer{display:flex;align-items:center;justify-content:center;margin-top:1em!important;margin:auto;gap:3px;font-size:13px;max-width:800px;padding:6px 13px;border-radius:10px;color:#fff;background-color:#161b22;box-shadow:0 4px 8px rgb(0 0 0 / .2);transition:all 0.3sease}.footer:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .3)}.footer a{display:flex;align-items:center;gap:6px;text-decoration:none!important;color:#58a6ff;font-weight:700}.footer a:hover{text-decoration:underline}.footer svg{fill:#c9d1d9;transition:transform 0.3s ease}.footer a:hover svg{transform:scale(1.1);fill:#58a6ff}.disclaimer{padding-top:3em;font-size:11px;font-style:oblique}.city{padding:3px 8px;border-radius:4px;font-weight:700}.city.zeonica{border:1px solid #dd3939;background-color:rgb(255 0 0 / .1);color:#780c0c}.city.quyaz{border:1px solid orange;background-color:rgb(255 255 0 / .1);color:darkgoldenrod}.city.epicrotea{border:1px solid blue;background-color:rgb(0 0 255 / .1);color:navy}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;width:100%;height:60px;box-sizing:border-box;position:fixed;top:0;left:0;right:0;//background:#fff;z-index:1000}.nav-left{flex-shrink:0;margin-left:15px}.nav-right{display:flex;gap:15px;margin-right:15px}.top-nav a{text-decoration:none;color:#333;font-size:14px;font-weight:500;padding:6px 10px;transition:color 0.3s ease-in-out}.top-nav a:hover{color:#d9534f}h1{margin-bottom:20px}.faq-item{background:#fff;border:1px solid #ddd;border-radius:13px;margin-bottom:10px;padding:3px;padding-left:19px;text-align:left;cursor:pointer;font-size:15px;transition:all 0.3sease-in-out;//box-shadow:rgb(0 0 0 / .16) 0 1px 1px,rgb(0 0 0 / .23) 0 1px 1px}.faq-item:hover{background:#f9f9f9}.faq-answer{display:none;padding:10px;border-top:1px solid #ddd;margin-top:10px;font-size:14px;color:#555}.faq-item.active .faq-answer{display:block}.back-button{display:inline-block;margin-top:20px;padding:10px 15px;background:#333;color:#fff;text-decoration:none;border-radius:5px;transition:background 0.3s ease-in-out}.back-button:hover{background:#d9534f}.faq-intro{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:left;font-size:16px;line-height:1.6;color:#444}.faq-intro p{margin-bottom:15px}.faq-intro .highlight{font-weight:700;color:#d9534f}.spoiler{color:#000;background-color:#000;font-style:oblique}.spoiler:hover,.spoiler:hover a{color:#d9534f;background:#f9f9f9}