/* inel-overrides.css — Inelectro Marine premium strip-down + flag-plate + footer additions */

/* ===== 1. KILL e-commerce widgets (cart, account, wishlist, compare, login, checkout) ===== */

/* Top header service icons (cart, wishlist, compare, account, language, wallet) */
.header .cart,
.header .acc,
.header .lang,
.header .wallet,
.header .ctrl-v6,
.header .ctrl-v4,
.header .ctrl,
.header__service,
.header--service,
#signin,
#popupprod .product-card .btn--cart,
.app-chats__toggle {
	display: none !important;
}

/* Top-bar account/wishlist/compare/cart links (in header nav top-line) */
.nav__topbar a[href*='account/'],
.nav__topbar a[href*='wishlist'],
.nav__topbar a[href*='compare'],
.nav__topbar a[href*='checkout'],
.nav__topbar a[href*='login'],
.nav__topbar a[href*='register'],
.nav__topline a[href*='account/'],
.nav__topline a[href*='wishlist'],
.nav__topline a[href*='compare'],
.nav__topline a[href*='checkout'],
.nav__topline a[href*='login'],
.nav__topline a[href*='register'] {
	display: none !important;
}

/* Product card tiny icons (compare + wishlist) — kill at root regardless of which template */
.products__item-buttons,
.products__line-buttons,
.products__micro-buttons,
.products__item-replace,
.products__line-replace,
.sku__buttons-compare,
.sku__buttons-wishlist {
	display: none !important;
}

/* Quick-preview / popup buy buttons (eye icon) — kill */
.btn--preview.js-btn-preview,
.btn--preview {
	display: none !important;
}

/* Cart sidebar (slide-in) */
#cart,
.cart-content,
.checkout-cart,
.minicart,
.basket-slide,
.popup--cart {
	display: none !important;
}

/* Footer columns we don't want: My Account / Personal Cabinet */
.footer__nav a[href*='account/'],
.footer__nav a[href*='wishlist'],
.footer__nav a[href*='affiliate/'],
.footer__nav a[href*='order'],
.footer__nav a[href*='voucher'],
.footer__nav a[href*='newsletter'] {
	display: none !important;
}

/* ===== 2. NEW PRODUCT CARD: mailto + "Подробнее" side-by-side ===== */

.products__item-action.inel-action {
	display: flex;
	flex-direction: row;
	gap: 8px;
	margin-top: 12px;
	align-items: stretch;
}
.inel-btn-mail {
	flex: 1 1 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 24px;
	background: var(--inel-accent, #c9a961);
	color: #fff !important;
	font-size: 1.3rem;
	font-weight: 600;
	white-space: nowrap;
	text-transform: none;
	border: none;
	transition: background-color 0.2s ease, transform 0.1s ease;
}
.inel-btn-mail:hover,
.inel-btn-mail:focus {
	background: var(--inel-accent-dark, #a0844a);
	color: #fff !important;
	transform: translateY(-1px);
}
.inel-btn-mail .icon-cart {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.inel-btn-more {
	flex: 0 1 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 24px;
	background: transparent;
	color: var(--inel-accent, #c9a961) !important;
	font-size: 1.3rem;
	font-weight: 600;
	border: 1px solid var(--inel-accent, #c9a961);
	transition: background-color 0.2s, color 0.2s;
}
.inel-btn-more:hover,
.inel-btn-more:focus {
	background: var(--inel-accent, #c9a961);
	color: #fff !important;
}

.inel-price-on-request {
	color: var(--inel-accent, #c9a961);
	font-weight: 600;
}

/* Mobile: stack vertically when narrow */
@media (max-width: 480px) {
	.products__item-action.inel-action {
		flex-direction: column;
		gap: 6px;
	}
	.inel-btn-mail,
	.inel-btn-more {
		width: 100%;
		padding: 10px 8px;
		font-size: 1.25rem;
	}
}

/* ===== 3. FLAG-PLATE (sticky right side) ===== */

.inel-flagplate {
	position: fixed;
	top: 120px;
	right: 16px;
	width: 220px;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
	padding: 12px 14px;
	z-index: 9000;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #2b2b2b;
}
.inel-flagplate__flags {
	display: flex;
	gap: 6px;
	margin-bottom: 8px;
}
.inel-flagplate__flag {
	width: 24px;
	height: 16px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 2px;
	flex: 0 0 auto;
}
.inel-flagplate__email {
	font-weight: 700;
	color: var(--inel-accent, #c9a961);
	word-break: break-all;
	display: block;
	margin-bottom: 6px;
	font-size: 1.25rem;
}
.inel-flagplate__email:hover {
	color: var(--inel-accent-dark, #a0844a);
	text-decoration: underline;
}
.inel-flagplate__copy {
	display: inline-block;
	background: var(--inel-accent, #c9a961);
	color: #fff;
	border: none;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	margin-bottom: 6px;
}
.inel-flagplate__copy:hover { background: var(--inel-accent-dark, #a0844a); }
.inel-flagplate__copy--ok { background: #16a34a !important; }
.inel-flagplate__note {
	font-size: 1.05rem;
	color: #6b7280;
	display: block;
}

@media (max-width: 991px) {
	.inel-flagplate {
		top: auto;
		bottom: 16px;
		right: 8px;
		width: 200px;
		padding: 10px 12px;
		font-size: 1.1rem;
	}
}
@media (max-width: 480px) {
	.inel-flagplate {
		bottom: 80px; /* avoid covering bottom nav if any */
		right: 8px;
		left: auto;
		width: 178px;
	}
}

/* ===== 4. PREMIUM FOOTER (Inelectro Marine) ===== */

/* Payment icons + subscription forms left over from old theme — kill */
.payment-icons,
.footer-payments,
.footer__subsc,
.subsc-min,
.subsc-section,
.footer__social,
.footer__signin {
	display: none !important;
}

/* "Обратный звонок" callback link — kill it everywhere */
a[href*='buyclick'],
a[onclick*='callback'],
.callback-link,
.btn-callback,
.callback__btn,
.popup--callback,
#popup-buy-click,
.buy-click,
.feedback-block,
.footer__feedback,
.nav__topbar a[href*='callback'],
.nav__topbar [class*='callback'] {
	display: none !important;
}

.inel-footer {
	background: #0f1c2a;
	color: #cbd5e1;
	font-size: 1.3rem;
	line-height: 1.55;
	border-top: 3px solid var(--inel-accent, #c9a961);
	margin-top: 32px;
}
.inel-footer .container-fluid { max-width: 1400px; margin: 0 auto; }
.inel-footer__main { padding: 36px 0 18px; }
.inel-footer__main .row { display: flex; flex-wrap: wrap; }
.inel-footer__col { padding: 14px 16px; }
.inel-footer__about { color: #94a3b8; margin: 0 0 14px; font-size: 1.25rem; line-height: 1.55; }
.inel-footer__label { color: #64748b; font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.07em; margin: 10px 0 2px; }
.inel-footer__title { color: #f1f5f9; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; margin: 0 0 12px; }
.inel-footer__title--gap { margin-top: 20px; }
.inel-footer__link { color: #e2e8f0; }
.inel-footer__link:hover { color: var(--inel-accent, #c9a961); text-decoration: underline; }
.inel-footer__link--accent { color: var(--inel-accent, #c9a961); font-weight: 600; }
.inel-footer__link--accent:hover { color: #c9a961; }

.inel-footer__links { list-style: none; padding: 0; margin: 0; }
.inel-footer__links li { margin: 0 0 4px; padding: 0; }
.inel-footer__links a { color: #cbd5e1; font-size: 1.25rem; }
.inel-footer__links a:hover { color: var(--inel-accent, #c9a961); }

.inel-footer__countries {
	background: #0a1620;
	padding: 22px 0;
	border-top: 1px solid rgba(255,255,255,0.05);
}
.inel-country {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 16px;
	color: #cbd5e1;
}
.inel-country__flag {
	flex: 0 0 38px;
	width: 38px;
	height: 26px;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,0.15);
	margin-top: 2px;
}
.inel-country__body strong { display: block; color: #f1f5f9; font-size: 1.35rem; margin-bottom: 4px; }
.inel-country__body span { font-size: 1.2rem; color: #94a3b8; }
.inel-country--badge {
	justify-content: center;
	text-align: center;
}
.inel-country--badge strong {
	color: var(--inel-accent, #c9a961);
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.inel-footer__copy {
	background: #060f17;
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,0.04);
}
.inel-footer__copy-line {
	color: #94a3b8;
	font-size: 1.2rem;
	margin: 0 0 6px;
}
.inel-footer__copy-line a { color: var(--inel-accent, #c9a961); }
.inel-footer__copy-line strong { color: #f1f5f9; }
.inel-footer__privacy-line {
	color: #6b7280;
	font-size: 1.1rem;
	line-height: 1.55;
	margin: 0;
}
.inel-footer__privacy-line a {
	color: #93c5fd;
	text-decoration: underline;
}
.inel-footer__privacy-line a:hover { color: #bfdbfe; }

/* Mobile — stack everything */
@media (max-width: 991px) {
	.inel-footer__main { padding: 24px 0 12px; }
	.inel-footer__col { padding: 12px 16px; flex: 0 0 100%; max-width: 100%; }
	.inel-footer__col.col-6 { flex: 0 0 50%; max-width: 50%; }
	.inel-country { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 480px) {
	.inel-footer__col.col-6 { flex: 0 0 100%; max-width: 100%; }
	.inel-footer__about { font-size: 1.2rem; }
}

/* ===== 5. Theme variables (Inelectro Marine accents) ===== */
:root {
	--inel-accent: #c9a961;
	--inel-accent-dark: #a0844a;
	--inel-bg: #f5f7fa;
}

/* ===== inel-r2-polish-2026-05-30: smaller logo, smaller footer fonts, hide stock badge ===== */

/* Smaller logo (was max-width 230, was overpowering header) */
#logo img, .header__logo img, .logo img, .nav__logo img {
    max-width: 160px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* Hide "На складе" / "В наличии" / stock status everywhere */
.products__item-stock,
.products__line-stock,
.products__micro-stock,
.products__status,
.products__item-status,
.products__line-status,
.products__micro-status,
.sku__status,
.sku__stock,
.stock-status,
[class*="in-stock"],
[class*="stock-in"],
.stock-in,
.in-stock,
.label-stock {
    display: none !important;
}

/* Footer: slightly smaller text proportionally */
.inel-footer { font-size: 1.18rem !important; line-height: 1.5 !important; }
.inel-footer__about { font-size: 1.1rem !important; }
.inel-footer__title { font-size: 1.05rem !important; }
.inel-footer__label { font-size: 0.95rem !important; }
.inel-footer__links a { font-size: 1.1rem !important; }
.inel-country__body strong { font-size: 1.2rem !important; }
.inel-country__body span { font-size: 1.05rem !important; }
.inel-country--badge strong { font-size: 1.15rem !important; }
.inel-footer__copy-line { font-size: 1.05rem !important; }
.inel-footer__privacy-line { font-size: 0.95rem !important; }

/* Right-side floating plate: slightly bigger flags (visible SVG details) */
.inel-flagplate__flag {
    width: 36px !important;
    height: 24px !important;
    object-fit: cover;
}
.inel-flagplate__flags { gap: 8px !important; }

/* Hide more nav items: News, Blog, Information menus (lead-only site) */
.nav__priority-menu a[href*='technics_news'],
.nav__priority-menu a[href*='technicscat_blog'],
.nav__priority-menu a[href*='information/information'],
.nav__menu a[href*='technics_news'],
.nav__menu a[href*='technicscat_blog'],
.nav__menu a[href*='information/information'],
.nav__topline a[href*='technics_news'],
.nav__topline a[href*='technicscat_blog'],
.nav__topbar a[href*='technics_news'],
.nav__topbar a[href*='technicscat_blog'] {
    display: none !important;
}
/* ===== inel-r3-css-2026-05-30: grid spacing + final menu/cart strip ===== */

/* Grid: more breathing room (per mope-peka) */
.products__grid > .row > [class*="col-"],
.products__list > .row > [class*="col-"] {
    padding: 8px !important;
}
.products__item,
.products__line,
.products__micro {
    padding: 14px 12px !important;
    margin-bottom: 12px !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.products__item-images,
.products__line-images {
    padding: 8px !important;
}
.products__item-title,
.products__line-title {
    margin: 10px 0 6px !important;
    line-height: 1.35 !important;
    min-height: 38px !important;
    font-size: 1.3rem !important;
}
.products__item-price,
.products__line-price {
    margin: 8px 0 10px !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--inel-accent, #c9a961) !important;
    display: block !important;
}
/* mailto inside cards: full-width, accent */
.products__item .inel-btn-mail,
.products__line .inel-btn-mail,
.products__micro .inel-btn-mail {
    display: block !important;
    width: 100% !important;
    padding: 8px 12px !important;
    font-size: 1.1rem !important;
    margin-top: 8px;
    text-align: center !important;
    text-decoration: none !important;
}

/* Aggressive: hide News/Blog/Information menu items */
.nav__priority-menu a[href*="technics_news"],
.nav__priority-menu a[href*="technicscat_blog"],
.nav__priority-menu a[href*="information/information"],
.nav__menu a[href*="technics_news"],
.nav__menu a[href*="technicscat_blog"],
.nav__menu a[href*="information/information"],
.nav a[href*="technics_news"],
.nav a[href*="technicscat_blog"],
.nav a[href*="information/information"] {
    display: none !important;
}
/* Hide parent <li> using :has() (modern browsers) */
.nav__priority-menu > li:has(> a[href*="technics_news"]),
.nav__priority-menu > li:has(> a[href*="technicscat_blog"]),
.nav__priority-menu > li:has(> a[href*="information/information"]),
.nav__menu > li:has(> a[href*="technics_news"]),
.nav__menu > li:has(> a[href*="technicscat_blog"]),
.nav__menu > li:has(> a[href*="information/information"]) {
    display: none !important;
}

/* Kill remaining popup/buy/cart shells */
#popup-buy-click,
#popup-buy-click-cc,
.popup--callback,
.popup--cart,
.fancybox-content.signin,
.cart__btn,
.cart__counter,
.btn--cart,
.cart-content { display: none !important; }

/* Hide "Купить" buttons that may still appear in templates we missed */
.products__item .btn--cart,
.products__line .btn--cart,
.products__micro .btn--cart,
.js-add-to-cart,
.js-buy-click,
.js-fancy-popup-cart { display: none !important; }
/* ===== inel-r3b-css-2026-05-30: kill #popup-buy-click triggers + sku__status hardline ===== */

/* Kill ALL anchors pointing to popup-buy-click / callback popups */
a[href="#popup-buy-click"],
a[href="#popup-buy-click-cc"],
a[href="#callback"],
a[href="#callback-footer"],
a[href="#callback-form"],
a[href*="buyclick"],
a[href*="popup-buy"],
.js-fancy-popup-cart,
.callback-trigger,
[onclick*="callback"],
[onclick*="buyclick"] {
    display: none !important;
}

/* Belt-and-suspenders: hide sku__status everywhere (even though we removed from template) */
.sku__status,
.sku__status-success,
.sku__status-error,
.products__item-status,
.products__line-status,
.products__micro-status,
.products__item-stock,
[class*="sku__status"],
[class*="item-stock"] {
    display: none !important;
}

/* Schema.org availability meta should stay (invisible), but text "На складе" elsewhere — hide siblings */
.product__availability,
.availability,
.in-stock-status,
.stock-info {
    display: none !important;
}
/* ===== inel-r3c-css-2026-05-30: kill remaining callback triggers ===== */
a[href="#inline"],
a[href="#callback"],
a[href="#callback-footer"],
a[href="#callback-form"],
a[href="#popup-callback"],
a[href="#popupcallback"],
a[href*="inline"][href^="#"],
a[href*="callback"][href^="#"],
.header .top-callback,
.header__callback,
.callback-btn,
.btn-callback,
button.callback,
a.callback {
    display: none !important;
}
/* Hide parent block too if it only contains the callback link */
.phone__wrap > a[href="#inline"],
.phone__wrap > a[href*="callback"] { display: none !important; }
/* ===== inel-r4-premium-2026-05-30: thin top strip + header shrink + grid widening + responsive ===== */

/* --- THIN TOP CONTACT STRIP (mope-peka style) --- */
#inel-topstrip {
    background: #0b1320;
    color: #cbd5e1;
    font-size: 11px;
    line-height: 1.5;
    padding: 6px 16px;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
    z-index: 100;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.inel-topstrip__inner { max-width: 1400px; margin: 0 auto; }
.inel-topstrip__link {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color .15s;
}
.inel-topstrip__link:hover { color: #c9a961 !important; }
.inel-topstrip__label { color: #64748b; font-weight: 600; margin-right: 4px; }
.inel-topstrip__email { color: #c9a961 !important; }
.inel-topstrip__sep { margin: 0 12px; color: #475569; }

/* --- SHRINK HEADER PHONE (replaced by top strip) --- */
.header .phone__link,
.header .phone__btn,
.header .phone {
    font-size: 13px !important;
    opacity: 0.85;
}
.header .phone__link span,
.header .phone__btn span { font-size: 13px !important; }

/* --- SHRINK SEARCH BAR --- */
.header .search,
.header .search__form,
.header__search {
    max-width: 360px !important;
}
.search__input, .header .search input[type="search"] {
    font-size: 14px !important;
    padding: 8px 14px !important;
    height: 38px !important;
}

/* --- WIDER PRODUCT CARDS in grid (4 per row desktop) --- */
.products__grid > .row > .col-6,
.products__grid > .row > .col-12,
.products__grid > .row > [class*="col-md-"],
.products__grid > .row > [class*="col-lg-"],
.products__grid > .row > [class*="col-xl-"] {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 10px !important;
}
@media (max-width: 1199px) {
    .products__grid > .row > [class*="col-"] { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
}
@media (max-width: 767px) {
    .products__grid > .row > [class*="col-"] { flex: 0 0 50% !important; max-width: 50% !important; }
}
@media (max-width: 479px) {
    .products__grid > .row > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
}

/* Bigger product card visual */
.products__item {
    min-height: 320px !important;
    padding: 18px 16px !important;
}
.products__item-images { padding: 12px !important; min-height: 160px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.products__item-images img { max-height: 150px !important; max-width: 100% !important; object-fit: contain !important; }
.products__item-title { font-size: 1.35rem !important; min-height: 42px !important; }

/* --- BRANDS PAGE: smaller cards in 6-col grid --- */
.brands__list > .row > [class*="col-"],
.manufacturer__list > .row > [class*="col-"],
.manufacturer > .row > [class*="col-"] {
    flex: 0 0 16.666% !important;
    max-width: 16.666% !important;
    padding: 6px !important;
}
@media (max-width: 1199px) {
    .brands__list > .row > [class*="col-"], .manufacturer__list > .row > [class*="col-"] { flex: 0 0 20% !important; max-width: 20% !important; }
}
@media (max-width: 991px) {
    .brands__list > .row > [class*="col-"], .manufacturer__list > .row > [class*="col-"] { flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (max-width: 767px) {
    .brands__list > .row > [class*="col-"], .manufacturer__list > .row > [class*="col-"] { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
}
@media (max-width: 479px) {
    .brands__list > .row > [class*="col-"], .manufacturer__list > .row > [class*="col-"] { flex: 0 0 50% !important; max-width: 50% !important; }
}
.brands__item, .manufacturer__item, .manufacturer-item {
    min-height: 100px !important;
    padding: 12px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.brands__item:hover, .manufacturer__item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.brands__item-title, .manufacturer__item-title { font-size: 1.15rem !important; font-weight: 700; }

/* --- FOOTER KZ FLAG: fix aspect ratio (viewBox 640x480 = 4:3) --- */
.inel-country__flag {
    width: 40px !important;
    height: 30px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    overflow: hidden !important;
    object-fit: cover !important;
}
.inel-country__flag svg, svg.inel-country__flag {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.inel-country { gap: 14px !important; }

/* --- RIGHT FLOATING PLATE: compact, premium --- */
.inel-flagplate {
    width: 200px !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.97) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    font-size: 12px !important;
    top: 100px !important;
}
.inel-flagplate__flags { gap: 6px !important; margin-bottom: 8px !important; }
.inel-flagplate__flag {
    width: 28px !important;
    height: 21px !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.inel-flagplate__flag svg { width: 100%; height: 100%; display: block; }
.inel-flagplate__email { font-size: 13px !important; margin-bottom: 8px !important; }
.inel-flagplate__copy {
    font-size: 11px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    width: 100%;
    text-align: center;
}
.inel-flagplate__note { font-size: 10.5px !important; color: #6b7280 !important; }

/* --- iPad LANDSCAPE (1024px) --- */
@media (max-width: 1199px) {
    .inel-flagplate { width: 180px !important; top: 90px !important; right: 12px !important; }
    #inel-topstrip { font-size: 10.5px !important; padding: 5px 12px !important; }
    .inel-topstrip__sep { margin: 0 8px !important; }
}

/* --- iPad PORTRAIT (768px) --- */
@media (max-width: 991px) {
    #inel-topstrip { font-size: 10px !important; padding: 5px 10px !important; }
    .inel-topstrip__label { display: none !important; } /* hide "WhatsApp:" / "Тел:" labels */
    .inel-topstrip__sep { margin: 0 6px !important; }
    .header .phone__link { font-size: 12px !important; }
    .header .search { max-width: 280px !important; }
    #logo img { max-width: 120px !important; max-height: 48px !important; }
    .inel-flagplate {
        position: fixed !important;
        bottom: 12px !important;
        top: auto !important;
        right: 12px !important;
        width: 64px !important;
        padding: 8px !important;
        font-size: 11px !important;
    }
    .inel-flagplate__email,
    .inel-flagplate__note { display: none !important; }
    .inel-flagplate__flags { margin-bottom: 6px !important; gap: 4px !important; }
    .inel-flagplate__flag { width: 22px !important; height: 16px !important; }
    .inel-flagplate__copy { padding: 4px 6px !important; font-size: 10px !important; line-height: 1; }
}

/* --- MOBILE iPhone (479px) --- */
@media (max-width: 479px) {
    #inel-topstrip { font-size: 9px !important; padding: 4px 8px !important; line-height: 1.4 !important; }
    #inel-topstrip .inel-topstrip__email { display: block; margin-top: 2px; }
    #inel-topstrip .inel-topstrip__sep:nth-of-type(2) { display: none; } /* hide last separator since email wraps */
    .header .phone__link, .header .phone__btn { font-size: 11px !important; }
    .header .search { max-width: 180px !important; }
    #logo img { max-width: 90px !important; max-height: 36px !important; }
    .inel-flagplate { bottom: 80px !important; width: 56px !important; }
}

/* --- Hide breadcrumb-shifting + Layout-shift fixes --- */
.search__form.is-focused, .search.is-focused { max-width: 360px !important; } /* prevent expanding on focus */
input[type="search"]:focus { outline: 2px solid rgba(26,163,119,0.3) !important; }

/* --- Topstrip on body: counterbalance fixed nav offset --- */
body.has-inel-topstrip .header { padding-top: 0 !important; }
/* ===== inel-r5-brandsdark-2026-05-30: brands grid + hide dup phone + dark plate ===== */

/* --- BRANDS GRID: correct selector .brands__grid > .row > .col-6.col-lg-4 --- */
.brands__grid > .row > [class*="col-"] {
    flex: 0 0 16.666% !important; /* 6 per row desktop */
    max-width: 16.666% !important;
    padding: 6px !important;
}
@media (max-width: 1199px) { .brands__grid > .row > [class*="col-"] { flex: 0 0 20% !important; max-width: 20% !important; } } /* 5 per row */
@media (max-width: 991px)  { .brands__grid > .row > [class*="col-"] { flex: 0 0 25% !important; max-width: 25% !important; } } /* 4 per row */
@media (max-width: 767px)  { .brands__grid > .row > [class*="col-"] { flex: 0 0 33.333% !important; max-width: 33.333% !important; } } /* 3 per row */
@media (max-width: 479px)  { .brands__grid > .row > [class*="col-"] { flex: 0 0 50% !important; max-width: 50% !important; } } /* 2 per row */

.brands__item {
    min-height: 90px !important;
    padding: 12px 10px !important;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}
.brands__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(26,163,119,0.12);
    border-color: rgba(26,163,119,0.3);
}
.brands__item-image {
    display: block !important;
    text-align: center;
    font-size: 1.2rem !important;
    font-weight: 600;
    color: #2b3340 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}
.brands__item-image img {
    max-width: 100% !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

/* --- HIDE DUPLICATE PHONE in header (already in top-strip) --- */
.header .phone,
.header__phone,
.header__phone-wrapper,
.phone__wrap,
.nav__phone,
.header__contacts > .phone,
.header__contacts > [class*="phone"] {
    display: none !important;
}
/* But keep top-strip phone visible */
#inel-topstrip .inel-topstrip__link[href^="tel:"] {
    display: inline !important;
}

/* --- DARK RIGHT PLATE (river-marine sister style) --- */
.inel-flagplate {
    background: #11131a !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: -4px 4px 20px rgba(0,0,0,0.4) !important;
    border-radius: 12px 0 0 12px !important;
    right: 0 !important;
    padding: 14px 16px !important;
    backdrop-filter: none !important;
}
.inel-flagplate__email {
    color: #c9a961 !important;
}
.inel-flagplate__email:hover {
    color: #86efac !important;
}
.inel-flagplate__copy {
    background: #c9a961 !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}
.inel-flagplate__copy:hover {
    background: #a0844a !important;
    border-color: rgba(26,163,119,0.6) !important;
}
.inel-flagplate__copy--ok {
    background: #16a34a !important;
    border-color: #16a34a !important;
}
.inel-flagplate__note {
    color: #94a3b8 !important;
}
.inel-flagplate__flag {
    border-color: rgba(255,255,255,0.2) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* Mobile: dark plate also when shrunk to corner */
@media (max-width: 991px) {
    .inel-flagplate { border-radius: 8px !important; right: 8px !important; }
}
/* ===== inel-r6-fixhei-2026-05-30: brand card height + force dark plate ===== */

/* --- BRAND CARDS: kill huge height, max 120px compact --- */
.brands__grid > .row {
    align-items: flex-start !important; /* don't stretch flex children */
}
.brands__grid > .row > [class*="col-"] {
    align-self: flex-start !important;
    height: auto !important;
}
.brands__item {
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    padding: 10px 8px !important;
    margin-bottom: 10px !important;
}
.brands__item-image {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.brands__item-image img {
    max-width: 100% !important;
    max-height: 70px !important;
    object-fit: contain !important;
}
.brands__item-image span,
.brands__item > a:not(.brands__item-image) {
    font-size: 1.15rem !important;
    font-weight: 600;
    color: #2b3340 !important;
}
@media (max-width: 991px) { .brands__item { height: 100px !important; min-height: 100px !important; max-height: 100px !important; } }
@media (max-width: 479px) { .brands__item { height: 90px !important; min-height: 90px !important; max-height: 90px !important; } .brands__item-image img { max-height: 56px !important; } }

/* --- FORCE DARK PLATE with higher specificity (id + class) --- */
#inel-flagplate.inel-flagplate,
div#inel-flagplate {
    background: #11131a !important;
    background-color: #11131a !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px 0 0 12px !important;
    right: 0 !important;
    box-shadow: -4px 4px 24px rgba(0,0,0,0.5) !important;
}
#inel-flagplate.inel-flagplate .inel-flagplate__email,
#inel-flagplate .inel-flagplate__email {
    color: #c9a961 !important;
}
#inel-flagplate.inel-flagplate .inel-flagplate__copy,
#inel-flagplate .inel-flagplate__copy {
    background: #c9a961 !important;
    background-color: #c9a961 !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
}
#inel-flagplate.inel-flagplate .inel-flagplate__copy:hover {
    background: rgba(26,163,119,0.5) !important;
    border-color: rgba(26,163,119,0.7) !important;
    color: #fff !important;
}
#inel-flagplate.inel-flagplate .inel-flagplate__note,
#inel-flagplate .inel-flagplate__note {
    color: #94a3b8 !important;
}
#inel-flagplate.inel-flagplate .inel-flagplate__flag,
#inel-flagplate .inel-flagplate__flag {
    border: 1px solid rgba(255,255,255,0.2) !important;
}
/* ===== inel-r7-cardstatic-2026-05-30: static cards, home cleanup, highlight mailto, more icon kills ===== */

/* --- STATIC CARDS: no hover-expand, price+button ALWAYS visible --- */
.products__item,
.products__item-wrap,
.products__line,
.products__micro {
    transform: none !important;
    transition: box-shadow .15s, border-color .15s !important;
}
.products__item:hover,
.products__line:hover,
.products__micro:hover {
    transform: none !important;
    z-index: auto !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
/* Hide hover-only "buy" panels that pop out */
.products__item-bottom,
.products__line-bottom,
.products__micro-bottom,
.products__item-actions,
.products__item-info,
.products__item-popup,
.products__line-popup,
.products__hover-block {
    display: none !important;
}
/* Force ALL card content into static visible layout */
.products__item-images,
.products__item-title,
.products__item-price,
.products__item .inel-btn-mail {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
}
/* Kill any absolute-positioned "appears on hover" overlays */
.products__item > * {
    position: relative !important;
}

/* --- HIDE HOME MESS BLOCKS --- */
.module--featured:not(.inel-keep),
.module--latest,
.module--bestseller,
.module--special,
.technics_featured,
.technics_latest,
.technics_bestseller,
.technics_special,
.technics_product_tabs,
.technics_promo,
.technics_news,
.technics_blog,
.technics_categories_min,
.technics_set,
.technics_brands,
.technics_advantages,
.products__category-popular,
.popular-categories,
.viewed-items,
.viewed-products,
.module--viewed,
section[class*="popular"],
section[class*="viewed"],
section[class*="featured"],
section[class*="latest"] {
    display: none !important;
}

/* --- HIGHLIGHT "Отправить на почту" on product page --- */
.col-auto > a.btn.btn--dashed[href^="mailto:"] {
    background: #c9a961 !important;
    border: 2px solid #c9a961 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 4px 12px rgba(26,163,119,0.3) !important;
    transition: all .2s !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"]:hover {
    background: #a0844a !important;
    border-color: #a0844a !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px #a0844a !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"] span {
    color: #fff !important;
    font-weight: 700 !important;
}

/* --- KILL SVG icons compare/wishlist on product page (no text, can't text-hide) --- */
.sku__buttons,
.sku__btns,
.sku__panel,
.sku__btn--compare,
.sku__btn--wishlist,
.sku__compare,
.sku__wishlist,
.sku__share-bookmark,
.sku__bookmark,
.sku__heart,
[class*="sku__"][class*="compare"],
[class*="sku__"][class*="wishlist"],
[class*="sku__"][class*="heart"],
[class*="sku__"][class*="bookmark"],
.product__buttons,
.product__actions,
.product__compare,
.product__wishlist,
.sku__head a:not([href^="mailto:"]):not([href^="tel:"]) > svg.icon-bookmark,
.sku__head a:not([href^="mailto:"]):not([href^="tel:"]) > svg.icon-heart,
.sku__head a:not([href^="mailto:"]):not([href^="tel:"]) > svg.icon-compare {
    display: none !important;
}
/* Aggressive: hide buttons in sku__head that aren't email/phone */
.sku__head .sku__share,
.sku__head .sku__panel {
    display: none !important;
}

/* --- PLACEHOLDER no-image: replace background with subtle logo-text --- */
img[src*="no_image"],
img[src*="placeholder"] {
    background: linear-gradient(135deg, #f5f7fa 0%, #e3e8ee 100%) !important;
    object-fit: contain !important;
    padding: 10px;
}
.products__item-images:has(img[src*="no_image"])::after,
.products__item-images:has(img[src*="placeholder"])::after {
    content: "INELECTRO";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,0.15);
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    pointer-events: none;
}
.products__item-images { position: relative !important; }
/* ===== inel-r7b-restore-2026-05-30: undo over-aggressive sku__panel hide ===== */

/* RESTORE: sku__panel/sku__head/sku__share — product title+brand+article live here */
.sku__panel,
.sku__head .sku__panel,
.sku__head .sku__share,
.sku__head,
.sku__share,
.sku__title,
.sku__brand,
.sku__article,
.sku__rating,
.sku__heading,
.sku__name,
.sku__brand-link,
.sku__article-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.sku__share, .sku__rating { display: inline-block !important; }

/* RE-TARGET only compare/wishlist link/button TYPES (not the whole panel) */
.sku__share a[href*="compare"],
.sku__share a[href*="wishlist"],
.sku__share button[title*="равнен"],
.sku__share button[title*="акладк"],
.sku__share button[title*="збранн"],
.sku__share button[title*="отлож"],
.sku__share a[title*="равнен"],
.sku__share a[title*="акладк"],
.sku__share a[title*="збранн"],
.sku__share .btn-compare,
.sku__share .btn-wishlist,
.sku__share button.btn--icon,
.sku__head a[href*="compare"],
.sku__head a[href*="wishlist"],
.sku__head button[title*="равнен"],
.sku__head button[title*="акладк"],
.sku__head .btn-compare,
.sku__head .btn-wishlist {
    display: none !important;
}

/* Restore breadcrumb spacing/visibility (was sometimes hit by aggressive selectors) */
.breadcrumb, .breadcrumbs, .breadcrumb__list {
    display: flex !important;
    visibility: visible !important;
}

/* Make sure title is BIG and visible on product page */
.sku__name, .sku__title, h1.sku__title, h1.product__title {
    display: block !important;
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    margin: 12px 0 16px !important;
    color: #1a2332 !important;
}
/* ===== inel-r8b-overflow-2026-05-30: card height auto + overflow visible ===== */

/* Kill ALL height constraints on product cards */
.products__item,
.products__item-in,
.products__line,
.products__micro {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Image area: capped + visible */
.products__item-images {
    max-height: 200px !important;
    min-height: 140px !important;
    height: 180px !important;
    overflow: visible !important;
}
.products__item-images img {
    max-height: 160px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Description container: auto height, all children visible */
.products__item-desc {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: 8px !important;
}

/* Category SKU label */
.products__item-category {
    font-size: 0.95rem !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}
/* Title — readable */
.products__item-title {
    display: block !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 4px 0 !important;
    color: #1a2332 !important;
}
/* Price — visible always */
.products__item-price {
    display: block !important;
    height: auto !important;
    min-height: 18px !important;
    font-size: 1.3rem !important;
    color: #c9a961 !important;
    font-weight: 700 !important;
    margin: 6px 0 !important;
}
.products__item-price:empty::before {
    content: "Цена по запросу";
    color: #64748b;
    font-size: 1.1rem;
    font-weight: 500;
    font-style: italic;
}
.inel-price-on-request {
    color: #64748b !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
}

/* MAILTO button — bright green, visible, full width */
.inel-card-mail,
.products__item .inel-btn-mail,
.products__item-action.inel-action a[href^="mailto:"],
.products__item-action a[href^="mailto:"] {
    display: block !important;
    width: 100% !important;
    background: #c9a961 !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
    border: 0 !important;
    box-shadow: 0 2px 6px rgba(26,163,119,0.25);
    transition: background-color .15s, transform .1s;
}
.inel-card-mail:hover,
.products__item .inel-btn-mail:hover {
    background: #a0844a !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Hide the legacy "btn--cart" / "btn--blog" since we have mailto */
.products__item-action.inel-action a.btn.btn--cart:not([href^="mailto:"]),
.products__item-action.inel-action a.btn.btn--blog,
.btn--blog.inel-btn-more {
    display: none !important;
}

/* Action wrapper visible */
.products__item-action,
.products__item-action.inel-action {
    display: block !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: 8px !important;
    overflow: visible !important;
}
/* ===== inel-r9-comprehensive-2026-05-30 ===== */

/* 1. DEDUPE: hide the SECOND .inel-btn-mail (template-injected one) in each card.
   Keep only the first .inel-card-mail (JS-injected one) */
.products__item-desc a.inel-btn-mail ~ a.inel-btn-mail,
.products__item-desc a.inel-btn-mail + a.inel-btn-mail,
.products__item a.inel-btn-mail.inel-card-mail ~ a.inel-btn-mail:not(.inel-card-mail),
.products__item-desc > a.inel-btn-mail:not(.inel-card-mail) {
    display: none !important;
}
/* Also hide entire .products__item-action (theme's "Купить" wrapper) - we have our own mailto */
.products__item-action,
.products__item-action.inel-action,
.products__line-action,
.products__micro-action {
    display: none !important;
}

/* 2. HIDE HOME BLOCKS — using :has() selectors (modern browsers) */
.products:has(> .container-fluid > .products__sorting > .row > .col > .products__heading),
.products:has(> .container-fluid > .row > .col-lg-12 > .products__heading),
.category:has(> .container-fluid > .category__head > .category__heading),
.products .products__sorting:has(.products__heading) {
    display: none !important;
}
/* Specific text-based safety nets via heading wrapper hide */
.products__heading,
.category__heading {
    /* keep heading visible only inside actual page contexts that need it */
}
/* Belt-and-suspenders: target home page specifically by class */
body.page-homepage .products:not(.inel-keep),
body.common-home .products:not(.inel-keep),
.page-homepage .category,
body.common-home .category,
.app--v10 main > .products,
.app--v10 main > .category {
    display: none !important;
}

/* 3. RIGHT PLATE: CENTER everything */
#inel-flagplate {
    text-align: center !important;
}
#inel-flagplate .inel-flagplate__flags {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
}
#inel-flagplate .inel-flagplate__email {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}
#inel-flagplate .inel-flagplate__copy {
    display: block !important;
    margin: 6px auto !important;
    text-align: center !important;
    width: 100% !important;
}
#inel-flagplate .inel-flagplate__note {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* 4. KILL HOVER-EXPAND on cards (no popup, no transform, no overlay) */
.products__item:hover,
.products__line:hover,
.products__micro:hover,
.products__item:hover .products__item-in,
.products__item.is-hover,
.products__item.is-active {
    transform: none !important;
    z-index: auto !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    width: auto !important;
    height: auto !important;
}
.products__item:hover .products__item-action,
.products__item:hover .products__item-bottom,
.products__item:hover .products__item-popup,
.products__item:hover .products__item-hidden,
.products__item:hover [class*="hidden"],
.products__item:hover [class*="hover"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* Prevent ANY child from expanding the card */
.products__item, .products__item-in {
    overflow: visible !important;
    contain: layout !important;
}

/* 5. NO-IMAGE PLACEHOLDER: better one (centered subtle text, no broken icon) */
img[src*="no_image"],
img[src*="placeholder"],
img[src=""],
img:not([src]) {
    background: #f5f7fa !important;
    object-fit: contain !important;
    opacity: 0.6;
}
/* Replace via background-image-like approach with text */
.products__item-images:has(img[src*="no_image"]),
.products__item-images:has(img[src*="placeholder"]) {
    position: relative !important;
}
.products__item-images:has(img[src*="no_image"])::after,
.products__item-images:has(img[src*="placeholder"])::after {
    content: "Фото уточняйте" !important;
    position: absolute !important;
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    pointer-events: none !important;
    text-align: center !important;
    white-space: nowrap !important;
}
/* ===== inel-r10-platewhite-2026-05-30: plate WHITE bg + GREEN copy (mope-peka style) ===== */

/* OVERRIDE all prior dark plate styles - HIGH specificity */
html body #inel-flagplate,
html body #inel-flagplate.inel-flagplate,
html body div#inel-flagplate {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1a2332 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: -4px 4px 20px rgba(0,0,0,0.12) !important;
    right: 0 !important;
    padding: 14px 16px !important;
    text-align: center !important;
}

html body #inel-flagplate .inel-flagplate__email,
html body #inel-flagplate a.inel-flagplate__email {
    color: #1a2332 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
html body #inel-flagplate .inel-flagplate__email:hover {
    color: #c9a961 !important;
}

html body #inel-flagplate .inel-flagplate__copy,
html body #inel-flagplate button.inel-flagplate__copy {
    background: #c9a961 !important;
    background-color: #c9a961 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 7px 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    font-size: 11px !important;
    box-shadow: 0 2px 6px rgba(26,163,119,0.25) !important;
    transition: background-color .15s !important;
}
html body #inel-flagplate .inel-flagplate__copy:hover {
    background: #a0844a !important;
    background-color: #a0844a !important;
    color: #ffffff !important;
}
html body #inel-flagplate .inel-flagplate__copy--ok {
    background: #16a34a !important;
    background-color: #16a34a !important;
}

html body #inel-flagplate .inel-flagplate__note {
    color: #6b7280 !important;
    font-size: 11px !important;
    margin-top: 6px !important;
}

html body #inel-flagplate .inel-flagplate__flag {
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}
/* ===== inel-r25-design-system-2026-05-30: premium dark navy + steel blue + champagne gold ===== */

:root {
    --inel-bg-deep: #0a1628;          /* deepest navy */
    --inel-bg-card: #11131a;          /* plate/footer dark */
    --inel-bg-section: #152538;       /* section block */
    --inel-text: #e2e8f0;             /* primary text on dark */
    --inel-text-dim: #94a3b8;         /* muted text */
    --inel-text-bright: #f1f5f9;      /* bright headings */
    --inel-accent: #7da8c7;           /* steel blue — premium marine */
    --inel-accent-strong: #5d8aac;    /* darker steel for borders */
    --inel-accent-gold: #c9a961;      /* champagne gold luxury accent */
    --inel-link: #7dd3a4;             /* desaturated green for email links */
    --inel-section-gap: 0px;          /* sections flush, separated by thin lines */
}

/* === SEPARATOR LINES — equal between ALL home sections === */
body main > *,
body main > section,
body main > .products,
body main > .container-fluid > section,
body .content > *,
#inel-hero-geo {
    position: relative;
}
/* Thin separator between sections */
body main > * + *::before,
.app .content > * + *::before {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(to right, transparent 0%, rgba(125,168,199,0.18) 50%, transparent 100%);
    margin: 0;
}

/* === KZ COLUMN: steel blue stripe (not yellow) === */
#inel-hero-geo .inel-geo-col,
#inel-hero-geo .inel-geo-col--kz,
#inel-hero-geo .inel-geo-col--ru {
    border-top: 2px solid var(--inel-accent) !important;
}

/* === KILL HOVER-EXPAND on cards (final, with contain) === */
.products__item,
.products__line,
.products__micro,
.products__item-in {
    contain: layout style !important;
    transform: none !important;
    transition: box-shadow .2s !important;
    will-change: auto !important;
}
.products__item:hover,
.products__line:hover,
.products__micro:hover,
.products__item:hover .products__item-in,
.products__line:hover .products__line-in,
.products__item:focus,
.products__item:focus-within {
    transform: none !important;
    scale: none !important;
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    position: relative !important;
    box-shadow: 0 4px 16px rgba(125,168,199,0.15) !important;
}
/* Block grid layout shifts */
.products__grid,
.products__list {
    align-items: flex-start !important;
}
.products__grid > .row,
.products__list > .row {
    align-items: flex-start !important;
}

/* === CARD FONT smaller (4-in-row crowded otherwise) === */
.products__item-title,
.products__line-title {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    min-height: auto !important;
    margin: 6px 0 4px !important;
}
.products__item-category,
.products__line-category {
    font-size: 0.85rem !important;
}
.products__item-price,
.products__line-price {
    font-size: 1.15rem !important;
    margin: 4px 0 8px !important;
}
.products__item .inel-btn-mail,
.products__line .inel-btn-mail,
.inel-card-mail {
    font-size: 0.95rem !important;
    padding: 6px 10px !important;
}

/* === PRODUCT PAGE BUTTONS: same shape === */
/* Quantity selector — make rectangular like mailto */
.sku__quantity,
.sku__qty,
.quantity-wrap,
.product__quantity,
.sku__count,
.ui-number,
.input-group-number {
    border-radius: 8px !important;
    overflow: hidden !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
}
.sku__quantity input,
.sku__qty input,
.ui-number input,
input[type="number"][name*="quantity"],
input[type="text"][name*="quantity"] {
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    width: 50px !important;
}
.sku__quantity button,
.sku__qty button,
.ui-number button,
.jq-number__spin {
    border: 0 !important;
    background: transparent !important;
    height: 100% !important;
    width: 36px !important;
    cursor: pointer !important;
    font-size: 1.2rem !important;
    color: #475569 !important;
}
.sku__quantity button:hover,
.jq-number__spin:hover {
    background: #e2e8f0 !important;
    color: #1a2332 !important;
}

/* "Отправить на почту" button — same height 48px */
.col-auto > a.btn.btn--dashed[href^="mailto:"] {
    height: 48px !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    background: var(--inel-accent-gold, #c9a961) !important;
    border: 1px solid var(--inel-accent-gold, #c9a961) !important;
    box-shadow: 0 2px 8px rgba(201,169,97,0.25) !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"]:hover {
    background: #b89651 !important;
    border-color: #b89651 !important;
    transform: none !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"] span {
    text-transform: uppercase !important;
}
/* ===== inel-r25b-force-2026-05-30: premium dark navy + steel blue + champagne gold ===== */

:root {
    --inel-bg-deep: #0a1628;          /* deepest navy */
    --inel-bg-card: #11131a;          /* plate/footer dark */
    --inel-bg-section: #152538;       /* section block */
    --inel-text: #e2e8f0;             /* primary text on dark */
    --inel-text-dim: #94a3b8;         /* muted text */
    --inel-text-bright: #f1f5f9;      /* bright headings */
    --inel-accent: #7da8c7;           /* steel blue — premium marine */
    --inel-accent-strong: #5d8aac;    /* darker steel for borders */
    --inel-accent-gold: #c9a961;      /* champagne gold luxury accent */
    --inel-link: #7dd3a4;             /* desaturated green for email links */
    --inel-section-gap: 0px;          /* sections flush, separated by thin lines */
}

/* === SEPARATOR LINES — equal between ALL home sections === */
body main > *,
body main > section,
body main > .products,
body main > .container-fluid > section,
body .content > *,
#inel-hero-geo {
    position: relative;
}
/* Thin separator between sections */
body main > * + *::before,
.app .content > * + *::before {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(to right, transparent 0%, rgba(125,168,199,0.18) 50%, transparent 100%);
    margin: 0;
}

/* === KZ COLUMN: steel blue stripe (not yellow) === */
#inel-hero-geo .inel-geo-col,
#inel-hero-geo .inel-geo-col--kz,
#inel-hero-geo .inel-geo-col--ru {
    border-top: 2px solid var(--inel-accent) !important;
}

/* === KILL HOVER-EXPAND on cards (final, with contain) === */
.products__item,
.products__line,
.products__micro,
.products__item-in {
    contain: layout style !important;
    transform: none !important;
    transition: box-shadow .2s !important;
    will-change: auto !important;
}
.products__item:hover,
.products__line:hover,
.products__micro:hover,
.products__item:hover .products__item-in,
.products__line:hover .products__line-in,
.products__item:focus,
.products__item:focus-within {
    transform: none !important;
    scale: none !important;
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    position: relative !important;
    box-shadow: 0 4px 16px rgba(125,168,199,0.15) !important;
}
/* Block grid layout shifts */
.products__grid,
.products__list {
    align-items: flex-start !important;
}
.products__grid > .row,
.products__list > .row {
    align-items: flex-start !important;
}

/* === CARD FONT smaller (4-in-row crowded otherwise) === */
.products__item-title,
.products__line-title {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    min-height: auto !important;
    margin: 6px 0 4px !important;
}
.products__item-category,
.products__line-category {
    font-size: 0.85rem !important;
}
.products__item-price,
.products__line-price {
    font-size: 1.15rem !important;
    margin: 4px 0 8px !important;
}
.products__item .inel-btn-mail,
.products__line .inel-btn-mail,
.inel-card-mail {
    font-size: 0.95rem !important;
    padding: 6px 10px !important;
}

/* === PRODUCT PAGE BUTTONS: same shape === */
/* Quantity selector — make rectangular like mailto */
.sku__quantity,
.sku__qty,
.quantity-wrap,
.product__quantity,
.sku__count,
.ui-number,
.input-group-number {
    border-radius: 8px !important;
    overflow: hidden !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
}
.sku__quantity input,
.sku__qty input,
.ui-number input,
input[type="number"][name*="quantity"],
input[type="text"][name*="quantity"] {
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    width: 50px !important;
}
.sku__quantity button,
.sku__qty button,
.ui-number button,
.jq-number__spin {
    border: 0 !important;
    background: transparent !important;
    height: 100% !important;
    width: 36px !important;
    cursor: pointer !important;
    font-size: 1.2rem !important;
    color: #475569 !important;
}
.sku__quantity button:hover,
.jq-number__spin:hover {
    background: #e2e8f0 !important;
    color: #1a2332 !important;
}

/* "Отправить на почту" button — same height 48px */
.col-auto > a.btn.btn--dashed[href^="mailto:"] {
    height: 48px !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    background: var(--inel-accent-gold, #c9a961) !important;
    border: 1px solid var(--inel-accent-gold, #c9a961) !important;
    box-shadow: 0 2px 8px rgba(201,169,97,0.25) !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"]:hover {
    background: #b89651 !important;
    border-color: #b89651 !important;
    transform: none !important;
}
.col-auto > a.btn.btn--dashed[href^="mailto:"] span {
    text-transform: uppercase !important;
}
/* === inel-r26-font-fix-2026-05-30: theme has :root{font-size:10px}, my 1.05rem = 10.5px → too small. Use 1.4-1.6rem. === */
.products__item-title, .products__line-title {
    font-size: 1.45rem !important;
    line-height: 1.3 !important;
    margin: 8px 0 4px !important;
}
.products__item-category, .products__line-category {
    font-size: 1.15rem !important;
    color: #94a3b8 !important;
}
.products__item-price, .products__line-price {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin: 6px 0 10px !important;
    color: #c9a961 !important;
}
.products__item .inel-btn-mail, .products__line .inel-btn-mail, .inel-card-mail {
    font-size: 1.25rem !important;
    padding: 8px 14px !important;
    height: auto !important;
}

/* === SEARCH bar into menu row — restyle inline === */
/* Hide search top-row container, position search inline with menu */
.header .search,
.header__search,
form[action*="search"] {
    position: absolute !important;
    top: 90px !important;
    right: 16px !important;
    width: 280px !important;
    max-width: 280px !important;
    z-index: 20 !important;
}
/* On smaller screens, search inline */
@media (max-width: 991px){
    .header .search {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 8px 0 !important;
    }
}
/* Make sure nav has space for search on right */
.nav__priority, .nav__menu {
    padding-right: 300px !important;
}
@media (max-width: 991px){
    .nav__priority, .nav__menu { padding-right: 0 !important; }
}
/* === inel-r27-search-in-nav-css === */
/* When search moved into nav parent, make sure it sits inline right side */
.nav__priority > .search,
.nav__menu > .search,
nav > .search,
.nav__list > .search,
.nav > ul > .search {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
}
.nav__priority > .search input,
.nav__menu > .search input,
nav > .search input {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    padding: 6px 12px !important;
    height: 36px !important;
    width: 220px !important;
    border-radius: 8px !important;
}
/* === inel-r29-search-icon-2026-05-30: compact 40px icon === */
nav .search, .nav__priority .search, .nav__menu .search,
nav .search.js-search, .nav__priority .search.js-search {
    width: 40px !important;
    max-width: 40px !important;
    flex: 0 0 40px !important;
    margin-left: auto !important;
    overflow: visible !important;
    position: relative !important;
}
nav .search input, .nav__priority .search input, .nav__menu .search input,
.nav__priority .search__input, .nav__menu .search__input {
    width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 0;
    transition: width .25s, opacity .25s, padding .25s;
}
nav .search input:focus, .nav__priority .search input:focus, .nav__menu .search input:focus {
    width: 240px !important;
    padding: 6px 12px !important;
    background: #c9a961 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
}
.search__btn, .search button {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* === inel-r31-kill-overflow-2026-05-30: kill priority overflow ЕЩЁ dropdown === */
.nav__priority-toggle,
.nav__priority-dropdown,
.nav__priority-overflow,
.nav__priority > li.is-overflow,
li[class*="overflow"],
li[class*="more"],
[class*="js-priority-overflow"],
.js-priority-overflow-toggle {
    display: none !important;
    visibility: hidden !important;
}
/* Show ALL nav__priority-menu items always */
.nav__priority,
.nav__priority-menu,
.nav__menu,
.nav__list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: visible !important;
}
.nav__priority > li,
.nav__priority-menu > li,
.nav__menu > li,
.nav__list > li {
    display: inline-block !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
/* Items hidden by JS as overflow - force show (except our explicitly hidden) */
.nav__priority > li[style*="display: none"],
.nav__priority > li.is-hidden,
.nav__menu > li[style*="display: none"]:not([data-inel-hidden]),
.nav__menu > li.is-hidden:not([data-inel-hidden]) {
    display: inline-block !important;
}
/* === inel-r35-scope-nav-2026-05-30: scope flex to TOP nav only — dropdowns stay vertical === */

/* Override r31 broad flex: scope ONLY to direct nav-menu container */
.nav__priority,
.nav__priority-menu,
.nav__menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}
/* Top-level items only — horizontal */
.nav__priority > li,
.nav__priority-menu > li,
.nav__menu > li {
    display: inline-block !important;
    flex: 0 0 auto !important;
}
/* Nested submenus / dropdowns — VERTICAL list (fix dropdown horizontal bug) */
.nav__priority-dropdown,
.nav__priority-menu .nav__list,
.nav__priority-menu ul,
.nav__menu li ul,
.nav__menu li .nav__list,
.nav__list ul,
.nav__priority > li ul,
.nav__priority-menu > li ul,
.catalog__nav,
.catalog__nav-menu,
.catalog__nav-list,
[class*="dropdown"][class*="nav"] ul,
.nav__priority-menu .nav__sub {
    display: block !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
}
.nav__priority-menu li li,
.nav__menu li li,
.nav__priority > li li,
.catalog__nav li {
    display: block !important;
    flex: 0 0 100% !important;
}

/* Fix "ВСЕ КАТЕГОРИИ" overlap — ensure top-level li has proper padding/spacing */
.nav__priority-menu > li > a,
.nav__menu > li > a,
.nav__priority > li > a {
    padding: 0 14px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}
/* r50 final overrides */
#inel-flagplate.inel-flagplate .inel-flagplate__copy{background:#c9a961 !important;color:#0a1628 !important;font-weight:700 !important;border:none !important}
#inel-flagplate.inel-flagplate .inel-flagplate__copy:hover{background:#d4b876 !important}
.inel-topstrip__email,.inel-topstrip a[href^="mailto"]{color:#c9a961 !important}

/* r52 final position + icons gold */
html body div#inel-flagplate.inel-flagplate{top:220px !important;right:14px !important}
.info.advantages svg,.info.advantages svg *,.info.advantages [class*="icon"] svg,.info.advantages [class*="icon"] svg *{color:#c9a961 !important;fill:#c9a961 !important;stroke:#c9a961 !important}
.info.advantages svg path,.info.advantages svg circle,.info.advantages svg rect,.info.advantages svg line,.info.advantages svg polygon{stroke:#c9a961 !important}
@media (max-width:991px){html body div#inel-flagplate.inel-flagplate{top:auto !important;bottom:14px !important;right:8px !important;transform:scale(0.82) !important;transform-origin:right bottom !important}}
@media (max-width:768px){html body div#inel-flagplate.inel-flagplate{position:static !important;margin:20px auto !important;transform:none !important}}

/* r53 search to far right */
html body .nav__priority ul.nav__menu.js-priority{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;width:100% !important}
html body .nav__priority ul.nav__menu.js-priority > li.nav__search-item{margin-left:auto !important}

/* r54 search position absolute far right edge */
html body .nav__priority{position:relative !important;width:100% !important;max-width:none !important}
html body .nav__priority .nav__search-item{position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;z-index:50}

/* r55 align nav with hero photo width (1170 container) */
html body .nav__priority{position:relative !important;max-width:1170px !important;margin:0 auto !important;padding:0 15px !important;width:auto !important;box-sizing:border-box !important}
html body .nav__priority ul.nav__menu.js-priority{position:relative !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important}
html body .nav__priority ul.nav__menu.js-priority > li.nav__search-item{position:absolute !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important}

/* === inel-r58-2026-05-31: muted flags + unified navy header + bigger river/sea art === */
/* #1 desaturate every flag (plate, geo-row, country cards) */
#inel-flagplate svg, .inel-flag-wrap svg, .inel-flag-cell svg, .inel-country svg, .inel-geo-flag-row svg, svg[id^="flag-icons"]{ filter: saturate(0.6) brightness(0.97) !important; opacity: 0.72 !important; transition: filter .2s ease, opacity .2s ease; }
#inel-flagplate:hover svg, .inel-flag-wrap:hover svg, .inel-country:hover svg{ filter: saturate(0.85) brightness(1) !important; opacity: 0.92 !important; }
/* #5 unify header to navy gradient (theme default was graphite #23252d) */
header.header, .header, .header.header--v10, header.header--v10{ background: linear-gradient(180deg,#0a1628 0%,#102845 100%) !important; }
.inel-topstrip{ background:#0a1628 !important; }
/* #2 river/sea cards with large illustration */
#inel-seas-rivers .inel-r58-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1400px; margin:0 auto; padding:0 24px; }
.inel-r58-water{ position:relative; border-radius:12px; overflow:hidden; background:linear-gradient(160deg,rgba(16,40,69,0.92) 0%,rgba(10,22,40,0.96) 100%); border:1px solid rgba(201,169,97,0.22); padding:0 0 16px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.inel-r58-water:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,0.45); border-color:rgba(201,169,97,0.55); }
.inel-r58-water__art{ display:block; width:100%; height:120px; overflow:hidden; }
.inel-r58-water__art svg{ display:block; width:100%; height:100%; }
.inel-r58-water__badge{ position:absolute; top:10px; right:10px; font:700 10px/1 Inter,system-ui,sans-serif; letter-spacing:.12em; color:#0a1628; background:#c9a961; padding:4px 7px; border-radius:3px; z-index:2; }
.inel-r58-water__badge--ru{ background:#7da8c7; color:#06121f; }
.inel-r58-water__name{ color:#f1f5f9; font:600 18px/1.25 'Cormorant Garamond',Georgia,serif; margin:14px 16px 6px; }
.inel-r58-water__sub{ color:#94a3b8; font:400 12px/1.45 Inter,system-ui,sans-serif; margin:0 16px; }
@media (max-width:1100px){ #inel-seas-rivers .inel-r58-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px){ #inel-seas-rivers .inel-r58-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ #inel-seas-rivers .inel-r58-grid{ grid-template-columns:1fr; } }
/* === inel-r59-2026-05-31: Onest sans, bright flags, mope-peka-grade geo/ports block === */
:root{ --inel-sans:'Onest','Segoe UI',system-ui,-apple-system,'Roboto','Helvetica Neue',Arial,sans-serif; }
/* premium sans-serif everywhere relevant (kills the serif headings) */
body, h1,h2,h3,h4,h5,h6,
.inel-topstrip, .inel-topstrip *,
#inel-flagplate, #inel-flagplate *,
#inel-hero-geo, #inel-hero-geo *,
.inel-footer, .inel-footer *,
.inel-r59, .inel-r59 *{ font-family:var(--inel-sans) !important; }
/* REVERT r58 flag desaturation - flags bright again */
#inel-flagplate svg, .inel-flag-wrap svg, .inel-flag-cell svg, .inel-country svg, .inel-geo-flag-row svg, svg[id^="flag-icons"], #inel-hero-geo svg[id^="flag-icons"], .inel-r59 svg{ filter:none !important; opacity:1 !important; }

/* ---- unified geo + ports block ---- */
.inel-r59{ max-width:1400px; margin:0 auto; padding:8px 24px 16px; color:#cbd5e1; }
.inel-r59__head{ text-align:center; margin:0 auto 26px; max-width:880px; }
.inel-r59__title{ color:#f1f5f9; font-size:26px; font-weight:800; letter-spacing:.02em; text-transform:uppercase; margin:0 0 8px; position:relative; padding-bottom:14px; }
.inel-r59__title:after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:64px; height:3px; border-radius:2px; background:linear-gradient(90deg,transparent,#c9a961,transparent); }
.inel-r59__lead{ color:#94a3b8; font-size:14.5px; line-height:1.6; margin:0 auto 16px; }
.inel-r59__certs{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.inel-r59__cert{ font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#c9a961; border:1px solid rgba(201,169,97,.35); border-radius:999px; padding:5px 12px; background:rgba(201,169,97,.06); }
.inel-r59__flags{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin:6px 0 30px; }
.inel-r59__flag{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.inel-r59__flag-ic{ display:block; width:84px; height:56px; border-radius:5px; overflow:hidden; border:1px solid rgba(255,255,255,.18); box-shadow:0 4px 14px rgba(0,0,0,.4); }
.inel-r59__flag-ic svg{ display:block; width:100%; height:100%; }
.inel-r59__flag-lb{ color:#cbd5e1; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.inel-r59__sub{ display:flex; align-items:center; gap:14px; color:#c9a961; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; margin:30px 0 16px; }
.inel-r59__sub:before, .inel-r59__sub:after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(201,169,97,.4),transparent); }
.inel-r59__ships{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.inel-r59__ship{ display:flex; align-items:center; gap:12px; background:linear-gradient(160deg,rgba(16,40,69,.55),rgba(10,22,40,.55)); border:1px solid rgba(201,169,97,.20); border-radius:8px; padding:13px 14px; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.inel-r59__ship:hover{ border-color:rgba(201,169,97,.55); transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.4); }
.inel-r59__ship-ic{ flex:0 0 auto; color:#c9a961; display:block; }
.inel-r59__ship-ic svg{ display:block; width:46px; height:31px; color:#c9a961; }
.inel-r59__ship-tx{ display:flex; flex-direction:column; min-width:0; }
.inel-r59__ship-name{ color:#f1f5f9; font-size:13px; font-weight:600; line-height:1.2; }
.inel-r59__ship-desc{ color:#8da3bd; font-size:11px; line-height:1.3; margin-top:2px; }
.inel-r59__regions{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.inel-r59__region{ background:linear-gradient(160deg,rgba(16,40,69,.55),rgba(10,22,40,.55)); border:1px solid rgba(201,169,97,.20); border-radius:8px; padding:14px 15px; }
.inel-r59__region:hover{ border-color:rgba(201,169,97,.4); }
.inel-r59__region-name{ color:#c9a961; font-size:11.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; margin-bottom:10px; }
.inel-r59__cities{ display:flex; flex-wrap:wrap; gap:6px; }
.inel-r59__city{ font-size:11px; font-weight:500; color:#cbd5e1; background:rgba(125,168,199,.08); border:1px solid rgba(201,169,97,.22); border-radius:10px; padding:3px 9px; line-height:1.4; transition:border-color .15s ease, color .15s ease; }
.inel-r59__city:hover{ border-color:rgba(201,169,97,.6); color:#f1f5f9; }
@media (max-width:1100px){ .inel-r59__ships{ grid-template-columns:repeat(3,1fr); } .inel-r59__regions{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px){ .inel-r59__ships{ grid-template-columns:repeat(2,1fr); } .inel-r59__title{ font-size:21px; } }
@media (max-width:480px){ .inel-r59__ships{ grid-template-columns:1fr 1fr; } .inel-r59__regions{ grid-template-columns:1fr; } }
/* === inel-r60-2026-05-31: kill green -> gold, navy nav, gold ship names === */
:root{ --inel-link:#c9a961 !important; --inel-accent:#c9a961 !important; --inel-link-hover:#e3c98a !important; }
/* navy header/nav (was graphite #23252d) */
header, header.header, .header, .header--v10, nav.nav, nav.nav.js-sticky, .nav.js-sticky{ background:linear-gradient(180deg,#0a1628 0%,#102845 100%) !important; }
.inel-topstrip{ background:#0a1628 !important; }
/* menu/nav links: no green - light + gold hover */
header a, .header a, nav.nav a, .nav a, #menu a, ul.nav a, .nav-categories a, .menu a{ color:#eef2f7 !important; }
header a:hover, .header a:hover, nav.nav a:hover, .nav a:hover, #menu a:hover, ul.nav a:hover, .menu a:hover{ color:#c9a961 !important; }
/* dropdowns: navy bg, gold hover (no white bg / green text) */
.dropdown-menu, ul.nav ul, .nav .dropdown-menu, .menu ul, .nav-categories ul{ background:#0f1c2a !important; border-color:rgba(201,169,97,.25) !important; }
.dropdown-menu a, .menu ul a, .nav-categories ul a{ color:#cbd5e1 !important; background:transparent !important; }
.dropdown-menu a:hover, .dropdown-menu li:hover>a, .nav li:hover>a, .menu ul a:hover, .nav-categories ul a:hover{ background:rgba(201,169,97,.12) !important; color:#c9a961 !important; }
/* gold ship-type names */
.inel-r59__ship-name{ color:#c9a961 !important; font-weight:700 !important; }
.inel-r59__ship-desc{ color:#9fb3c9 !important; }
/* === inel-r61-2026-05-31: kill legacy dup, navy dropdown, svg logo, plate fixes === */
/* (1) hide duplicated legacy geo block (old info + first flags) */
.inel-geo-tagline, .inel-geo-certs, .inel-geo-flag-row, .inel-country{ display:none !important; }
/* (2) category dropdown: navy bg + readable light/gold text (was white bg + invisible light text) */
.nav__dropdown{ background:#0f1c2a !important; border:1px solid rgba(201,169,97,.25) !important; box-shadow:0 14px 34px rgba(0,0,0,.5) !important; }
.nav__dropdown a, .nav__dropdown li > a, .nav__dropdown span{ color:#eef2f7 !important; background:transparent !important; }
.nav__dropdown a:hover, .nav__dropdown li:hover > a, .nav__dropdown li.active > a{ background:rgba(201,169,97,.14) !important; color:#c9a961 !important; }
/* (3) replace grey JPG logo: hide raster, let JS-svg show */
.logo img{ display:none !important; }
.logo a, .logo{ display:inline-block !important; background:transparent !important; line-height:0; }
#inel-logo-svg{ display:block; }
/* (4) flag plate corner flush on desktop */
#inel-flagplate{ border-radius:10px 0 0 10px !important; }
@media (max-width:768px){ #inel-flagplate{ border-radius:10px !important; } }
/* === inel-r62-2026-05-31: restore footer flags, gold arrows, submenu, logo spacing === */
/* (1) FOOTER: undo r61 over-hide - footer country flags must be visible (do NOT touch footer) */
.inel-footer .inel-country, .inel-footer__countries .inel-country, .inel-country{ display:flex !important; }
/* (2) menu submenu arrows: gold, no green (svg / icon / css-triangle) */
.nav__dropdown svg, .nav__dropdown svg *, .nav__dropdown i, .nav__dropdown em,
.nav__dropdown [class*="arrow"], .nav__dropdown [class*="caret"], .nav__dropdown [class*="chevron"]{
  color:#c9a961 !important; fill:#c9a961 !important; stroke:#c9a961 !important; border-color:#c9a961 !important; }
.nav__dropdown a::after, .nav__dropdown li > a::after{ color:#c9a961 !important; border-color:#c9a961 !important; }
/* (3) 2nd-level submenu same navy + readable as 1st level */
.nav__dropdown .nav__dropdown, .nav__dropdown ul{ background:#0e1b2c !important; border:1px solid rgba(201,169,97,.22) !important; }
.nav__dropdown .nav__dropdown a, .nav__dropdown ul a{ color:#eef2f7 !important; background:transparent !important; }
.nav__dropdown .nav__dropdown a:hover, .nav__dropdown ul li:hover > a{ background:rgba(201,169,97,.14) !important; color:#c9a961 !important; }
/* (4) logo: tighter bar + vertical center (less empty space under logo) */
.topbar{ padding-top:10px !important; padding-bottom:10px !important; }
.logo{ display:flex !important; align-items:center !important; }
#inel-logo-svg{ height:50px !important; }
/* === inel-r63-2026-05-31: replace theme green (#138d75/#16a085/#7dd3a4) with premium navy/gold sitewide === */
:root{ --inel-link:#13476e !important; --inel-accent:#c9a961 !important; }
/* base links + breadcrumbs + generic .link/.agree: readable navy on light, gold hover */
a, .link, .agree, .breadcrumbs__link, .breadcrumb a, .breadcrumb-item a, .price-old, .text-success{ color:#13476e !important; }
a:hover, .link:hover, .agree:hover, .breadcrumbs__link:hover, .breadcrumb a:hover{ color:#c9a961 !important; }
/* primary buttons: green -> gold with navy text */
.btn, .btn-primary, .btn-default, .btn-success, button.btn, input.btn, input[type="submit"], .button, .add-to-cart, .product-btn{
  background:#c9a961 !important; border-color:#c9a961 !important; color:#0a1628 !important; }
.btn:hover, .btn-primary:hover, .btn-success:hover, button.btn:hover, .button:hover, .add-to-cart:hover{
  background:#dabd7a !important; border-color:#dabd7a !important; color:#0a1628 !important; }
/* contacts + any green icon circle -> gold disc, dark glyph */
.contacts__item-icon, [class*="item-icon"], .contact__icon, .info-icon, .icon-circle{ background:#c9a961 !important; color:#0a1628 !important; }
.contacts__item-icon svg, [class*="item-icon"] svg, .contact__icon svg{ fill:#0a1628 !important; stroke:#0a1628 !important; color:#0a1628 !important; }
/* generic green badges/labels (stock, sale) -> gold */
.label-success, .badge-success, .stock-2, .sticker--sale{ background:#c9a961 !important; color:#0a1628 !important; }
/* re-affirm: dark zones keep LIGHT links (must win over base a above) */
header a, .header a, nav.nav a, .nav a, .nav__dropdown a, .inel-topstrip a, .inel-topstrip__link, .inel-flagplate a, .inel-footer a, .inel-footer__link, .inel-r59 a{ color:#eef2f7 !important; }
header a:hover, nav.nav a:hover, .nav__dropdown a:hover, .inel-footer a:hover, .inel-topstrip a:hover{ color:#c9a961 !important; }
.inel-footer__link--accent, .inel-flagplate__email{ color:#c9a961 !important; }
/* === inel-r65-2026-05-31: remove stray empty block + uniform 32px white separator strips === */
/* kill the leftover empty seas-rivers block (935px gap between band and geo) */
#inel-seas-rivers{ display:none !important; }
/* uniform 32px white strip at every section boundary (matches the ideal one above footer) */
header.header{ margin-bottom:32px !important; }
.info.advantages{ margin-top:32px !important; }
#inel-hero-geo{ margin-top:32px !important; margin-bottom:0 !important; }
.footer{ margin-top:32px !important; }
/* === inel-r66-2026-05-31: TRUE uniform 32px strips (navy body hides stray gaps, white 32px borders are the only visible strips) === */
body.page-homepage{ background:#0a1628 !important; }
.page-homepage header.header{ margin-bottom:0 !important; }
.page-homepage .slides__item, .page-homepage .slides, .page-homepage .slider, .page-homepage .slick-slide, .page-homepage .slick-list{ margin-bottom:0 !important; }
.page-homepage main.content{ border-top:32px solid #ffffff !important; }
.page-homepage .info.advantages{ margin:0 !important; border-top:32px solid #ffffff !important; }
.page-homepage #inel-hero-geo{ margin:0 !important; border-top:32px solid #ffffff !important; }
.page-homepage .footer{ margin:0 !important; border-top:32px solid #ffffff !important; }
/* === inel-r67-2026-05-31: hero strips - 32px white directly hugging the image, no stray navy strip === */
.page-homepage main.content{ border-top:0 !important; padding:0 !important; margin:0 !important; }
.page-homepage .slider, .page-homepage .slides, .page-homepage .slides__item, .page-homepage .slick-list, .page-homepage .slick-track, .page-homepage .slick-slide{ margin:0 !important; padding:0 !important; background:#ffffff !important; }
.page-homepage .slides__item-image{ border-top:32px solid #ffffff !important; border-bottom:32px solid #ffffff !important; box-sizing:content-box !important; background:#ffffff !important; }
.page-homepage .slides__item-image img{ display:block !important; }
.page-homepage .info.advantages{ margin:0 !important; border-top:0 !important; }
/* === inel-r68-2026-05-31: remove advantages band (keep single strip) + remove lone Voennye/patrol ship === */
.page-homepage .info.advantages{ display:none !important; }
.page-homepage .slides__item-image{ border-bottom:0 !important; }
.inel-r59__ships .inel-r59__ship:last-child{ display:none !important; }
/* === inel-r69-2026-05-31: kill 10px navy strip below hero (make hero/main area fully white) === */
.page-homepage main.content{ background:#ffffff !important; }
.page-homepage .slides__item-image{ border-bottom:0 !important; }
/* === inel-r70-2026-05-31: single clean white strip below hero (kill inline-block slack + one source) === */
.page-homepage .slides__item{ display:block !important; vertical-align:top !important; }
.page-homepage .slides__item-image img{ display:block !important; }
.page-homepage main.content{ background:#ffffff !important; padding-bottom:32px !important; }
.page-homepage #inel-hero-geo{ border-top:0 !important; margin-top:0 !important; }
/* === inel-r71-2026-05-31: equal hero strips + remove faint slider seam line === */
.page-homepage .slides__item-image{ border:0 !important; line-height:0 !important; font-size:0 !important; }
.page-homepage .slides__item, .page-homepage .slides__item-image, .page-homepage .slides__item-image img{ display:block !important; }
.page-homepage .slider, .page-homepage .slides, .page-homepage .slick-list, .page-homepage .slick-track, .page-homepage .slick-slide, .page-homepage .slides__item{ background:#ffffff !important; border:0 !important; box-shadow:none !important; outline:0 !important; line-height:0 !important; font-size:0 !important; }
.page-homepage main.content{ background:#ffffff !important; padding:32px 0 !important; }
.page-homepage #inel-hero-geo{ border-top:0 !important; margin-top:0 !important; }
/* === inel-r72-2026-05-31: hero area = slider only + exact equal 32px white strips top/bottom === */
.page-homepage main.content > *:not(.slider){ display:none !important; }
.page-homepage main.content{ padding:32px 0 !important; background:#ffffff !important; }
/* === inel-r73-2026-05-31: vertically center logo in top bar (equal space above/below) === */
#inel-logo-svg{ position:relative !important; top:18px !important; }
/* === inel-r74-2026-05-31: inner catalog/listing premium (kill green, readable sidebar, no hover jitter, fit button) === */
/* Onest font on catalog UI */
.catalog__nav, .catalog__nav *, .products__item, .products__item *, .breadcrumbs, .breadcrumbs *, .options, .options *{ font-family:'Onest','Segoe UI',system-ui,-apple-system,sans-serif !important; }
/* sidebar: navy panel + readable light text + gold active (was green/dark-on-dark) */
.catalog__nav{ background:#0f1c2a !important; border:1px solid rgba(201,169,97,.22) !important; border-radius:8px !important; padding:6px !important; }
.catalog__nav-link{ color:#cbd5e1 !important; background:transparent !important; border-radius:6px !important; }
.catalog__nav-link:hover{ background:rgba(201,169,97,.14) !important; color:#c9a961 !important; }
.catalog__nav-link.active, a.catalog__nav-link.active{ background:#c9a961 !important; color:#0a1628 !important; }
/* sort / view options: gold not green */
.options__btn, .options__link, .options__btn--arrow, .options__link--arrow, .options__btn.js-options-btn, .icon-view-grid, [class*="icon-view"]{ color:#c9a961 !important; }
.icon-view-grid{ border-color:#c9a961 !important; }
/* NEW badge: gold not green */
.products__item-mark--new, mark.products__item-mark, .products__item-mark{ background:#c9a961 !important; color:#0a1628 !important; }
/* chat toggle: gold not green */
.app-chats__toggle{ background:#c9a961 !important; }
/* product card: stop hover jitter, keep request/details buttons always visible & static */
.products__item, .products__item *{ transition:none !important; }
.products__item:hover{ transform:none !important; z-index:auto !important; box-shadow:0 8px 22px rgba(0,0,0,.12) !important; }
.products__item-in::after{ display:none !important; }
.products__item-action, .products__item:hover .products__item-action{ opacity:1 !important; visibility:visible !important; transform:none !important; }
.products__item-countdown{ display:none !important; }
.products__item-title, .products__item:hover .products__item-title{ white-space:normal !important; }
/* request button: fit text, centered, symmetric padding (no cut-off / no left-only gap) */
.products__item-action .btn, .products__item .btn{ white-space:normal !important; text-align:center !important; font-size:11px !important; letter-spacing:0 !important; padding:9px 8px !important; line-height:1.25 !important; }
/* === inel-r75-2026-05-31: REVERT to LIGHT background (undo dark) + finish killing green everywhere === */
/* 1) light background site-wide (body has .page-homepage on ALL pages, so r66 navy darkened everything) */
html, body, body.page-homepage{ background:#ffffff !important; }
/* 2) homepage geo block keeps its OWN navy (it took bg from the body before) */
#inel-hero-geo{ background:linear-gradient(180deg,#0a1628 0%,#102845 100%) !important; }
/* 3) product cards visible & uniform on light bg */
.products__item{ background:#ffffff !important; border:1px solid #e3e7ec !important; border-radius:8px !important; }
.products__item:hover{ border-color:rgba(201,169,97,.55) !important; }
/* 4) pagination: gold active, no green */
.container-pagination .active, .container-pagination li.active a, .container-pagination li.active span, .pagination .active, .pages .active{ background:#c9a961 !important; color:#0a1628 !important; border-color:#c9a961 !important; }
.container-pagination *::before, .container-pagination *::after, .pagination *::before, .pagination *::after{ background:#c9a961 !important; border-color:#c9a961 !important; }
.container-pagination a, .pagination a, .pages a{ color:#13476e !important; }
/* 5) sort dropdown: dark readable items + gold hover (kill green) */
.options__list a, .options__item, .js-options-link, [class*="options"] li a, [class*="options"] li button{ color:#102845 !important; }
.options__list a:hover, [class*="options"] li a:hover, .js-options-link:hover, .options__item:hover, [class*="options"] li button:hover{ background:rgba(201,169,97,.16) !important; color:#0a1628 !important; }
.options__list .active, .js-options-link.active, [class*="options"] li.active a{ background:rgba(201,169,97,.20) !important; color:#0a1628 !important; }
/* 6) reaffirm leftover green accents -> gold */
.text-success, .label-success, .badge-success, .stock-2{ color:#c9a961 !important; }
/* === inel-r76-2026-05-31: ALL product cards identical size (even with small/missing image) === */
.products__item{ height:440px !important; vertical-align:top !important; }
.products__item-in{ height:100% !important; display:flex !important; flex-direction:column !important; }
.products__item-images{ height:170px !important; min-height:170px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#f5f6f8 !important; flex:0 0 auto !important; overflow:hidden !important; }
.products__item-images img{ max-height:150px !important; max-width:100% !important; width:auto !important; object-fit:contain !important; }
.products__item-title{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; min-height:2.6em !important; }
.products__item-desc, [class*="item-desc"], [class*="item-code"], [class*="item-model"]{ display:-webkit-box !important; -webkit-line-clamp:1 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
.products__item-action{ margin-top:auto !important; }
/* === inel-r77-2026-05-31: fix r76 - cards equal WITHOUT breaking content (undo flex/fixed-height, keep image-box+clamps) === */
.products__item-in{ display:block !important; }
.products__item{ height:auto !important; }
/* === inel-r78-2026-05-31: restore price + request button (r76 wrongly clamped .products__item-desc which holds them) === */
.products__item-desc, [class*="item-desc"], [class*="item-code"], [class*="item-model"]{ -webkit-line-clamp:unset !important; display:block !important; overflow:visible !important; }
/* keep title (leaf) clamp for equal height */
.products__item-title{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; min-height:2.6em !important; }
/* === inel-r80-2026-05-31: Onest headings everywhere + sort controls grouped left === */
h1, h2, h3, h4, .page-heading, .catalog__title, .sku__title, .product__title, .inel-r59__title, .breadcrumbs, .breadcrumbs *{ font-family:'Onest','Segoe UI',system-ui,-apple-system,sans-serif !important; }
.options{ justify-content:flex-start !important; gap:12px !important; }
/* === inel-r84-2026-05-31: sidebar heading "Категории" was dark on navy -> gold (readable) === */
.catalog__nav-heading, .catalog__nav .h2, .catalog__nav [class*="heading"], .catalog__nav [class*="title"]{ color:#c9a961 !important; }
/* === inel-r85-2026-05-31: kill leftover serif (Cormorant) on geo title/sub - was overridden by #inel-hero-geo h2 rule === */
#inel-hero-geo h1, #inel-hero-geo h2, #inel-hero-geo h3, #inel-hero-geo h4,
#inel-hero-geo .inel-r59__title, #inel-hero-geo .inel-r59__sub, #inel-hero-geo .inel-r59__lead,
#inel-hero-geo strong, #inel-hero-geo *{
  font-family:'Onest','Segoe UI',system-ui,-apple-system,'Roboto',Arial,sans-serif !important;
}
/* === inel-r89-2026-05-31: perfectly center the request button text (flex both axes) === */
.inel-btn-mail, a.inel-btn-mail, .inel-btn-mail:link, .products__item .btn, .products__item-action .btn{
  display:flex !important; align-items:center !important; justify-content:center !important;
  text-align:center !important; line-height:1.15 !important; padding:10px 14px !important;
  font-family:'Onest','Segoe UI',system-ui,-apple-system,sans-serif !important;
  box-sizing:border-box !important; gap:6px !important;
}
.inel-btn-mail svg, .inel-btn-mail img{ flex:0 0 auto !important; }
/* === inel-r91-2026-05-31: scroll-to-top button gold/navy in all states (no green on click) === */
.scroll-to-top, .scroll-to-top:link, .scroll-to-top:visited, .scroll-to-top:hover, .scroll-to-top:active, .scroll-to-top:focus,
a.js-stt, a.js-stt:hover, a.js-stt:active, a.js-stt:focus, .js-stt{
  background:#0f1c2a !important; color:#c9a961 !important; border-color:#c9a961 !important;
}
.scroll-to-top svg, .scroll-to-top svg *, .scroll-to-top:active svg, a.js-stt svg, a.js-stt svg *{
  fill:#c9a961 !important; stroke:#c9a961 !important; color:#c9a961 !important;
}
/* === inel-r92-2026-05-31: hide desktop priority-nav on mobile (theme .nav__priority .nav__menu overrode display:none) === */
@media (max-width:768px){
  .nav__priority, .nav__priority .nav__menu, .nav__menu, .nav__list, .nav__search-item, .inel-r38-search, .nav__more, .nav__priority-more{ display:none !important; }
}
/* === inel-r93-2026-05-31: prevent horizontal drag / overscroll rubber-band (mobile) === */
html, body{ overflow-x:hidden !important; max-width:100% !important; overscroll-behavior-x:none !important; }
body{ position:relative; }
/* inel-r103-remove-photo-note-2026-06-04: branded placeholder now carries the message, kill old text overlay */
.products__item-images:has(img[src*="no_image"])::after,
.products__item-images:has(img[src*="placeholder"])::after,
.product__images:has(img[src*="placeholder"])::after,
.product__gallery:has(img[src*="placeholder"])::after{content:none!important;display:none!important;}
/* inel-r110-pagination-fonts-cls-2026-06-04 */
/* 1. pagination: kill the square behind the round gold marker, forever */
.container-pagination li > a,
.container-pagination li > span{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* 2. no serif anywhere: every heading uses Onest (Cormorant never applied -> no font-swap jerk) */
h1, h2, h3, h4, h5, h6,
.title, .products__title, .module-title, .category__title,
.products__item-title, .product__title{
  font-family: 'Onest', 'Inter', Arial, sans-serif !important;
}
/* buttons and form controls: stable stack, no Roboto fallback flash */
button, .btn, .button, input, select, textarea{
  font-family: 'Inter', 'Onest', Arial, sans-serif !important;
}
/* 3. reserve slider height before carousel init (no collapse-expand jump) */
@media (min-width: 769px){
  .slider{ aspect-ratio: 1920 / 570; overflow: hidden; }
}
/* inel-r111-pagination-final-2026-06-04: square behind round page marker - gone for good.
   Same specificity as the old gold rule, declared later => wins. Gold circle lives in ::after only. */
.pagination > li > a, .pagination > li > span,
.pagination > li.active > a, .pagination > li.active > span,
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li.active > a:hover, .pagination > li.active > a:focus,
.pagination > li.active > span:hover, .pagination > li.active > span:focus{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* inel-r112-lisquare-localfonts-2026-06-04: the gold square was on li.active itself */
.pagination li, .pagination > li.active, .container-pagination li{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* inel-r114-no-popin-2026-06-04: JS-built blocks appear once, finished, with a soft fade (no morphing in front of the user) */
#inel-hero-geo:not(.inel-ready){ opacity: 0; }
#inel-hero-geo.inel-ready{ opacity: 1; transition: opacity .25s ease; }
.inel-flagplate:not(.inel-ready){ opacity: 0; }
.inel-flagplate.inel-ready{ opacity: 1; transition: opacity .25s ease; }
/* inel-r115-cards-tagcloud-2026-06-04 */
/* equal cards: every zone gets a fixed slot; button row pinned to bottom */
.products__item{ height: 100%; display: flex; }
.products__item-in{ display: flex; flex-direction: column; width: 100%; }
.products__item-desc{ display: flex; flex-direction: column; flex: 1 1 auto; }
.products__item-category{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; min-height: 2.5em;
}
.products__item-title{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; min-height: 2.9em;
}
.products__item-price{ display: block; min-height: 2.3em; }
.products__item-action{ margin-top: auto; }
/* tag cloud (category pages, built by JS) + richer product tags block */
.inel-tagcloud{ margin: 30px 0 8px; }
.inel-tagcloud__title{
  font-family: 'Onest', Arial, sans-serif; font-weight: 600; font-size: 14px;
  letter-spacing: .06em; text-transform: uppercase; color: #0a1628; margin: 0 0 12px;
}
.inel-tagcloud a, .comments__tags a{
  display: inline-block; margin: 0 6px 8px 0; padding: 4px 11px;
  border: 1px solid #e3e7ee; border-radius: 14px;
  font-size: 12.5px; line-height: 1.5; color: #5b6b7e; text-decoration: none;
  white-space: nowrap; transition: border-color .15s ease, color .15s ease;
}
.inel-tagcloud a:hover, .comments__tags a:hover{ border-color: #c9a961; color: #0a1628; }
.comments__tags{ line-height: 2.2; }
/* inel-r117-price-noflash-2026-06-04: prices render once, finished (no 0-tenge flash, no button pop) */
.products__item-price, .products__line-price, .products__micro-price, .sku__price{
  transition: opacity .15s ease;
}
.products__item-price:not(.inel-priced), .products__line-price:not(.inel-priced),
.products__micro-price:not(.inel-priced), .sku__price:not(.inel-priced){
  opacity: 0;
  animation: inelPriceShow 0s ease 2.5s forwards; /* failsafe: reveal anyway if JS hiccups */
}
@keyframes inelPriceShow{ to{ opacity: 1; } }
/* category description: pre-collapsed by CSS, so the theme readmore "collapse" is invisible */
.sea__readmore.js-readmore{ max-height: 134px; overflow: hidden; }
/* inel-r118-degreen-global-2026-06-04: native controls + selection in brand gold, never green */
input[type="checkbox"], input[type="radio"], progress{ accent-color: #c9a961 !important; }
::selection{ background: rgba(201,169,97,.35); }
/* inel-r120-degreen-final-2026-06-04: gold for select plugin + form styler + success states (beats stale cached app.min.css) */
.jq-selectbox__trigger, .jq-selectbox.opened .jq-selectbox__trigger,
.jq-selectbox__select:hover .jq-selectbox__trigger{
  background: #c9a961 !important; border-color: #c9a961 !important;
}
.jq-selectbox__trigger-arrow{ border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; }
.jq-selectbox li.selected, .jq-selectbox li.sel, .jq-selectbox li:hover,
.jq-selectbox__dropdown li.selected, .jq-selectbox__dropdown li.sel, .jq-selectbox__dropdown li:hover{
  background: #c9a961 !important; color: #ffffff !important;
}
.jq-checkbox.checked, .jq-radio.checked{ background: #c9a961 !important; border-color: #c9a961 !important; }
.jq-checkbox.checked .jq-checkbox__div{ border-color: #ffffff !important; }
.icon-success, .app-notice--success, .btn--good, .btn--good:hover{ background-color: #c9a961 !important; border-color: #c9a961 !important; }
.text-success{ color: #8a6d2f !important; }
.bg-success{ background-color: #f4ead2 !important; }
input[type="checkbox"]:checked, input[type="radio"]:checked{ accent-color: #c9a961 !important; }
label a, .search label{ color: inherit; }
/* inel-r122-cleanup-2026-06-04 */
/* 1. cards: identical height everywhere (button-less priced cards get the same body) */
@media (min-width: 769px){
  .products__item-in{ min-height: 388px; }
}
/* 2. ui-check (search page checkboxes): gold tick, neutral label */
.ui-check input:checked ~ .ui-check__checkbox,
.ui-check input:checked + .ui-check__checkbox,
.ui-check.checked .ui-check__checkbox{
  background-color: #c9a961 !important; border-color: #c9a961 !important;
}
.ui-check, .ui-check a, label.ui-check{ color: #33415c !important; }
/* 3. feedback forms: gone everywhere (mail-only lead flow) */
.writeus, #writeus, [class*="writeus"], .contact-form form, form[class*="callback"], [data-callback]{
  display: none !important;
}
/* inel-r124-cards-equal-force-2026-06-04: theme overrode the equal-cards rules (min-height:0, display:block) - force them */
.products__item{ display: flex !important; height: 100% !important; }
.products__item-in{
  display: flex !important; flex-direction: column !important; width: 100% !important;
}
.products__item-desc{ display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
.products__item-action{ margin-top: auto !important; }
@media (min-width: 769px){
  .products__item .products__item-in{ min-height: 388px !important; }
}
/* inel-r137-dead-still-cards-2026-06-04: hover changes NOTHING on product cards, ever */
.products__item, .products__item:hover{
  border-color: #e8ecf1 !important;
  z-index: auto !important;
  overflow: hidden !important;
  transform: none !important;
  box-shadow: none !important;
}
.products__item-in::after, .products__item:hover .products__item-in::after{
  content: none !important; opacity: 0 !important; visibility: hidden !important;
}
.products__item:hover .products__item-title{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
}
.products__grid--grid_2 .products__item:hover .products__item-price{ white-space: normal !important; }
.products__item-action, .products__item:hover .products__item-action{
  opacity: 1 !important; visibility: visible !important; transform: none !important; position: static !important;
}
.products__item-countdown, .products__item:hover .products__item-countdown{ display: none !important; }
.products__item-images .slick-arrow, .products__item:hover .products__item-images .slick-arrow{
  display: none !important; opacity: 0 !important;
}
/* inel-r138-hover-sterilize-2026-06-04: nothing inside a product card may animate, transition, or switch GPU layers */
.products__item, .products__item *, .products__item *::before, .products__item *::after{
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
  transform: none !important;
}
.products__item .products__item-images img{ transform: none !important; scale: none !important; }
/* inel-r139-no-shadow-2026-06-04: the very last hover change - inner panel shadow - gone. Cards are now 100% static. */
.products__item-in, .products__item:hover .products__item-in,
.products__item *, .products__item:hover *{
  box-shadow: none !important;
}
/* inel-r140-hover-nuke-2026-06-04: elements inside a card cannot be hovered AT ALL (CSS or JS, any browser).
   Links and buttons stay clickable. */
.products__item *{ pointer-events: none !important; }
.products__item, .products__item a, .products__item button,
.products__item .inel-btn-mail, .products__item .inel-btn-more{
  pointer-events: auto !important;
}
/* and the card itself reacts to nothing visually */
.products__item, .products__item:hover, .products__item:focus-within{
  border-color: #e8ecf1 !important; box-shadow: none !important; transform: none !important;
  background: #ffffff !important; outline: none !important;
}
/* inel-r142-img-fade-2026-06-04: catalog images appear with a soft fade when fully loaded (no pop-in flashes) */
.products__item img{ opacity: 0; animation: inelImgShow 0s ease 2.5s forwards; }
.products__item img.inel-ld{ opacity: 1 !important; transition: opacity .22s ease !important; animation: none; }
@keyframes inelImgShow{ to{ opacity: 1; } }

/* inel-r152-width-pin-2026-06-04: card inner panel is pinned to 100% width in BOTH states.
   Verified live with real cursor: hover geometry now identical to base (171/131.4 = 171/131.4). */
.products__item .products__item-in,
.products__item:hover .products__item-in{
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}
.products__item .products__item-desc,
.products__item:hover .products__item-desc{
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
/* inel-r156-btn-baseline-2026-06-04: every request button sits on the same baseline in every card
   (verified live: top 360-360, left 37-37, variance 0) */
.products__item .products__item-in{ position: relative !important; }
.products__item .inel-btn-mail{
  position: absolute !important;
  bottom: 12px !important;
  left: 20px !important;
  margin: 0 !important;
}
/* inel-r158-btn-inset-2026-06-04: button pinned 20px from BOTH sides - identical width, never overflows
   (verified live: 15/15 inside the card, widths uniform) */
.products__item .inel-btn-mail{
  left: 20px !important;
  right: 20px !important;
  width: auto !important;
  max-width: none !important;
}