.fira-sans-thin {font-family: "Fira Sans", sans-serif; font-weight: 100; font-style: normal;}
.fira-sans-extralight {font-family: "Fira Sans", sans-serif; font-weight: 200; font-style: normal;}
.fira-sans-light {font-family: "Fira Sans", sans-serif; font-weight: 300; font-style: normal;}
.fira-sans-regular {font-family: "Fira Sans", sans-serif; font-weight: 400; font-style: normal;}
.fira-sans-medium {font-family: "Fira Sans", sans-serif; font-weight: 500; font-style: normal;}
.fira-sans-semibold {font-family: "Fira Sans", sans-serif; font-weight: 600; font-style: normal;}
.fira-sans-bold {font-family: "Fira Sans", sans-serif; font-weight: 700; font-style: normal;}
.fira-sans-extrabold {font-family: "Fira Sans", sans-serif; font-weight: 800; font-style: normal;}
.fira-sans-black {font-family: "Fira Sans", sans-serif; font-weight: 900; font-style: normal;}
.fira-sans-thin-italic {font-family: "Fira Sans", sans-serif; font-weight: 100; font-style: italic;}
.fira-sans-extralight-italic {font-family: "Fira Sans", sans-serif; font-weight: 200; font-style: italic;}
.fira-sans-light-italic {font-family: "Fira Sans", sans-serif; font-weight: 300; font-style: italic;}
.fira-sans-regular-italic {font-family: "Fira Sans", sans-serif; font-weight: 400; font-style: italic;}
.fira-sans-medium-italic {font-family: "Fira Sans", sans-serif; font-weight: 500; font-style: italic;}
.fira-sans-semibold-italic {font-family: "Fira Sans", sans-serif; font-weight: 600; font-style: italic;}
.fira-sans-bold-italic {font-family: "Fira Sans", sans-serif; font-weight: 700; font-style: italic;}
.fira-sans-extrabold-italic {font-family: "Fira Sans", sans-serif; font-weight: 800; font-style: italic;}
.fira-sans-black-italic {font-family: "Fira Sans", sans-serif; font-weight: 900; font-style: italic;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
footer, header, main, section {width:100%;}
img { border:none;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea, select, input[type="text"], input[type="button"], input[type="submit"], button {-webkit-appearance: none;}
::placeholder { color: #876553; opacity:1; } 
input.i-reg-code::-webkit-input-placeholder { color: #876553; opacity:1; } 
input.i-reg-code::-moz-placeholder { color: #876553; opacity:1; } 
input.i-reg-code::-ms-input-placeholder { color: #876553; opacity:1; }


a {color:#ce500f; text-decoration: none;}
a:hover {color:#ce500f; text-decoration: underline;}

p {padding:0; margin:1.25rem 0 0; line-height:1.3}

h1 {padding:0; margin:0; font-family: "Fira Sans", sans-serif; font-size: 4rem; color:#876553; text-align:center; font-weight: 600;}
h2 {padding: 0 3rem; margin:3rem 0 2rem 0; font-family: "Fira Sans", sans-serif; font-size: 1.8rem; color:#643a24; font-weight: 400; text-align: center; float: left; width: 100%;}
h3 {padding:0; margin:2rem 0 0 0; font-family: "Fira Sans", sans-serif; font-size: 1.4rem; color:#000000; text-align:center; font-weight: 500;}



html { font-size:100%;  scroll-behavior: smooth !important;}
body {padding:0; margin:0; font-family: "Fira Sans", sans-serif; font-weight:400; color:#000; font-size:1rem; background:#ffffff;}


header {background-color: #fff; width: 100%; z-index: 3; margin:0 auto; padding:0; position:relative;}
.logo{position:relative; z-index:123; margin:1.5rem 0 1rem 0; padding:0; font-size:1.6rem; font-family: "Fira Sans", sans-serif; font-weight: 300; color:#fff; float:left; width:100%; border:0px solid #f00; text-align: center;}
.logo img{width:100%; max-width: 400px;}


/*section.doctor{margin:2px 0 0 0; padding:0; width:100%; float: left; position:relative; background: url("../img/bgr.jpg") no-repeat top left; background-size: cover;
  min-height: 700px;}*/
section.doctor{margin:2px 0 0 0; padding:0; width:100%; float: left; position:relative; background-image: url("../img/bgr.jpg"); background-repeat: no-repeat; background-position:center; background-size: cover; background-attachment: fixed; min-height:800px;}
section.doctor .body { margin:0 auto; padding:0 3rem; width:100%; max-width:1520px; position:relative;}
.presentation{position: absolute; top:10rem; right: 4rem; font-size: 2rem; color: #fff; text-align: center;}

.presentation h1{font-size: 3.5rem; color: #643a24; font-weight: 500; text-transform: none; margin: 0 0 0.5rem 0;}
.presentation h3{font-size: 1.8rem; color: #643a24; font-weight: 400; text-transform: none; margin: 0 0 2rem 0;}
.presentation p{font-size: 1.2rem; color: #643a24; font-weight: 400; text-transform: none; margin:0 0 1rem 0;}
.buttons{ display: flex; flex-direction: row; justify-content: center; gap:15px; margin:3rem 0 0 0;}
.buttons a{padding:1rem 0.5rem; /*background:rgba(9, 61, 141, 0.5); border:1px solid #093d8d; color: #fff;*/background:#fff; color:#876553; text-decoration: none; font-size: 1rem; flex: 1; transition: background-color 0.3s ease; text-transform:uppercase;}
.buttons a:first-child{background:#876553; color:#ffffff; }
.buttons a:hover, .buttons a:first-child:hover{padding:1rem 0.5rem; background:#643a24; color: #fff; text-decoration: none; font-size: 1rem; flex: 1;}


section.home-info{margin:3px 0 0 0; padding:8rem 3rem; width:100%; float: left; position:relative; background:#faf5f1;}
section.home-info .body { margin:0 auto; padding:1.5rem 0; width:100%; max-width:1520px; position:relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 100px; overflow: hidden;}
.treatment{flex:1.2; opacity: 0; transition: transform 1s ease, opacity 1s ease; transform: translateX(-100px);}
.treatment.show {opacity: 1; transform: translateX(0);}
.treatment h1 {padding:0; margin:1rem 0 0.5rem 0; font-family: "Fira Sans", sans-serif; font-size: 3.5rem; color:#643a24; font-weight: 500; text-align: left;}
.treatment h3 {padding:0; margin:0 0 2.5rem 0; font-family: "Fira Sans", sans-serif; font-size: 1.8rem; color:#643a24; font-weight: 400; text-align: left;}
.treatment p {padding:0; margin:1.5rem 0 0 0; font-family: "Fira Sans", sans-serif; font-size: 1.1rem; color:#000; font-weight: 400;}

.treatment-view{flex:1; opacity: 0; transition: transform 1s ease, opacity 1s ease; transform: translateX(100px);}
.treatment-view.show {opacity: 1; transform: translateX(0);}
.treatment-view img{width:100%;}


section.areas-expertise{margin:3px 0 0 0; padding:0rem 3rem; width:100%; float: left; position:relative; background:#fff;}
section.areas-expertise .body { margin:0 auto; padding:1.5rem 0; width:100%; max-width:1520px; position:relative;}
section.areas-expertise .body h1 {padding:0; margin:3rem 0 0.5rem 0; font-family: "Fira Sans", sans-serif; font-size: 3.5rem; color:#643a24; font-weight: 500; text-align: center;}
section.areas-expertise .body h3 {padding:0; margin:0 0 2.5rem 0; font-family: "Fira Sans", sans-serif; font-size: 1.8rem; color:#643a24; font-weight: 400; text-align: center;}

/*.services {margin:2rem 0 6rem 0; width: 100%; padding: 0 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border: 1px solid #fff;}*/
.services {
  box-sizing: border-box;
  margin: 2rem 0 6rem;
  width: 100%;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  border: 1px solid #fff;
}
/*.service-card {aspect-ratio: 1.9 / 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: #643a24; background: #eedfd2; border-radius: 2px; transition: 0.3s ease; padding: 1rem; text-align: center;}*/
.service-card {
  min-width: 0;
  box-sizing: border-box;
  aspect-ratio: 1.9 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #643a24;
  background: #eedfd2;
  border-radius: 2px;
  transition: 0.3s ease;
  padding: 1rem;
  text-align: center;
}
.service-card img {width:100%; max-width:130px; margin:0 0 1rem 0;}
.service-card:hover {background: #643a24; color: white; transform: translateY(-5px); text-decoration: none;}
/* Hover на иконката */
.service-card:hover .material-symbols-outlined {transform: scale(1.2) rotate(-8deg);}
span.service-title { margin: 0; font-size: 1rem; font-weight: 400; text-transform: uppercase;}


footer{margin:0; padding:2rem; width:100%; float: left; position:relative; background:#643a24;}
footer .body { margin:0 auto; padding:0; width:100%; max-width:1520px; position:relative;}

.social-logo::before {position: absolute; top: 22px; left: 0; width: 40%; background: #eedfd2; content: ''; height: 1px;}
.social-logo{width: auto; text-align: center; margin: 0px auto 20px; vertical-align: top; position: relative; z-index: 12;}
.social-logo img{width: 45px; height:45px; margin: 0 0.5rem;}
.social-logo::after {position: absolute; top: 22px; right: 0; width: 40%; background: #eedfd2; content: ''; height: 1px;}

.footer-contacts{padding:0; margin: 0 0 3rem 0; float: left; width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; font-size:1rem; color:#fff; text-align: center;}
.bulgarian{flex:1;}
.german{flex:1;}
.bulgarian span, .german span{font-size: 1.5rem; display: block; margin: 0 0 1rem 0;}
.bulgarian span a, .german span a{color:#fff;}
.bulgarian span a::after, .german span a::after{content: ""; display: inline-block; width: 0; margin-left: 0; opacity: 0; transition: width 0.2s ease, margin-left 0.2s ease, opacity 0.2s ease;}
.bulgarian span a:hover::after, .german span a:hover::after{content: "→"; width: auto; margin-left: 8px; opacity: 1;}
.bulgarian span a:hover, .german span a:hover{text-decoration: none;}

.bulgarian span.material-symbols-outlined, .german span.material-symbols-outlined{font-size:35px; transition: font-size 0.3s ease;}
.bulgarian span.material-symbols-outlined:hover, .german span.material-symbols-outlined:hover{text-decoration: none; font-size: 45px;}
.bulgarian span.material-symbols-outlined a:hover, .german span.material-symbols-outlined a:hover{text-decoration: none;}
.bulgarian span.material-symbols-outlined a::after, .german span.material-symbols-outlined a::after{display:none;}


.copy{padding:0.5rem 0 0 0; margin:0; float: left; width:100%; font-size: 0.8rem; text-align: center; color:#eedfd2; border-top:1px solid #876553;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

section.inner{margin:2px 0 0 0; padding:0; width:100%; float: left; position:relative; background:#fff;}
.inner-title{padding:4rem 2rem; margin: 0 0 2rem 0; float: left; width:100%; background: #eedfd2;}
.inner-title h1{font-size: 2.5rem;}
.breadcrumbs{padding:0.8rem 0 0 0; margin: 1rem 0 0 0; float: left; width: 100%; text-align: center; font-size: 0.875rem; color:#876553; border-top:1px solid #faf5f1;}
.breadcrumbs a{color:#876553;}
.breadcrumbs a:hover{color:#fff; text-decoration: none;}
section.inner .body { margin:0 auto; padding:0; width:100%; max-width:1520px; /*position:relative;*/}
.content{padding:0 20%; margin:0 0 6rem 0; float: left; width:100%;}
.content img{width:100%; max-width: 350px; float: left; margin:15px 25px 15px 15px;}
span.under-text{font-size:0.875rem; font-style:italic; padding:0; margin:1rem 0; float:left; width:100%;}

.content ul{margin: 0 0 0 2rem;}
.content ul li{line-height: 1.6rem; margin: 0 0 1rem 0;}


.articles{padding:0; margin: 0 0 2rem 0; float: left; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap:10px;}
.article-item{padding:1rem 2rem 2.5rem 2rem; box-sizing: border-box; flex: 0 0 calc(50% - 5px); background:#EBEBEB;}
.article-item h4{font-size: 1.4rem; font-weight: 500; color: #093d8d;}
.article-item p{padding: 0; margin: 0 0 1rem 0; float: left; width:100%;}
.article-item a{color: #093d8d;}
.article-item a:hover{color: #093d8d; text-decoration: none;}
.article-item a span.material-symbols-outlined{paddi:0; margin: 0;}


.pagination {padding: 0; margin: 0 0 5rem 0; width: 100%; float: left; display: flex; justify-content:center; align-items: center; gap: 8px;}
.pagination a {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #643a24; background: #eedfd2; transition: all 0.3s ease;}
.pagination a:hover {background: #643a24; color: #eedfd2;}
.pagination a.active {background: #643a24; color: #eedfd2;}
.pagination .prev, .pagination .next {font-size: 25px;}

.media{padding:0 20%; margin:2rem 0 6rem 0; float: left; width:100%;}
.media-item{padding:0; margin: 0 0 2rem 0; float: left; width: 100%; font-size: 1.2rem; font-weight: 500;}
.media-item span.material-symbols-outlined{color:#643a24; font-size: 35px; vertical-align:bottom; margin: 0 10px 0 0;}
.media-item a{color:#643a24;}
.media-item:nth-child(2n) a{color:#947666;}
.media-item:nth-child(2n) span.material-symbols-outlined{color:#947666; font-size: 35px; vertical-align:bottom; margin: 0 10px 0 0;}

.addresses{padding:0 20%; margin: 2rem 0 6rem 0; float: left; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; gap:20px; text-align: center; color:#643a24;}
.address-item{flex:1; background:#eedfd2; padding:0 1rem 2rem 1rem;}
.address-item h3{color:#643a24;}
.content-contacts{padding:0 20%; margin:0; float: left; width:100%; text-align: center;}

.reg-form{padding:0 20%; margin:1rem 0 6rem 0; float: left; width: 100%;}
.form-row{padding:0; margin: 0 0 1rem 0; float: left; width: 100%;}
.form-row p{margin:1rem 0 0.5rem 0; color:#876553;}
.i1 {width:100%; height:50px; padding:0 1rem; background:#faf5f1; border-radius:2px; border:1px solid #eedfd2; font-size:1rem; font-family: "Fira Sans", sans-serif; margin:0; color:#876553; float:left;}
textarea{width:100%; height:150px; padding:1rem; background:#faf5f1; border-radius:2px; border:1px solid #eedfd2; font-size:1rem; font-family: "Fira Sans", sans-serif; margin:0 0 0.5rem 0; color:#876553; float:left;}
a.upload{padding:0.7rem 1rem; width: 100%; display: block; background:#faf5f1; border-radius:2px; border:1px solid #eedfd2; color: #876553; transition: background-color 0.3s ease;}
a.upload:hover{text-decoration:none; background:#876553; color: #fff;}
a.upload span.material-symbols-outlined{vertical-align:middle; font-size: 30px; margin: 0 10px 0 0;}

.custom-check {width: 100%; padding: 0; display: flex; margin:0.5rem 0; flex-wrap:wrap; gap:10px;}
.custom-check input[type=checkbox] { width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; position: absolute; }
.custom-check-elem, .custom-check-label {cursor: pointer; font-family: "Fira Sans", sans-serif; font-size:1rem; width: calc(100% - 25px); padding-left: 5px; padding-top: 0; text-align: left; color: #643a24;  display: block;/* правим ги блокови, за да се подреждат правилно */ flex: 1;}
.custom-check-elem, .custom-check-label a{ color:#ce500f; text-decoration:none;}
.custom-check-elem, .custom-check-label a:hover{ color:#ce500f; text-decoration:underline;}
.custom-check-elem{display: inline-block; position: relative; margin-right: 4px; background:#faf5f1; border-radius:2px; border:1px solid #eedfd2; width:40px; height:40px;  display: block;/* правим ги блокови, за да се подреждат правилно */ flex: 0 0 40px;}
.custom-check-elem:before { content:''; display: none; position: absolute; top:25%; left:25%; width:50%; height:50%; background: #643a24; border-radius:2px;}
.custom-check-elem.reg:before { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "FontAwesome"; font-size: 1rem; line-height:1.5rem; text-align: center; color:#464575; content: "\f00c"; background:#f2f2f2; }
.custom-check-input:checked + .custom-check-elem:before { display: block; }
/* IE8: needs js-fallback for :checked, don't mix selectors! */
.custom-check-input.checked + .custom-check-elem:before { display: block; }

.btn-reg {width: 100%; display: block; float:left; height:55px; background-color: #876553; border-radius:2px; font-size:1.2rem; font-family: "Fira Sans", sans-serif; margin:0; padding:0; color: #fff; text-transform: uppercase; text-align: center; cursor:pointer; transition: background-color 0.3s ease; border:none;}
.btn-reg:hover { text-decoration:none; background-color: #643a24; color:#ffffff; border:none;}


.row-select{display:flex; flex-direction:row; flex-wrap:nowrap; gap:20px; align-items:center;justify-content:flex-start;}
.row-select span{flex: 0 0 auto; color:#876553;}
.select-wrapper {position: relative; width: 100%; flex: 1; min-width: 0;}
.custom-select {width: 100%; height:50px; padding:0 1rem; background:#faf5f1; border-radius:2px; border:1px solid #eedfd2; font-family: "Fira Sans", sans-serif; margin:0; color:#876553; font-size: 1rem; cursor: pointer; appearance: none; -webkit-appearance: none; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.custom-select:hover {border-color: #c49a7d;}
.custom-select:focus {border-color: #b98464; box-shadow: 0 0 0 3px rgba(185, 132, 100, 0.12);}
/* стрелка */
.select-wrapper::after {content: "▾"; position: absolute; right: 20px; top: 55%; transform: translateY(-55%); color: #9b735f; font-size: 32px; pointer-events: none;}


span.err{margin: 0.5rem 0 2rem 0; padding: 0.5rem 1rem; float: left; width: 100%; background: #ed1212; color: #fff; font-size: 0.875rem;}