header#header {
	@media (max-width: 991px) {
		position: sticky;
		top: 0;
	}
}

.nav_menu_box {
	&.box_fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
	}
}

#_desktop_top_menu {
	> ul.top-menu {
		> li.category {
			> a {
				font-size: 14px;
				padding: 10px 5px;

				@media (max-width: 1200px) {
					font-size: 12px;
				}
			}

			.sub-menu {
				ul.top-menu {
					&[data-depth='1'] {
						margin: 0;

						padding: 20px;
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						gap: 10px 20px;

						> li.category {
							margin: 0;
							flex: 1;

							> a {
								padding: 0;
							}
						}
					}

					&[data-depth='2'] {
						margin-top: 10px;
					}
				}
			}
		}
	}
}

section#main {
	section#content {
		&.page-home {
			#carousel {
				@media (max-width: 991px) {
					.carousel-inner {
						min-height: 330px;

						li.carousel-item {
							figure {
								img {
									min-height: 330px;
									object-fit: cover;
								}
							}
							figcaption.caption {
								position: absolute;
								margin: 0;
								text-align: initial;

								h2 {
									color: #fff;
									font-size: 28px;
								}
							}
						}
					}
				}
				@media (max-width: 767px) {
					.carousel-inner {
						min-height: 370px;

						li.carousel-item {
							figure {
								img {
									min-height: 370px;
								}
							}
							figcaption.caption {
								left: 50px;
								bottom: 40px;
							}
						}
					}
				}
				@media (max-width: 567px) {
					.carousel-inner {
						li.carousel-item {
							figcaption.caption {
								right: 50px;
							}
						}
					}
				}
			}
		}
	}
}

#hp-ekomi-widget {
	margin: 30px 0 60px;
}

footer#footer {
	.block-social {
		ul {
			li {
				background-size: 30px;
				background-position: center;
				border-radius: 5px;
				transition: all 250ms ease-in-out;

				&:hover {
					filter: brightness(1.2);
				}

				&.facebook {
					background-color: #1877f2;
				}
				&.pinterest {
					background-color: #e60023;
				}
				&.instagram {
					background-color: #e1306c;
				}
			}
		}
	}
}

.product-additional-info {
	.social-sharing {
		ul {
			li {
				background-color: #d0d0d0;
				background-size: 30px;
				background-position: center;
				border-radius: 5px;
				transition: all 250ms ease-in-out;

				&:hover {
					filter: brightness(1.2);
				}

				&.facebook {
					background-color: #1877f2;
				}
				&.twitter {
					background-color: #1da1f2;
				}
				&.pinterest {
					background-color: #e60023;
				}
			}
		}
	}
}
