@charset "UTF-8";
:root{
--brand:#0c4a7e; /* тёмно‑синий для текста */
--brand-accent:#0b5ea8; /* синий для ссылок */
--text:#1f2937; /* основной */
--muted:#6b7280; /* серый */
--bg:#ffffff;
--max:1200px;
}
* {
	box-sizing: border-box; 
}


.site-header,.site-footer { background:#0b1e3a; color:#fff; }
.site-header .container,.site-footer .container { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.logo { color:#fff; text-decoration:none; font-weight:700; }
.search-drug { 
	display:grid; 
	gap:10px; 
	grid-template-columns:1fr; 
	max-width:720px;
	margin: 0 auto;
	position:relative;
}
button[disabled] { opacity:.5; cursor:not-allowed; }

body {
    margin: 0 auto;
    font-family: montserrat, Arial, sans-serif;
    color: #015483;
    background-size: cover;
    background-position: top right;
	background-attachment: fixed; /* фон не будет скроллиться */
	padding:0 20px;
}
.container { 
	width:1360px; 
	margin-inline:auto; 
	max-width:100%;
	position:relative;
}

.breadcrumbs span {
    font-weight: 500;
	color:#015483;
}
.breadcrumbs a{
	color:#015483;
	text-decoration: none;
	position:relative;
	z-index:99999;
}
.breadcrumbs{
	margin:60px 0 20px 0;
	padding: 20px 40px;
}

p.intro {
    display: none;
}
.hero {
    background: url(/wp-content/themes/akrikhin/images/q11111.jpg);
    border-radius: 24px;
    margin: 10px auto 20px;
    background-size: cover;
	background-position:center;
    padding: 30px 40px 60px 40px;
    text-align: center;
    color: #fff;
    width: 1360px;
	background-repeat:no-repeat;
}

input#ak-search-input {
    padding: 24px 30px 24px 80px;
    border-radius: 50px;
    border: none;
    position: relative;
    background-image: url(/wp-content/themes/akrikhin/images/search.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 16px;
    font-weight: 300;
    font-family: montserrat;
	width: 100%;
	z-index:99;
}

#ak-search-form div{ 
	position:relative;
}
#ak-search-form div #ak-search-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #0B295F;
    border-radius: 50px;
    color: #fff;
    padding: 11px 50px;
    font-size: 20px;
    font-weight: 300;
    font-family: montserrat;
	z-index:99;
}
.hero label.check {
    margin-bottom: 30px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
}
input#ak-prescribed {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}
.hero .pre-h1, .hero h1{
	max-width: 750px;
    margin: 20px auto;
}
.hero .pre-h1{
	font-size:19px;
	font-weight:300;
}
.hero h1 {
    margin: 30px auto;
    max-width: 900px;
    font-size: 48px;
    font-weight: 500;
}
.hero .mnn {
    margin: 40px 0 00px 0;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
}

p.mnn {
    font-weight: 300;
    line-height: 34px;
}
/* home */




/* footer */
.footer {
    padding: 40px 0;
    width: 1360px;
    margin: 0 auto;
	position:relative;
	max-width:100%;
}
.footer .brand-row{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:28px
}
.footer .logo{
	display:flex;
	align-items:center;
	gap:10px;
}
.footer .contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-end;
    position: absolute;
    top: 40px;
    right: 20px;
	font-weight:500;
}
.footer .block{
	font-weight:300;
	font-size:16px;
	color: #0B295F;
}
.footer .block a{
	font-weight:500;
	color:#0B295F;
}

.footer .contacts a.phone{
	color:#0B295F;
	font-size:28px;
	text-decoration:none;
}
.footer .contacts a.email{
	color:#0B295F;
	font-size:20px;
}
nav.links a {
    margin-right: 15px;
}
nav.links {
	padding:20px 0 ;
}
/* footer */




/* product */
.drug h1{
	font-size: 24px;
	margin: 30px 0 60px;
}
.drug-layout{
	display:flex;
}

.info >div {
    display: flex
;
    align-items: center;
}
.info >div p, .dose-switch .label, .pack-switch .label{
    width: 220px;
} 
.info >div span {
    font-weight: 600;
}

.dose-switch, .pack-switch {
    display: flex;
	align-items: center;
}
.dose-switch div, .pack-switch div {
    padding: 10px 0;
}
h2#drug-hint {
    margin: 10px 0;
}
.prod-right .info p {
    margin: 10px 0;
}

.pack-switch button{
	margin-right:5px;
}
button.dose-btn, button.pack-btn {
  background: none;
  border-radius: 50px;
  border: 1px solid #0B295F;
  padding: 13px 15px;
  font-family: montserrat, sans-serif;
  color: #0B295F;
  opacity: .3;
  cursor: pointer;
  transition: .2s ease;
}

button.dose-btn:hover,
button.pack-btn:hover {
  opacity: 1;
  color: #fff;
  background: #0b295f;
}
div#ak-region-suggestions {
    border-radius: 30px;
    padding: 10px 0;
}
button.dose-btn.active,
button.pack-btn.active {
  opacity: 1;
  /* fallback + вариант с альфой */
background: linear-gradient(180deg, #00476F 0%, #006095 100%);
  color: #fff;

}
a#cta-btn {
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, #00476F 0%, #006095 100%);
    padding: 20px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
	transition:.8s;
}
a#cta-btn:hover {
    color: #0B295F;
    background: none;
    border: 1px solid #0B295F;
}
.footer a{
	white-space:nowrap;
}
.drug-media {
    width: 40%;
    margin-right: 60px;
}
img#drug-image {


}
.block-img{
	width:550px;
	max-width:100%;
	height:377px;

	border-radius: 24px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.block-img img{
	max-width:100%;
}
.product-download {
    display: flex;
    flex-direction: row;
    padding: 40px 0 0;
    align-items: flex-start;
}
.product-download a{
	margin-right:10px;
	color:#0B295F;
	text-decoration:none;
	border: 1px solid #0B295F;
	border-radius:50px;
	padding:10px 30px;
	transition:.8s;
}
div#drug-card {
    background: #fff;
    border-radius: 40px;
    width: 90%;
    margin: 150px auto 0;
    padding: 30px;
    box-shadow: 0px 4px 8px #00000033;
}
h2#drug-hint{
	font-size:20px;
}
section.container.drug{
	position: relative;
}
.background-1 img {
    max-width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 30px;
    background: #E9FBFF;
}
.product-download a:hover{
	opacity:.3;
}

.doptitle.is-error{
  color:#d32f2f;
}


.ph-card{
	display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px 10px;
    border: 1px solid #0B295F;
    border-radius: 45px;
    background: #fff;
    margin-bottom: 12px;
}
.ph-left{
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.ph-left img{
	height:70px;
	object-fit:contain
	}
.ph-mid{
	flex: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
	gap:20px;
}
.ph-title{
	display:none;
	}
.ph-code-row {
    display: flex;
}
.ph-code{
    padding: 15px;
    border: 1px solid #cbd5e1;
    border-radius:30px 0 0 30px;
    font-weight: 400;
    text-align: center;
    font-size: 15px;
    color: #0B295F;
	max-width: 160px;
    margin-right: -5px;
	font-family: montserrat;
}
.ph-copy{
    padding: 15px;
    border-radius: 0 30px 30px 0;
    border: 1px solid #cbd5e1;
    background: #eef2ff;
    cursor: pointer;
    font-size: 15px;
    transition: .9s;
    font-weight: 400;
    font-family: montserrat;
}
.ph-copy:hover {
    background: #ffffff;
}
.shagi {
    display: flex;
    justify-content: space-between;
	margin-top: 30px;
    padding: 10px 10px 0px 25px;
}
.shagi h3, .main-h3 {
    font-size: 22px;
    font-weight: 500;
}

.shagi h3 {
    display: flex;
}
.shagi h3 span {
    margin-right: 10px;
}
.main-h3 {
    padding: 25px;
}
.ph-right .btn{
    background: linear-gradient(180deg, #0078BC 0%, #00334F 100%);
    color: #fff;
    border-radius: 30px;
    padding: 20px 40px;
    border: 1px solid #0B295F;
    text-decoration: none;
    transition: .5s;
}
.ph-right .btn:hover{
    background: #fff;
    color: #0B295F;
    border: 1px solid #0B295F;
}
.ph-note{
	font-size: 16px;
    text-transform: uppercase;
    color: #0B295F;
    font-weight: 400;	
}
.subtitle-main{
	font-size:24px;
	font-weight:500;
	font-family: montserrat;
	margin-bottom:30px;
}
.inner-h1 {
    font-size: 46px;
    font-weight: 500;
}

.ak-modal{position:fixed;inset:0;display:none;z-index:9999}
.ak-modal.is-open{display:block}
.ak-modal__backdrop{position:absolute;inset:0;background:rgba(4,20,50,.55)}
.ak-modal__dialog{
	position:relative;margin:30vh auto 0;max-width:750px;background:#fff;border-radius:16px;padding:50px;box-shadow:0 20px 60px rgba(0,0,0,.25)
	}
.ak-modal__title{margin:0 0 10px;font-size:26px;font-weight:500}

.page-template-page-pharmacies .ak-modal:not(.ak-modal--auth) .ak-modal__dialog>.ak-modal__body {
    width: 49%;
    float: left;
}

.ak-modal__subtitle{
	font-weight:300;
	font-family: montserrat;
	margin-bottom:30px;
	color:#0B295F;
	margin:20px 0;
}
.ak-modal__code{display:flex;gap:10px;align-items:center;}
.ak-modal__code input{flex:1;border:1px solid #CCD3E1;border-radius:10px;padding:12px 14px;font-weight:600;text-align:center}
.ak-modal__code button{
	border: 1px solid #ccd3e1;
border-radius:10px;padding:10px 14px;background:#f7f9ff;cursor:pointer

}
.ak-modal__actions{
    display: flex;
    margin-top: 12px;
    justify-content: flex-end;
    flex-direction: row;
	width:50%;
}
.ak-modal__actions .btn{
	display: inline-block;
    padding: 15px;
    border-radius: 8px;
    background: #0B295F;
    color: #fff;
    text-decoration: none;
}
.ak-modal__close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer}
body.ak-modal-open{overflow:hidden}


.ak-modal__code input#ak-modal-code {
    border-radius: 8px 0 0 8px;
    margin-right: -12px;
    padding: 15px;
	max-width:160px;
    font-size: 16px;
    font-weight: 300;
    font-family: montserrat;
}
.wpcf7-form-control-wrap input{
    width: 100%;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'montserrat';
    font-weight: 300;
    border: none;
    background: #DFECF7;
}


.wpcf7-submit {
    position: absolute;
    right: 5px;
    top: 40px;
    background: #0B295F;
    color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'montserrat';
    font-weight: 300;
}
span.wpcf7-spinner {
    display: none;
}
*:focus-visible{
    outline: none;
}
.ak-modal__code button {
    padding: 15px;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    font-weight: 300;
    font-family: montserrat;
	
	
}
.ak-modal__code {
    width: 100%;
    float: left;
}
.ak-modal__body {
    width: 50%;
}

.ak-modal__dialog{
	text-align: center;
}
.ph-buy.is-loading {
  pointer-events: none;
  opacity: .6;
}
.ak-modal.is-open { display: block; } /* если модалка у вас скрывается display:none */

.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}

#ak-search-suggestions.hp-suggestions { 
  margin-top: 10px;
  display: none;
}
#ak-search-suggestions .suggestion {
  display: block;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-top: 0;
  text-decoration: none;
}

#ak-search-suggestions .suggestion:hover {
	background: #fff;
}
#ak-search-suggestions{
	position: absolute!important;
    border-radius: 8px;
    overflow: hidden;
	position: absolute;
    left: 0;
    right: 0;
    top: 138px;
}

#ak-search-suggestions a.suggestion{
    text-align: left;
    padding: 15px 20px 15px 20px !important;
    border-top: none !important;
	background: #ffffffd9;
	z-index:98;
    left: 0;
    right: 0;
	transition:.5s;
	color:#243b77;
	border:none!important;
}

#ak-search-suggestions .match {
  font-weight: 600;
  opacity: .85;
}

/* ===== Выбор аптеки — комбобокс региона ===== */
.ak-region-combobox { position: relative; max-width: 100%; display: flex; }
.ak-region-input { flex: 1; border: 1px solid #ccd3e1; border-radius: 10px; padding: 10px 38px 10px 12px; }
.ak-region-toggle { position:absolute; right:6px; top:50%; transform:translateY(-50%); width:28px; height:28px; border:0; background:#f2f6ff; cursor:pointer; border-radius:6px; }
.ak-region-toggle::after { content: "▼"; font-size: 11px; }

.ak-region-combobox .ak-region-suggestions{
  position: absolute;
  z-index: 30;
  left: 0; right: 0;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #ccd3e1;
  border-radius: 10px;
  max-height: 260px;
  overflow: auto;
  display: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
}
.ak-region-combobox .ak-region-suggestions.is-open { display: block; }
.ak-region-combobox .ak-region-suggestions .suggestion {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  color: #111;
  cursor: pointer;
}
.ak-region-combobox .ak-region-suggestions .suggestion:hover,
.ak-region-combobox .ak-region-suggestions .suggestion[aria-selected="true"] {
  background: #f6f9ff;
}

.ak-region-input {
    padding: 20px 80px 20px 30px;
    border-radius: 30px;
    position: relative;
    background-image: url(/wp-content/themes/akrikhin/images/search.svg);
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 300;
    font-family: montserrat;
    width: 100%;
    z-index: 99;
    border: 1px solid #015483;
    background-color: #ffffff;
    background-position: center right 30px;
    color: #015483;
}

.ak-region-combobox .ak-region-suggestions .suggestion{
    text-align: left;
    padding: 15px 20px 15px 20px !important;
    border-top: none !important;
    background: #ffffffd9;
    z-index: 98;
    left: 0;
    right: 0;
    transition: .5s;
    color: #243b77;
    border: none !important;
}

/* Ошибка «галочка не стоит» на главной */
label.check.is-error {
  color: #ff8f8f;;
}
label.check.is-error input[type="checkbox"] {
  box-shadow: 0 0 0 3px rgba(211,47,47,.12);
  border-radius: 4px;
}



@keyframes shake {
  0%, 90%, 100% { transform: translate(0, 0) rotate(0); }
  
  /* Первое трясение — сразу при старте */
  2% { transform: translate(-2px, 0) rotate(-1deg); }
  4% { transform: translate(2px, 0) rotate(1deg); }
  6% { transform: translate(-1px, 0) rotate(0deg); }

  /* Каждые 4 секунды */
  50% { transform: translate(-2px, 0) rotate(-1deg); }
  52% { transform: translate(2px, 0) rotate(1deg); }
  54% { transform: translate(-1px, 0) rotate(0deg); }
}

.shake.is-error {
  display: inline-block;
  animation: shake 8s infinite ease-in-out; 
  animation-delay: .5s; /* запуск через 1 секунду после появления */

}


/* Подсветка поля поиска в этом кейсе (необязательно, но наглядно) */
#ak-search-input.is-locked {
  box-shadow: 0 0 0 3px rgba(211,47,47,.12);
}

/* когда не выбрано — красим группы */
.dose-switch.has-error .dose-btn,
.pack-switch.has-error .pack-btn {
  border-color: #d32f2f !important;
  color: #d32f2f !important;
  opacity: 1 !important;
}

/* для плейсхолдеров-заглушек — более мягкий оттенок */
.pack-switch.has-error .pack-btn.is-disabled {
  border-color: #f19999 !important;
  color: #f19999 !important;
}

.prod-right>span {
    display: none;
}
p.muted {
    display: none;
}

@media only screen and (max-width: 1380px) {
	.info > div p, .dose-switch .label, .pack-switch .label {
		width:220px;
	}
	button.dose-btn, button.pack-btn{
		margin-bottom:5px;
	}
}
@media only screen and (max-width: 900px) {
	.footer a {
		white-space: normal;
	}
	body {
		padding: 0 10px;
	}
	input#ak-search-input {
		padding: 16px 20px 16px 50px;
		border-radius: 15px;
		border: none;
		position: relative;
		background-image: url(/wp-content/themes/akrikhin/images/search.svg);
		background-repeat: no-repeat;
		background-position: 15px center;
		font-size: 16px;
		font-weight: 300;
		font-family: montserrat;
		width: 100%;
		z-index: 99;
		background-size: 20px;
	}
	
	.hero {
		background: url(/wp-content/themes/akrikhin/images/fon07.jpg);
        background-position: center;
        background-size: cover;
		background-repeat:no-repeat;
	}
	.hero{
		padding: 40px 20px;
	}
	.hero .pre-h1 {
		font-size: 16px;
	}
	.hero h1 {
		font-size: 24px;
		font-weight: 500;
	}
	.hero label.check {
		font-size: 14px;
		text-align: left;
		margin: 20px auto;
	}
	input#ak-prescribed {
		width: 30px;
		height: 30px;
	}
	#ak-search-form div #ak-search-btn {
		position: unset;
		margin-top: 10px;
		width: 100%;
		border-radius: 12px;
		border: none;
	}
	p.mnn {
		line-height: 26px;
	}
	.footer .logo {
		margin-bottom: 100px;
	}
	.footer .contacts {
		top: 110px;
	}
	.footer .block {
		font-size: 14px;
	}
	nav.links a {
		width: 100%;
		display: block;
		margin-bottom: 8px;
	}
	#ak-search-suggestions{
		top: 160px;
	}
	#ak-search-suggestions a.suggestion{
		background: #fff;
	}
	.drug-media {
		width: 100%;
		margin-right: 0;
	}
	.block-img {
        max-height: 220px;
        padding: 25px;
        max-width: 100%;
        background: #fff;
        box-shadow: 0px 4px 8px #00000024;
	}
	.drug-layout {
		display: flex;
		flex-direction: column;
	}
	.prod-right {
		width: 100%;
		padding: 20px 0;
	}
	h2#drug-hint {
		font-size: 16px;
		font-weight: 600;
	}
	.info >div p, .dose-switch .label, .pack-switch .label{
		width:100%;
	}
	.dose-switch, .pack-switch {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.product-download {
		display: flex;
		flex-direction: column;
		padding: 10px 0;
		align-items: flex-start;
	}
	.product-download a{
		margin-bottom:10px;
	}
	.inner-h1 {
		font-size: 28px;
		margin: 30px 0;
		font-weight: 600;
	}
	.subtitle-main {
		font-size: 18px;
		font-weight: 600;
	}
	.main-h3 {
        padding: 0;
        font-size: 16px !important;
    }
	.shagi h3, .main-h3 {
		font-size: 18px;
	}
	div#ak-choices {
		display: flex
	;
		flex-direction: row;
	}
	.shagi {
		display: flex
	;
		justify-content: space-between;
		margin-top: 0;
		padding: 0;
		width: 100%;
	}
	div#ak-pharm-cards {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.ph-card {
        display: flex;
        gap: 10px;
        padding: 10px;
        border: none;
        border-radius: 30px;
        background: #fff;
        box-shadow: 0 2px 8px #00000029;
        margin-bottom: 12px;
        flex-direction: column;
	}
	.ph-card >div{
		width:100%;
		display: inline-block;
		text-align: center;
	}
	.ph-mid {
		flex: 1;
		display: flex;
		align-content: center;
		align-items: center;
		gap: 20px;
		flex-direction: column;
	}
	.ph-note{
		text-align:center;
		font-weight: 500;
		font-size:16px;
	}
	.ph-right .btn {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.ph-code-row {
		display: flex;
		justify-content: space-between;
		margin: 20px 0 10px 0;
	}
	.ph-code-row>* {
		width: 52% !important;
	}
	.shagi h3 {
		display: flex;
		flex-direction: column;
		margin-right: 15px;
		font-size: 16px !important;
	}
	
	.ak-modal__actions {
		width: 100%;
	}
	.ak-modal__dialog {
		margin: 20vh auto 10px;
		max-width: calc(100% - 20px);
		padding: 20px;
	}
	.ak-modal__title {
		margin: 0 0 10px;
		font-size: 22px;
		font-weight: 500;
	}
	.ak-modal__body {
		width: 100%;
		display: inline-block;
	}
	.ak-modal__actions {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-content: center;
		margin: 10px 0;
	}
	.ak-modal__actions .btn {
		width: 100%;
	}
}

.suggestions span{ 
	display: none; 
}
.suggestions span:first-child{ 
	display: inline-block; 
}
.suggestions .arrow { 
	display: none; 
}

#ak-search-suggestions .suggestion {
    width: 100%;
    text-align: left;
    padding: 15px 25px;
    font-family: 'Montserrat';
    font-size: 16px;
	cursor:pointer;
    font-weight: 300;
}
/*.block-img.blur img {
    filter: blur(8px);
}*/

span.stars {
    font-size: 20px;
    vertical-align: top;
}


label.check.shake.is-error:after {
    content: 'обязательно для заполнения';
    position: absolute;
    bottom: -20px;
    margin-left: -10px; 
    font-size: 14px;
	color: #f4ff00;
    text-shadow: none;
}
label.check.shake.is-error {
    color: #fdff00;
}
input.ak-mts-name{
    width: 100%;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'montserrat';
    font-weight: 300;
    border: none;
    background: #DFECF7;
}
input.ak-mts-phone {
    width: 100%;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'montserrat';
    font-weight: 300;
    border: none;
    background: #DFECF7;
}
.ak-modal__dialog .ak-modal__body{
	
}
.ak-modal__dialog .ak-modal__actions .btn{
	width:100%;
}
.ak-modal__body {
    width: 100%;
	position:relative;
}

button.btn.ak-mts-start {
    position: absolute;
    right: 5px;
	top: 66px;
    background: #0B295F;
    color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'montserrat';
    font-weight: 300;
}

/* чекбокс и ошибка в модалке МТС */
.ak-mts-consent-wrap {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 8px 0 0;
}
.ak-mts-consent-wrap.has-error {
  outline: 0;
}
.ak-mts-consent-err {
  color: #b00020;
  font-size: 12px;
  margin-top: 6px;
}
.ak-mts-start[disabled] {
  opacity: .6;
  cursor: not-allowed;
}

label.ak-mts-consent-wrap span {
    font-family: 'montserrat';
    font-weight: 300;
}
label.ak-mts-consent-wrap {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}
input.ak-mts-consent {
    width: 18px;
    height: 18px;
}

input.ak-mts-otp {
    width: 100%;
    padding: 15px 25px;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'montserrat';
    font-weight: 300;
    border: none;
    background: #DFECF7;
}

button.btn.ak-mts-send-otp {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #0B295F;
    color: #fff;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'montserrat';
    font-weight: 300;
}
.ak-mts-otp-line {
    position: relative;
}



/* Общий контейнер хлебных крошек */
.ak-breadcrumbs {
  margin: 1.5rem 0 ;
}

/* Список без маркеров и отступов */
.ak-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Элемент списка */
.ak-breadcrumbs__item {
  display: flex;
  align-items: center;
  color: #1a1a1a;
}

/* Ссылки */
.ak-breadcrumbs__item a {
  color: #0056b3;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ak-breadcrumbs__item a:hover {
  color: #003d80;
  text-decoration: underline;
}

/* Разделитель между пунктами */
.ak-breadcrumbs__item + .ak-breadcrumbs__item::before {
  content: "/";
  color: #aaa;
  margin: 0 8px;
}

/* Текущий элемент (последний) */
.ak-breadcrumbs__current {
  color: #222;
  cursor: default;
}

/* Адаптивность */
@media (max-width: 600px) {
  .ak-breadcrumbs {
    font-size: 13px;
  }
  .ak-breadcrumbs__item + .ak-breadcrumbs__item::before {
    margin: 0 5px;
  }
}

article.ak-article a {
    color: #0b295f;
    font-weight: 600;
}

input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel{
	
}
.mini {
    font-size: 12px;
    vertical-align: top;
    margin: 0 2px 0 1px;
}

#ak-search-btn {
  cursor: pointer;
}

#ak-search-btn:disabled {
  cursor: inherit;
}
.disabled-link {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}








.serch-text {
    font-size: 23px;
    width: 600px;
    margin: 25px auto;
}


.dev-div .search-drug {
    width: 100%;
    bottom: -75px;
    min-height: 230px;
    margin: 0 auto;
    padding: 10px 60px;
    background: linear-gradient(180deg, #0078BC 0%, #00334F 100%);
    border-radius: 20px;
    z-index: 99;
    max-width: 950px;
}

.svet {
    background: url(/wp-content/themes/akrikhin/images/new/svet3.png);
    width: 100%;
    height: 267px;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
	top: -36px;
    left: 30px;
	display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.svet h1 {
    color: #015483;
    font-size: 30px;
    font-weight: 600;
	padding: 45px 0 0 0;
}
.mob{
	display:none;
}
.desc{
	display:inline-block;
}
.dev-div.hero {
	position:relative;
	height: 580px;
}
.cubtext {
    color: #015483;
    text-align: center;
    font-size: 20px;
    width: 668px;
    margin: 200px auto 0;
	font-weight: 300;
}

.cubtext span {
    display: inline-block;
}

.dev-div input#ak-search-input {
    border-radius: 50px;
}

.dev-div #ak-search-form div #ak-search-btn {
	border-radius: 50px;
    border: none;
    position: absolute;
    font-size: 16px;
    padding: 17px 30px;
    top: 7px;
    right: 8px;
    background: linear-gradient(180deg, #0078BC 0%, #00334F 100%);
}

.dev-div.hero {
	background: url(/wp-content/themes/akrikhin/images/new/fon-1-desc.png);
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 40px 10px;
	background-color: #E9FBFF;
}
.dev-div.hero label.check{
	margin-top:20px;
}
.dev-div div#ak-search-suggestions {
    top: 193px;
    width: 750px;
    margin: 0 auto;
    border-radius: 30px;
}


/* контейнер можно заменить на ваш .container */
.howto {
    margin: 200px auto 0;
}

.howto__container {
  max-width: 100%;       /* как на скрине (моб. ширина) */
  margin: 0 auto;
  padding: 0 10px;
}

.howto__title {
  margin: 0 0 26px;
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.15;
  color: #0b5f8a;         /* подберите под ваш бренд */
}

.howto__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.howto-card {
  position: relative;
  min-height: 160px;
  padding: 50px 10px 10px;
  border-radius: 24px;
  color: #fff;
  overflow: hidden;

  /* градиент как на макете (пример) */
  background: linear-gradient(180deg, #0078bc 0%, #00334f 100%);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}


.howto-card__num {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
}

.howto-card__text {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    opacity: .95;
}

/* адаптив: на узких экранах в 1 колонку */
@media (max-width: 360px) {
  .howto__grid { grid-template-columns: 1fr; }
  .howto-card--wide { grid-column: auto; }
}


.container.drug .svet{
	    height: 240px!important;
}
.region-inner {
    background: #fff;
    border-radius: 50px;
    width: 90%;
    margin: 280px auto 0;
    box-shadow: 0 3px 7px #0000004a;
    padding: 30px;
}
.page-template-page-pharmacies .svet{
	height: 238px;
}
.page-template-page-pharmacies .svet h1 {
    padding: 22px 0 0 0;
}



@media only screen and (max-width: 900px) {
	main.site-main {
		overflow: hidden;
	}
	.serch-text {
		font-size: 16px;
		width: 90%;
	}
	body {
        padding: 0 3px!important;
    }

	
	.dev-div #ak-search-form div #ak-search-btn {
		border-radius: 50px;
		position: absolute;
		width: 82px;
		font-size: 16px;
		padding: 10px 10px;
		top: -2px;
		right: 8px;
	}
	.dev-div .search-drug {
		width: 100%;
		bottom: -85%;
		margin: 0 auto;
		padding: 10px 20px;
		background: linear-gradient(180deg, #0078BC 0%, #00334F 100%);
		border-radius: 20px;
		z-index: 99;
	}

	.desc{
		display:none;
	}
	.mob{
		display:inline-block;
	}
	.dev-div.hero {
        background: url(/wp-content/themes/akrikhin/images/new/fon-mob-1.png);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
		padding: 40px 10px;
    }
	.dev-div.hero {
		position:relative;
		height: 400px;
	}
	.svet {
		background: url(/wp-content/themes/akrikhin/images/new/svet.png);
		width: 90%;
		height: 282px;
		background-position: bottom;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 154px;
		left: 82px;
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.svet h1 {
		color: #015483;
		font-size: 16px;
		font-weight: 600;
		padding: 0 0 50px 65px;
	}
	.cubtext {
		position: absolute;
		bottom: 165px;
		left: 105px;
		color: #015483;
		text-align: left;
		font-size: 14px;
		width:auto;
	}
	.cubtext span {
		display: inline-block;
	}
	.cubtext span:nth-child(2) { margin-left: 2px; }
	.cubtext span:nth-child(3) { margin-left: 4px; }
	.cubtext span:nth-child(4) { margin-left: 6px; }
	.cubtext span:nth-child(5) { margin-left: 8px; }
	
	.howto {
		margin: 240px auto 0;
	}

	.howto__title {
	  margin: 0 0 16px;
	  text-align: center;
	  font-weight: 700;
	  font-size: 20px!important;
	  line-height: 1.15;
	  color: #0b5f8a;         /* подберите под ваш бренд */
	}
	.howto-card {
	  position: relative;
	  min-height: 160px;
	  padding: 40px 7px 7px;
	  border-radius: 24px;
	}
	.howto__grid {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	  gap: 14px;
	}
	.howto-card--wide {
	  grid-column: 1 / -1;
	  min-height: 130px;
	  text-align: center;
	}
	.howto-card__text {
		font-size: 13px;
	}
	.howto-card {
	  padding: 40px 7px 7px;
	}
	.breadcrumbs{
		margin: 0px 0 00px 0;
	}
    .container.drug .svet {
        background: url(/wp-content/themes/akrikhin/images/new/svet-4.png);
        left: -11px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: -10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-left: 10px;
    }
	 .container.drug .svet h1 {
        color: #015483;
        font-size: 16px;
        font-weight: 600;
        padding: 0px 0px 95px 12px !important;
    }
	.breadcrumbs {
        visibility: hidden;
    }
	div#drug-card {
		background: none;
		border-radius: 0;
		width: 100%;
		margin: 150px auto 0;
		padding: 20px;
		box-shadow: none;
		z-index: 9999;
	}
	div#drug-card {
		margin: 100px auto 0;
	}
	.page-template-page-pharmacies .svet{
		background: url(/wp-content/themes/akrikhin/images/new/svet-4.png);
        left: -11px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: -10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-left: 10px;
    }
	.page-template-page-pharmacies .svet h1 {
		padding: 0px 136px 111px 10px!important;
	}
	.region-inner {
		margin: 123px auto 30px!important;
	}
	.region-inner {
		background: #fff;
		border-radius: 37px;
		width: 90%;
		margin: 280px auto 0;
		box-shadow: 0 3px 7px #0000004a;
		padding: 10px;
	}
	.region-inner  h3.main-h3 {
		padding: 20px 10px;
	}
	.page-template-page-pharmacies main.site-main {
        overflow: visible!important;
    }
	div#ak-choices {
		padding: 10px;
	}
	.prod-right .info p {
		margin: 10px 10px 10px 0;
		width: auto;
	}
	.main-switch {
		flex-direction: column;
	}
	.main-switch .label {
		margin-bottom: 25px;
	}
}

button.dose-btn, button.pack-btn.is-disabled {
    margin-bottom: 5px;
}
.block-img {
    overflow: hidden;
}


.main-switch {
    display: flex;
    margin: 40px 0px 20px;
}
.main-switch .label{
	min-width:145px;
}
a.dose-btn-a {
    font-family: montserrat, sans-serif;
    color: rgb(11, 41, 95);
    opacity: 0.3;
    cursor: pointer;
    background: none;
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(11, 41, 95);
    border-image: initial;
    padding: 13px 15px;
    transition: 0.2s;
    text-decoration: none;
	font-size:14px;
}

a.dose-btn-a:hover, a.dose-btn-a.active{
    opacity: 1;
    color: rgb(255, 255, 255);
    background: linear-gradient(180deg, #00476F 0%, #006095 100%);
}





  .doctor-popup[hidden] {
    display: none;
  }

  .doctor-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
  }

  .doctor-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
  }

	.doctor-popup__dialog {
		position: relative;
		z-index: 1;
		max-width: 600px;
		margin: 30vh auto 0;
		background: #fff;
		border-radius: 24px;
		padding: 40px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
		font-family: Arial, sans-serif;
	}


  .doctor-popup__dialog h2 {
    margin: 0 0 12px;
    font-size: 24px;
  }

  .doctor-popup__dialog p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.5;
  }

  .doctor-popup__checkbox {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.4;
  }

  .doctor-popup__actions {
    display: flex;
    justify-content: flex-end;
  }

	.doctor-popup__actions button {
		min-width: 160px;
		/* height: 44px; */
		border: 0;
		border-radius: 50px;
		background: linear-gradient(180deg, #0078BC 0%, #00334F 100%);
		color: #fff;
		font-size: 16px;
		padding: 15px 15px;
		cursor: pointer;
	}

  .doctor-popup__actions button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  body.doctor-popup-open {
    overflow: hidden;
  }