html{font-family:sans-serif;}
body{margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden], template{display:none;}
a{background:transparent;}
a:active, a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;}
pre{overflow:auto;}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em;}
button, input, optgroup, select, textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{box-sizing:content-box;}
fieldset{border:#c0c0c0 solid 1px;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;}
body{width:100%;height:100%;font-size:0.9em;font-family:Verdana;background-color:#f5f5f5;margin:0;padding:0;}
.error{background:url('i/error.png') 10px 50% no-repeat #ffecec;border-radius:4px;padding:10px 10px 10px 32px;background-color:#ffecec;margin-left:auto;margin-right:auto;color:#555;box-shadow:0 0 5px 0 #f5aca6;}
.success{background:url('i/success.png') 10px 50% no-repeat #ffecec;border-radius:4px;padding:10px 10px 10px 32px;background-color:#e9ffd9;margin-left:auto;margin-right:auto;color:#555;box-shadow:0 0 5px 0 #a6ca8a;}
.in{padding:5px;border-bottom:1px solid #dcdcdc;background-color:#f0f0f0;color:#8F8F8F;}
.top{padding:8px;background-color:#E8E8E8;color:#252525;font-size:0.9em;}
#navcontainer{box-shadow:0 4px 2px -1px #dcdcdc;border-bottom:1px solid #dcdcdc;}
#navcontainer ul{padding:8px 0;margin:0;list-style-type:none;background-color:#f0f0f0;color:#FFF;width:100%;font:normal normal 90% arial, helvetica, sans-serif;text-align:center;}
#current{background-color:#dcdcdc;color:#666666;}
li{display:inline;}
li a{text-decoration:none;background-color:#f0f0f0;color:#FFF;padding:8px 2.2em;border-right:1px solid #fff;}
li a:hover{background-color:#f9f9f9;color:#464646;}
a:link, a:visited, a:active{color:#646464;text-decoration:none;}
a:hover{color:#303030;text-decoration:none;}
.wrap{margin-left:auto;margin-right:auto;width:960px;box-shadow:0 0 20px #dcdcdc;padding:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#f9f9f9;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.head{width:100%;height:100px;border-bottom:1px solid #dcdcdc;background-image:url('i/head.png');}
.head-left{float:left;width:49%;}
.head-right{float:right;width:49%;margin-top:10px;}
.search-box{padding:7px;border:#f0f0f0 solid 1px;width:350px;border-radius:3px;font-size:1.3em;background-color:#fff;}
.search-button{position:relative;top:16px;left:5px;width:45px;height:45px;}
.account-summary{text-align:center;border-top:1px solid #dcdcdc;width:950px;padding:5px;background-color:#fff;font-size:0.7em;box-shadow:0 4px 2px -1px #dcdcdc;}
.foot{margin-top:10px;font-size:0.9em;margin-left:auto;margin-right:auto;width:960px;}
.browse-table{width:940px;margin-left:auto;margin-right:auto;}
.center{text-align:center;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.box-head{box-shadow:0 0 5px 0 #252525;margin-left:auto;margin-right:auto;border-radius:3px;}
.box-head-nocenter{box-shadow:0 0 5px 0 #252525;border-radius:3px;}
.box-in-head{background-color:#4C4C4C;padding:10px;color:#dcdcdc;border-top-right-radius:3px;border-top-left-radius:3px;}
.box{background-color:#f0f0f0;padding:10px;color:#4C4C4C;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
h1, h2{display:inline;font-size:1em;}
.hr{border-bottom:1px solid #dcdcdc;}
.feedback-td1{background-color:#DCDCDC;padding:5px;border-bottom:1px solid #f0f0f0;}
.feedback-td2{background-color:#f0f0f0;padding:5px;border-bottom:1px solid #dcdcdc;}
.feedback-input{padding:10px;border:#dcdcdc solid 1px;border-radius:4px;}
.submit{border:#dcdcdc solid 1px;padding:10px;background-color:#E5E5E5;color:#252525;border-radius:4px;}
.payment-tr1{text-align:center;padding:10px;background-color:#f5f5f5;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.payment-td1{padding:10px;vertical-align:top;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:justify;}
.prev{float:left;padding-left:10px;padding-top:5px;}
.next{padding-right:10px;float:right;padding-top:5px;}
.browse-table tr:nth-child(odd) td{background-color:#f0f0f0;}
.browse-table tr:nth-child(even) td{background-color:#f9f9f9;}
.margin-top-4px{margin-top:4px;}
.border-left-white{border-left:1px solid #fff;}
.margin-center{margin-left:auto;margin-right:auto;}
.radius-top-left{border-top-left-radius:4px;}
.radius-top-right{border-top-right-radius:4px;}
.more-links{padding:3px;padding-left:5px;}
.padding-5px{padding:5px;}
#navlist li{border-radius:4px;display:inline;list-style-type:none;padding-right:20px;}
#navlist a:link, a:visited, a:active{color:#646464;text-decoration:none;}
#navlist a:hover{color:#303030;text-decoration:none;}
.cookielaw {
	width:950px;
	background-color:#FDC4C4;
	padding:5px;
	text-align:center;
	font-size:10px;
	z-index: 10;
}



/* =========================
   MOBILE RESPONSIVE PART
   ========================= */

@media (max-width: 768px) {

  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* HEADER – логото е background, формата започва под него */
  .head {
    height: auto !important;
    min-height: 160px !important;          /* обща височина на header-а */
    padding-top: 110px !important;         /* оттук надолу започва search */
    padding-bottom: 5px !important;
    background-image: url('i/head.png') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Този div не трябва да заема място */
  .head-left {
    float: none !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .head-right {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 5px !important;
  }

  .head-right form {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px;
  }

  .search-box {
    width: 70% !important;
    font-size: 1em !important;
  }

  /* Бутонът с лупата – фиксиран размер, без размазване */
  .search-button {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
  }

  /* Меню */
  #navcontainer li {
    display: block !important;
  }

  #navcontainer li a {
    display: block !important;
    padding: 12px !important;
  }

  /* Таблици да не разпъват страницата */
  table, td, th {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  td, th {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* Дълги текстове и линкове */
  div, span, p, a, pre, code {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  pre, code {
    white-space: pre-wrap !important;
  }

  .wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px !important;
  }

  .browse-table,
  .account-summary,
  .foot,
  .cookielaw {
    width: 100% !important;
  }

  /* Всички input-и 100%, освен бутона с лупата */
  input:not(.search-button),
  button,
  .submit {
    width: 100% !important;
  }
}