/* ========================================================= BIG MERCH LIKE SMALL V19 Большая карточка Мерч: - никаких полос - маленькая плашка слева - круглая стрелка справа ========================================================= */ /* --------------------------------------------------------- САМА КАРТОЧКА --------------------------------------------------------- */ body.site-home-modern .home-merch-tile-v5{ position:relative !important; overflow:hidden !important; } /* Полностью убираем старое затемнение */ body.site-home-modern .home-merch-tile-v5 > .home-feature-shade-v5{ display:none !important; } /* Убираем декоративный sweep поверх фото */ body.site-home-modern .home-merch-tile-v5::after{ display:none !important; } /* Картинка остаётся чистой */ body.site-home-modern .home-merch-tile-v5 img, body.site-home-modern .home-merch-tile-v5:hover img{ filter:none !important; } /* --------------------------------------------------------- КОНТЕЙНЕР ТЕКСТА + СТРЕЛКИ ВАЖНО: никакого background у контейнера --------------------------------------------------------- */ body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5, html[data-site-theme="dark"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5, html[data-site-theme="light"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5, body.site-home-modern.site-theme-dark .home-merch-tile-v5 .home-feature-copy-v5, body.site-home-modern.site-theme-light .home-merch-tile-v5 .home-feature-copy-v5{ position:absolute !important; z-index:20 !important; left:20px !important; right:20px !important; bottom:18px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; width:auto !important; height:44px !important; min-height:44px !important; margin:0 !important; padding:0 !important; background:transparent !important; background-image:none !important; border:0 !important; border-top:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; pointer-events:none !important; } /* --------------------------------------------------------- ПЛАШКА "МЕРЧ" --------------------------------------------------------- */ body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 b{ position:static !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; width:auto !important; max-width:none !important; height:40px !important; min-height:40px !important; margin:0 !important; padding:0 15px !important; border-radius:11px !important; font-size:23px !important; font-weight:950 !important; line-height:1 !important; letter-spacing:.01em !important; text-transform:uppercase !important; text-shadow:none !important; box-sizing:border-box !important; pointer-events:none !important; } /* --------------------------------------------------------- СТРЕЛКА --------------------------------------------------------- */ body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 i{ position:static !important; display:grid !important; place-items:center !important; flex:0 0 42px !important; width:42px !important; height:42px !important; margin:0 !important; padding:0 !important; border-radius:50% !important; font-size:17px !important; font-style:normal !important; line-height:1 !important; text-shadow:none !important; transform:none !important; box-sizing:border-box !important; pointer-events:none !important; } body.site-home-modern .home-merch-tile-v5:hover .home-feature-copy-v5 i{ transform:translateX(2px) !important; } /* ========================================================= ТЁМНАЯ ТЕМА ========================================================= */ html[data-site-theme="dark"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 b, body.site-home-modern.site-theme-dark .home-merch-tile-v5 .home-feature-copy-v5 b{ color:#fff !important; background:rgba(18,20,24,.90) !important; border:1px solid rgba(255,255,255,.13) !important; box-shadow: 0 5px 16px rgba(0,0,0,.28) !important; } html[data-site-theme="dark"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 i, body.site-home-modern.site-theme-dark .home-merch-tile-v5 .home-feature-copy-v5 i{ color:#ff2027 !important; background:rgba(18,20,24,.90) !important; border:1px solid rgba(255,255,255,.17) !important; box-shadow: 0 5px 16px rgba(0,0,0,.25) !important; } /* ========================================================= СВЕТЛАЯ ТЕМА ========================================================= */ html[data-site-theme="light"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 b, body.site-home-modern.site-theme-light .home-merch-tile-v5 .home-feature-copy-v5 b{ color:#111 !important; background:rgba(255,255,255,.94) !important; border:1px solid rgba(0,0,0,.13) !important; box-shadow: 0 5px 16px rgba(0,0,0,.10) !important; } html[data-site-theme="light"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 i, body.site-home-modern.site-theme-light .home-merch-tile-v5 .home-feature-copy-v5 i{ color:#ff2027 !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(0,0,0,.16) !important; box-shadow: 0 5px 16px rgba(0,0,0,.09) !important; } /* ========================================================= МОБИЛКА ========================================================= */ @media(max-width:700px){ body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5, html[data-site-theme="dark"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5, html[data-site-theme="light"] body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5{ left:12px !important; right:12px !important; bottom:12px !important; height:38px !important; min-height:38px !important; } body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 b{ height:36px !important; min-height:36px !important; padding:0 12px !important; border-radius:9px !important; font-size:18px !important; } body.site-home-modern .home-merch-tile-v5 .home-feature-copy-v5 i{ width:36px !important; height:36px !important; flex-basis:36px !important; font-size:15px !important; } }