body{background: #0d2e57;}
.navbar-brand{display:none!important;}
.container-topbar{position: absolute;right: 10px;top: 10px;}
.mod-breadcrumbs li,.mod-breadcrumbs li a,.mod-breadcrumbs li span{color:gray!important}
.container-header,.footer {background-color: #0d2e57;background-image: unset;background-image: unset;position: relative;}
.navbar-collapse.collapse.show{background-color: #0d2e57;}
/*.header.container-header.full-width{display:none;}*/
.quick-cart.has-no-products{display:none;}
.card{border:0px;background: #0d2e57;}
h1{text-align: center;font-size: 50px;font-weight: 100;color:#0d2e57;margin-bottom: 20px;color:#fff;}
h1 span{color:#c7a164;font-weight: bold;}
p{font-size: 20px;text-align: center;margin-top: 50px;color:#fff;}
.footer p{font-size: 16px;text-align: center;}
#mod-custom113{width:100%;}
p span{color:#c7a164;}
.navbar.navbar-expand-lg{position: fixed;top: 0px;background-color: #0d2e57;}
main h1{font-size:30px;}
main p{font-size:18px;text-align:left;line-height: 30px;}
main p b{font-size:22px;}
.article-info.text-muted{display:none;}

/*Chat*/
.chat-trigger {position: fixed;bottom: 30px;right: 30px;width: 70px;height: 70px;background: #2c3e50;border-radius: 50%;color: white;display: flex;justify-content: center;align-items: center;font-size: 30px;cursor: pointer;box-shadow: 0 5px 15px rgba(0,0,0,0.3);transition: transform 0.3s, background 0.3s;z-index: 1000;}
.chat-trigger:hover {transform: scale(1.1);background: #34495e;}
.trigger-label {position: absolute;right: 80px;background: #fff;color: #2c3e50;padding: 8px 15px;border-radius: 20px;font-size: 14px;font-weight: bold;box-shadow: 0 2px 10px rgba(0,0,0,0.1);white-space: nowrap;opacity: 1;transition: opacity 0.3s;}
.trigger-label::after {content: '';position: absolute;right: -6px;top: 50%;transform: translateY(-50%);border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;}
.chat-window { padding-bottom: 10px;position: fixed;bottom: 110px;right: 30px;width: 350px;height: 500px;background: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); display: none;flex-direction: column; overflow: hidden; z-index: 999;border: 1px solid #ddd;animation: slideUp 0.3s ease-out;}
@keyframes slideUp {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}
.header-chat { background: #2c3e50; color: white; padding: 15px; text-align: center; font-weight: bold; font-size: 1.1em; display: flex;justify-content: space-between;align-items: center;}
.close-btn {background: none;border: none;color: white;font-size: 1.2em;cursor: pointer;}
.messages { flex: 1; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; background-color: #f8f9fa;}
.message { max-width: 80%; padding: 10px 15px; border-radius: 15px; font-size: 0.95em; line-height: 1.4; word-wrap: break-word;}
.user { align-self: flex-end; background: #3498db; color: white; border-bottom-right-radius: 2px; }
.bot { align-self: flex-start; background: #ecf0f1; color: #2c3e50; border-bottom-left-radius: 2px; border: 1px solid #bdc3c7;}
.input-area { padding: 15px; background: #fff; border-top: 1px solid #ddd; display: flex; gap: 8px; }
input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 20px;outline: none; }
button.send-btn { background: #2c3e50; color: white; border: none; padding: 0 20px; border-radius: 20px; cursor: pointer; font-weight: bold; }
.status { font-size: 0.7em; color: #7f8c8d; text-align: center; padding-bottom: 5px; }
.warning-bar {background-color: #fff3cd; color: #856404; padding: 8px; text-align: center; font-size: 0.75em; border-bottom: 1px solid #ffeeba;}
.download-link {text-align: center; margin-top: 10px;font-size: 0.8em;}
.download-link a {color: #3498db;text-decoration: none;border: 1px solid #3498db;padding: 5px 10px;border-radius: 15px;} 
/*Chat*/

 @media (max-width: 480px) {
.chat-window {width: 90%;right: 5%;bottom: 100px;height: 60vh;}
        }