::selection {
 background-color:#DE7B3D;
}
*::-webkit-scrollbar {
  width: 5px;             
}

*::-webkit-scrollbar-track {
  background: transparent;      
}

*::-webkit-scrollbar-thumb {
  background-color: #DE7B3D;  
  border-radius: 0;     
  /*border: 3px solid white; */
}

a {
	text-decoration: none;
}
.astroid-component-section {
	padding: 0;
	flex-grow:1;
}
.grecaptcha-badge {
	display: none;
}
.astroid-header-section {
	border-bottom: 1px solid #FFFFFF33;
}
.banner {
	background: #151412;
	padding: 80px 0;
}
.banner h1 {
	font-size: clamp(32px,5vw,44px);
	font-weight: 700;
	line-height: 120%;
	color:white;
	max-width: 1000px;
	margin: auto;
	text-align: center;
}
.banner h1 b {
	color:#F1DCBE;
}
.banner span {
	color:white;
	max-width: 366px;
	margin: auto;
	margin-top: 16px;
	font-size: 14px;
	display: flex;
	text-align: center;
	font-weight: 200;
}
.banner-category {
	background: #2F2C25;
	padding: 24px;
	transition: 0.3s;
}
.banner-category:hover {
	background: #775946;
}
.banner-category h5 {
	color:white;
	font-size: 16px;
	font-weight: 700;
	margin:0;
}
.coffee {
	background: white;
	padding: 24px;
	height: 100%;
}
.coffee-black {
	background: #2F2C25;
}
.coffee h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 12px;
}
.gramovka-group {
	display: flex;
	gap:10px;
}
.switch-btn {
	border: 1px solid #00000033;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	font-size: 13px;
	color:black;
	line-height: 120%;
	font-weight: 600;
	transition: 0.3s;
	width:70px;
	height: 28px;
}
.switch-btn.active {
	border-color:#DE7B3D;
	background: #DE7B3D;
	color:white;
}
.main-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color:#544123;
	font-weight: 500;
	line-height: 140%;
	background: #FFC05A;
	width: fit-content;
	border: 0;
	padding: 13px 24px;
	transition: 0.3s;
}
.main-btn:hover {
	box-shadow: 0 0 10px #FFC05A;
}
.second-btn {
	border: 1px solid #000000;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: 8px;
	border-radius: 1px;
	color:#544123;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	transition: 0.3s;
}
.coffee-black .second-btn {
	color:white;
	border: 1px solid #FFFFFF;
}
.second-btn:hover {
	background: #DE7B3D;
	border-color: #DE7B3D;
	color:white;
}
.coffee-text {
	flex-grow: 1;
}
.coffee-text span {
	font-size: 13px;
	font-weight: 500;
	line-height: 120%;
}
.coffee-black .coffee-text span, .coffee-black .coffee-text h4, .coffee-black .coffee-price {
	color: white;
}

.main-coffee div {
	background: white;
	border-radius: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	gap:16px;
	min-height: 400px;
}
.main-coffee h4 {
	margin: 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
}
.main-coffee span {
	font-size:16px;
	line-height: 120%;
	font-weight: 500;
	max-width: 320px;
}
.service {
	background: #151412;
	padding: 100px 0;
}
.prodaja {
	background: #151412;
	padding: 60px 0;
}
.service h2, .service h1 {
	color:white;
	font-size: clamp(32px,5vw,44px);
	line-height: 120%;
}
.service span {
	color:#FFFFFFB2;
	font-size: 14px;
	line-height: 140%;
	font-weight: 300;
}
.prodaja .container > span {
	color:#FFFFFFB2;
	font-size: 14px;
	font-weight: 500;
}
.prodaja span b {
	font-size: 700;
}
.brendi {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap:25px;
	border-bottom: 1px solid #FFFFFF66;
	padding-bottom: 35px;
}
count {
	font-size: clamp(16px,5vw,24px);
	font-weight: 600;
	color: #626262;
}
.razdel-link {
	font-size: 16px;
	color:#D56D12;
	font-weight: 600;
	text-decoration: underline;
}
.coffee-price {
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
}
.y-map {
	min-height: 500px;
	height: 100%;
}
.contacts {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}
.footer-section .astroid-row {
	padding: 50px 0;
}
.footer-menu {
	gap:40px;
}
.policy {
	font-weight: 300;
	font-size: 12px;
	color:white;
}
.coffee img {
	height: 475px;
	object-fit: contain;
	background: white;

}






@media (min-width: 992px) {
	.main-coffee {
		padding: 54px;
	}
	.footer-menu {
		flex-direction: row!important;
	}
	.brendi img:nth-child(2n) {
		margin-top: 85px;
	}
}