/* IQDesign catalog visual thumbnails: CSS-only, no DOM replacement or JavaScript. */
/* Source of previews: actual hero illustrations in s.zip, 2026-11-01. */

.sites-hub-page .sites-hub-card .sites-hub-infra-map,
.sites-hub-page .sites-hub-card .sites-hub-corporate-browser,
.sites-hub-page .sites-hub-card .sites-hub-landing-stage,
.sites-hub-page .sites-hub-card .sites-hub-shop,
.sites-hub-page .sites-hub-card .sites-hub-portal,
.promotion-page .promotion-service-visual {
 background-color: transparent !important;
 background-position: center center !important;
 background-repeat: no-repeat !important;
 background-size: contain !important;
 -webkit-mask-image: none !important;
 mask-image: none !important;
 display: block !important;
 width: 100% !important;
 height: 360px !important;
 min-height: 360px !important;
 margin-top: 24px !important;
 padding: 0 !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow: visible !important;
 transform: none !important;
 position: relative !important;
 flex-shrink: 0 !important;
}
.sites-hub-page .sites-hub-card-infra .sites-hub-infra-map > * {display:none !important;}
.sites-hub-page .sites-hub-card-infra .sites-hub-infra-map::before, .sites-hub-page .sites-hub-card-infra .sites-hub-infra-map::after {content:none !important;display:none !important;}
.sites-hub-page .sites-hub-card-corporate .sites-hub-corporate-browser > * {display:none !important;}
.sites-hub-page .sites-hub-card-corporate .sites-hub-corporate-browser::before, .sites-hub-page .sites-hub-card-corporate .sites-hub-corporate-browser::after {content:none !important;display:none !important;}
.sites-hub-page .sites-hub-card-landing .sites-hub-landing-stage > * {display:none !important;}
.sites-hub-page .sites-hub-card-landing .sites-hub-landing-stage::before, .sites-hub-page .sites-hub-card-landing .sites-hub-landing-stage::after {content:none !important;display:none !important;}
.sites-hub-page .sites-hub-card-ecommerce .sites-hub-shop > * {display:none !important;}
.sites-hub-page .sites-hub-card-ecommerce .sites-hub-shop::before, .sites-hub-page .sites-hub-card-ecommerce .sites-hub-shop::after {content:none !important;display:none !important;}
.sites-hub-page .sites-hub-card-portals .sites-hub-portal > * {display:none !important;}
.sites-hub-page .sites-hub-card-portals .sites-hub-portal::before, .sites-hub-page .sites-hub-card-portals .sites-hub-portal::after {content:none !important;display:none !important;}
.promotion-page .promotion-service-seo .promotion-service-visual > * {display:none !important;}
.promotion-page .promotion-service-seo .promotion-service-visual::before, .promotion-page .promotion-service-seo .promotion-service-visual::after {content:none !important;display:none !important;}
.promotion-page .promotion-service-direct .promotion-service-visual > * {display:none !important;}
.promotion-page .promotion-service-direct .promotion-service-visual::before, .promotion-page .promotion-service-direct .promotion-service-visual::after {content:none !important;display:none !important;}
.promotion-page .promotion-service-programmatic .promotion-service-visual > * {display:none !important;}
.promotion-page .promotion-service-programmatic .promotion-service-visual::before, .promotion-page .promotion-service-programmatic .promotion-service-visual::after {content:none !important;display:none !important;}
html[lang="ru"] .sites-hub-page .sites-hub-card-infra .sites-hub-infra-map {background-image:url("/assets/iq-hub-infra-ru-20261101.webp") !important;}
html[lang="ru"] .sites-hub-page .sites-hub-card-corporate .sites-hub-corporate-browser {background-image:url("/assets/iq-hub-corporate-ru-20261101.webp") !important;}
html[lang="ru"] .sites-hub-page .sites-hub-card-landing .sites-hub-landing-stage {background-image:url("/assets/iq-hub-landing-ru-20261101.webp") !important;}
html[lang="ru"] .sites-hub-page .sites-hub-card-ecommerce .sites-hub-shop {background-image:url("/assets/iq-hub-ecommerce-ru-20261101.webp") !important;}
html[lang="ru"] .sites-hub-page .sites-hub-card-portals .sites-hub-portal {background-image:url("/assets/iq-hub-portals-ru-20261101.webp") !important;}
html[lang="ru"] .promotion-page .promotion-service-seo .promotion-service-visual {background-image:url("/assets/iq-hub-seo-ru-20261101.webp") !important;}
html[lang="ru"] .promotion-page .promotion-service-direct .promotion-service-visual {background-image:url("/assets/iq-hub-direct-ru-20261101.webp") !important;}
html[lang="ru"] .promotion-page .promotion-service-programmatic .promotion-service-visual {background-image:url("/assets/iq-hub-programmatic-ru-20261101.webp") !important;}
html[lang="en"] .sites-hub-page .sites-hub-card-infra .sites-hub-infra-map {background-image:url("/assets/iq-hub-infra-en-20261101.webp") !important;}
html[lang="en"] .sites-hub-page .sites-hub-card-corporate .sites-hub-corporate-browser {background-image:url("/assets/iq-hub-corporate-en-20261101.webp") !important;}
html[lang="en"] .sites-hub-page .sites-hub-card-landing .sites-hub-landing-stage {background-image:url("/assets/iq-hub-landing-en-20261101.webp") !important;}
html[lang="en"] .sites-hub-page .sites-hub-card-ecommerce .sites-hub-shop {background-image:url("/assets/iq-hub-ecommerce-en-20261101.webp") !important;}
html[lang="en"] .sites-hub-page .sites-hub-card-portals .sites-hub-portal {background-image:url("/assets/iq-hub-portals-en-20261101.webp") !important;}
html[lang="en"] .promotion-page .promotion-service-seo .promotion-service-visual {background-image:url("/assets/iq-hub-seo-en-20261101.webp") !important;}
html[lang="en"] .promotion-page .promotion-service-direct .promotion-service-visual {background-image:url("/assets/iq-hub-direct-en-20261101.webp") !important;}
html[lang="en"] .promotion-page .promotion-service-programmatic .promotion-service-visual {background-image:url("/assets/iq-hub-programmatic-en-20261101.webp") !important;}

/* Thumbnails keep the same visual language at tablet and mobile sizes. */
@media (max-width: 1100px){
.sites-hub-page .sites-hub-card .sites-hub-infra-map,
.sites-hub-page .sites-hub-card .sites-hub-corporate-browser,
.sites-hub-page .sites-hub-card .sites-hub-landing-stage,
.sites-hub-page .sites-hub-card .sites-hub-shop,
.sites-hub-page .sites-hub-card .sites-hub-portal,
.promotion-page .promotion-service-visual {height: 300px !important; min-height:300px !important; margin-top:20px !important;}
}
@media (max-width: 720px){
.sites-hub-page .sites-hub-card .sites-hub-infra-map,
.sites-hub-page .sites-hub-card .sites-hub-corporate-browser,
.sites-hub-page .sites-hub-card .sites-hub-landing-stage,
.sites-hub-page .sites-hub-card .sites-hub-shop,
.sites-hub-page .sites-hub-card .sites-hub-portal,
.promotion-page .promotion-service-visual {height: 245px !important; min-height:245px !important; margin-top:18px !important;}
}
@media (max-width: 430px){
.sites-hub-page .sites-hub-card .sites-hub-infra-map,
.sites-hub-page .sites-hub-card .sites-hub-corporate-browser,
.sites-hub-page .sites-hub-card .sites-hub-landing-stage,
.sites-hub-page .sites-hub-card .sites-hub-shop,
.sites-hub-page .sites-hub-card .sites-hub-portal,
.promotion-page .promotion-service-visual {height: 215px !important; min-height:215px !important;}
}