:root{--andpro-home-text:#2c3a47;--andpro-home-accent:#575fcf;--andpro-home-surface:#fff;--andpro-home-border:#dfe3f1;--andpro-home-border-hover:#c7ccea;--andpro-home-accent-soft:#eef0fb}.mainpage-collection__header,.mainpage-blog__header,.mainpage-brands__header{font-size:clamp(22px,4vw,28px)!important;font-weight:800!important;line-height:1.2!important;color:var(--andpro-home-text)!important;text-align:left!important;margin:0!important}.mainpage-collection,.mainpage-blog,.mainpage-brands{padding-top:24px!important;padding-bottom:0!important;margin:0 0 28px!important}@media (max-width:640px){.mainpage-collection,.mainpage-blog,.mainpage-brands{padding-top:20px!important;margin-bottom:22px!important}}.mainpage-collection .catalog-card[class~="--dop"]{background:var(--andpro-home-surface)!important;border:1px solid var(--andpro-home-border)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(34,36,102,.05)!important;overflow:visible!important;transition:transform .15s,box-shadow .15s,border-color .15s!important}.mainpage-collection .catalog-card[class~="--dop"]:hover{box-shadow:0 12px 28px rgba(34,36,102,.12)!important;border-color:var(--andpro-home-border-hover)!important}.mainpage-blog .mainpage-blog__article{background:var(--andpro-home-surface)!important;border:1px solid var(--andpro-home-border)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(34,36,102,.05)!important;overflow:visible!important;transition:transform .15s,box-shadow .15s,border-color .15s!important}.mainpage-blog .mainpage-blog__article:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(34,36,102,.12)!important;border-color:var(--andpro-home-border-hover)!important}.mainpage-blog .mainpage-blog__body{padding:14px!important}.mainpage-collection .card-btn[class~="--buy"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 22px!important;border:1.5px solid var(--andpro-home-accent)!important;border-radius:8px!important;background:var(--andpro-home-surface)!important;color:var(--andpro-home-accent)!important;font-size:14px!important;font-weight:600!important;transition:background .15s!important}.mainpage-collection .card-btn[class~="--buy"]:hover{background:var(--andpro-home-accent-soft)!important}.mainpage-brands .mainpage-brands__logo{filter:grayscale(1)!important;opacity:.7!important;transition:filter .2s,opacity .2s!important}.mainpage-brands .mainpage-brands__link:hover .mainpage-brands__logo{filter:grayscale(0)!important;opacity:1!important}/*=====================================================================Фаза 3 (карусели/табы+mobile-first) — реализована НИЖЕ. Фаза 4 (по согласованию):hero-дедуп логотипов брендов;Stage 6 (WebP+preload LCP). */ /* --- 3.1 Стрелки каруселей (подборки/база знаний/бренды):единый акцент+чёткость+тач-таргет --- */ .mainpage-collection .dopitem_prev,.mainpage-collection .dopitem_next,.mainpage-blog .slider_prev,.mainpage-blog .slider_next,.mainpage-brands .brands_prev,.mainpage-brands .brands_next{width:44px!important;height:44px!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;border:1px solid var(--andpro-home-border)!important;border-radius:50%!important;background:var(--andpro-home-surface)!important;color:var(--andpro-home-accent)!important;-webkit-box-shadow:0 4px 12px rgba(34,36,102,.08)!important;box-shadow:0 4px 12px rgba(34,36,102,.08)!important;-webkit-transition:background .15s,border-color .15s;-o-transition:background .15s,border-color .15s;transition:background .15s,border-color .15s;cursor:pointer}.mainpage-collection .dopitem_prev:hover,.mainpage-collection .dopitem_next:hover,.mainpage-blog .slider_prev:hover,.mainpage-blog .slider_next:hover,.mainpage-brands .brands_prev:hover,.mainpage-brands .brands_next:hover{background:var(--andpro-home-accent-soft)!important;border-color:var(--andpro-home-border-hover)!important}.mainpage-collection .dopitem_prev svg,.mainpage-collection .dopitem_next svg,.mainpage-blog .slider_prev svg,.mainpage-blog .slider_next svg,.mainpage-brands .brands_prev svg,.mainpage-brands .brands_next svg{fill:currentColor;stroke:currentColor}.itempage-dopitem__tabs{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent}.itempage-dopitem__tabs::-webkit-scrollbar{display:none}.itempage-dopitem__tabs li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto!important;scroll-snap-align:start}.itempage-dopitem__tab-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center!important;min-height:44px!important;padding:10px 14px!important;white-space:nowrap!important;-webkit-tap-highlight-color:transparent}@media (max-width:640px){.itempage-dopitem__tabs{gap:6px!important}}.ap-tophero-brands b{display:none!important}.ap-tophero__media{background-image:-webkit-image-set(url(/upload/andpro/home-hero-infra.webp) type("image/webp"),url(/upload/andpro/home-hero-infra.jpg) type("image/jpeg"))!important;background-image:image-set(url(/upload/andpro/home-hero-infra.webp) type("image/webp"),url(/upload/andpro/home-hero-infra.jpg) type("image/jpeg")) !important;}


/* UX-FIX-20260614-CARD-OVERFLOW */
.mainpage-collection .catalog-card[class~="--dop"],
.mainpage-blog .mainpage-blog__article { overflow: visible !important; }

.mainpage-collection .catalog-card[class~="--dop"] .catalog-card__link-photo,
.mainpage-blog .mainpage-blog__article .mainpage-blog__img-link {
	display: block !important;
	border-radius: 14px 14px 0 0 !important;
	overflow: hidden !important;
}

.mainpage-collection .dopitem_prev, .mainpage-collection .dopitem_next,
.mainpage-blog .slider_prev, .mainpage-blog .slider_next,
.mainpage-brands .brands_prev, .mainpage-brands .brands_next { z-index: 5 !important; }


/* UX-FIX-20260614-CARD-HOVER-PHOTO: stable hover frame and centered product photos */
.mainpage-collection .catalog-card[class~="--dop"] {
	position: relative !important;
	border-color: transparent !important;
}

.mainpage-collection .catalog-card[class~="--dop"]::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border: 1px solid var(--andpro-home-border) !important;
	border-radius: 14px !important;
	pointer-events: none !important;
	z-index: 4 !important;
}

.mainpage-collection .catalog-card[class~="--dop"]:hover::after {
	border-color: var(--andpro-home-border-hover) !important;
}

.mainpage-collection .catalog-card[class~="--dop"] .catalog-card__link-photo {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.mainpage-collection .catalog-card[class~="--dop"] .catalog-card__link-photo img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	object-fit: contain !important;
}


/* UX-FIX-20260614-CARD-FRAME-FINAL: one real frame, no overlay; media does not cover top edge */
.mainpage-collection .catalog-card[class~="--dop"] {
	border: 1px solid var(--andpro-home-border) !important;
	border-radius: 14px !important;
	overflow: visible !important;
	position: relative !important;
}

.mainpage-collection .catalog-card[class~="--dop"]:hover {
	border-color: var(--andpro-home-border-hover) !important;
}

.mainpage-collection .catalog-card[class~="--dop"]::after {
	content: none !important;
	display: none !important;
}

.mainpage-collection .catalog-card[class~="--dop"] .catalog-card__link-photo{margin-top:1px!important}