/*
 * j-tech.market overrides on top of the DELUXE template (/bitrix/templates/dresscode).
 * Loaded after template_styles.css (see JTech\Template\Layout), so equal selectors win.
 * Do not edit vendor CSS — put changes here.
 */

/* template_styles.css */
.product .middle {
	font-size: 12px;
}

.contactList li table td {
	vertical-align: top;
}

#subHeader7 .secondPhones .schedule {
	max-width: 150px;
}

.new-list-items .name {
	max-height: 150px;
	min-height: 140px;
}

@media screen and (max-width: 400px) {
	.new-list-items .name {
		max-height: 150px;
	}
}

#leftMenu .menuItems span {
	font-family: roboto_ltregular;
}

#main.color_white #leftMenu li .menuLink,
#main.color_white #left #subLeftMenu {
	font-family: robotobold;
}

/* headers/header7/css/style.css: vendor sets line-height: 90px */
#subHeader7 {
	line-height: inherit;
}

/* product card: notice for products containing precious metals, next to the brand logo (catalog.item/detail) */
#elementContainer .brandImageWrap.jtech-with-notice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 24px;
    margin-bottom: 24px;
}
#elementContainer .brandImageWrap.jtech-with-notice .brandImage {
    margin: 0;
}
#elementContainer .jtech-precious-metal-notice {
    flex: 1 1 260px;
    padding: 10px 14px;
    border-left: 4px solid #e53935;
    background: #fff4f4;
    color: #222;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
}

/* Шрифты из замечания PageSpeed: показываем текст до их загрузки */
@font-face {
    font-family: "robotobold";
    font-weight: normal;
    font-style: normal;
    src: url("/bitrix/templates/dresscode/fonts/roboto/roboto-bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "robotomedium";
    font-weight: bold;
    font-style: normal;
    src: url("/bitrix/templates/dresscode/fonts/roboto/roboto-medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "roboto_ltregular";
    font-weight: normal;
    font-style: normal;
    src: url("/bitrix/templates/dresscode/fonts/roboto/roboto-light.woff2") format("woff2");
    font-display: swap;
}