/*!
Theme Name: Shop
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shop
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Shop is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.new-label {
	position: absolute;
    top: 15px;
    left: 10px;
    font-size: 10px;
    background: #fb2327;
    padding: 4px;
    border-radius: 4px;
    color: white;
}

.product-hard {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 10px;
	
	padding: 4px;
	border-radius: 4px;
	color: white;
}
.product-hard--easy {
	background: #00c0ff;
}
.product-hard--middle {
	background: #e79315;
}
.product-hard--hard {
	background: #ff3d3d;
}
.swiper-pagination {
	transform: translateY(30px) !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 20px;
	height: 10px;
	border-radius: 4px;
	transition: background 0.3s ease;
}
.swiper-pagination-bullet-active {
	background: #00c0ff;
}
.navbar-part1 .header-action-items .search-part,
.navbar-part1 .header-action-items .account {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.outstock-button {
	color: #fff;
	background: var(--theme-color);
    padding: 5px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    gap: 5px;
    width: calc(100% - 5px);
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	height: 36px;
}
.outstock-button:hover {
	color: #fff;
}

/* Базовые стили для текстового блока */
.rts-featured-product-section.seo {
    line-height: 1.6; /* Межстрочный интервал */
    color: #333; /* Цвет текста */
}

    /* Заголовки */
.rts-featured-product-section.seo h1 {
    font-size: 2rem; /* Размер шрифта */
    font-weight: bold; /* Жирный шрифт */
    margin-top: 2rem; /* Отступ сверху */
    margin-bottom: 1.5rem; /* Отступ снизу */
    color: #000; /* Цвет заголовка */
}

.rts-featured-product-section.seo h2 {
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 1.75rem;
    margin-bottom: 1.25rem;
    color: #222;
}

.rts-featured-product-section.seo h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.rts-featured-product-section.seo h4 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
    color: #444;
}

.rts-featured-product-section.seo h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #555;
}

.rts-featured-product-section.seo h6 {
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 0.875rem;
    margin-bottom: 0.5rem;
    color: #666;
}

    /* Параграфы */
.rts-featured-product-section.seo p {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #333;
}

    /* Списки */
.rts-featured-product-section.seo ul,
.rts-featured-product-section.seo ol {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 2rem; /* Отступ для списков */
}

.rts-featured-product-section.seo li {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #333;
}

    /* Ссылки */
.rts-featured-product-section.seo a {
    color: #007bff; /* Цвет ссылки */
    text-decoration: underline; /* Подчеркивание */
}

.rts-featured-product-section.seo a:hover {
    color: #0056b3; /* Цвет ссылки при наведении */
}

    /* Изображения */
.rts-featured-product-section.seo img {
    max-width: 100%; /* Максимальная ширина изображения */
    height: auto; /* Автоматическая высота */
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    /* Цитаты */
.rts-featured-product-section.seo blockquote {
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    border-left: 4px solid #ccc;
    background-color: #f9f9f9;
    color: #555;
    font-style: italic;
}

    /* Код */
.rts-featured-product-section.seo pre {
    background-color: #f5f5f5;
    padding: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.rts-featured-product-section.seo code {
    font-family: "Courier New", monospace;
    font-size: 0.875rem;
    color: #d63384;
}

.dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.rts-newsletter-popup .newsletter-inner .input-div.dropdown {
    border: none;
}
.dropdown  {
    position: relative;
}
.dropdown:before {
    position: absolute;
    top: 23px;
    right: 20px;
    content: '\e809';
    font-family: "rt-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
}
.dropdown select{
    width: 100%;
    padding: 17px 30px;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    margin-bottom: 25px;
    outline: none;
    -webkit-transition: -webkit-box-shadow 300ms;
    transition: -webkit-box-shadow 300ms;
    -o-transition: box-shadow 300ms;
    transition: box-shadow 300ms;
    transition: box-shadow 300ms, -webkit-box-shadow 300ms;
    font-size: 16px;
    color: #777;
}