/* Единые карточки нижней навигации во всех разделах магазина. */
:is(.mh,.vo) :is(.wp-related,.vo-related-section){--sr-accent:#00ff00;--sr-ink:#f3f5f3;--sr-muted:#a9b4a9;--sr-panel:#191c19;--sr-soft:#111611;--sr-line:#303b30;--sr-shadow:0 20px 55px #0002;margin-top:64px;font-family:var(--font-body,sans-serif);color:var(--sr-ink)}
body.light-theme :is(.mh,.vo) :is(.wp-related,.vo-related-section){--sr-accent:#08751b;--sr-ink:#151d15;--sr-muted:#556455;--sr-panel:#fff;--sr-soft:#f5f7f2;--sr-line:#d9e2d5;--sr-shadow:0 18px 45px #25362508}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) *{box-sizing:border-box}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.mh-kicker,.vo-kicker){font:700 11px/1.6 var(--font-main,monospace);letter-spacing:.06em;color:var(--sr-accent);margin:0 0 15px!important}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) h2{font-size:32px;line-height:1.3;letter-spacing:-.035em;font-weight:700;color:var(--sr-ink);margin:0 0 26px}
:is(.mh,.vo) .vo-related-heading{margin:0}
:is(.mh,.vo) :is(.wp-related-grid,.vo-related-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 33%;min-width:0;overflow:hidden;border:1px solid var(--sr-line);border-radius:23px;background:linear-gradient(140deg,var(--sr-panel),var(--sr-soft));box-shadow:var(--sr-shadow);color:var(--sr-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card):hover{border-color:var(--sr-accent);box-shadow:0 15px 40px #00ff0010}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card):focus-visible{outline:2px solid var(--sr-accent);outline-offset:5px}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-copy,.vo-related-copy){position:relative;z-index:1;min-width:0;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
:is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy)>:is(.mh-kicker,.vo-kicker){font-size:9px;line-height:1.6;margin:0 0 16px!important}
:is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy) h3{font-size:24px;line-height:1.35;letter-spacing:-.035em;font-weight:700;color:var(--sr-ink);margin:0}
:is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy)>p:not(.mh-kicker):not(.vo-kicker){font-size:13px;line-height:1.85;color:var(--sr-muted);margin:18px 0 26px}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-action,.vo-related-action){margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:1px solid var(--sr-accent);border-radius:9px;background:transparent;color:var(--sr-accent);font-size:11px;line-height:1.6;font-weight:700;transition:background .2s,color .2s}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card):hover :is(.wp-related-action,.vo-related-action){background:var(--sr-accent);border-color:var(--sr-accent);color:var(--sr-soft)}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media,.vo-related-media){position:relative;display:block;min-width:0;max-height:none;overflow:hidden;border-left:1px solid var(--sr-line);border-bottom:0;background:#07100a}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media,.vo-related-media)::after{display:none}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media,.vo-related-media) img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:65% center;padding:0;filter:none}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media-packs,.vo-related-media-packs){display:flex;align-items:center;justify-content:center;background:var(--sr-soft)}
:is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media-packs,.vo-related-media-packs) img{height:auto;object-fit:contain;padding:10px;filter:drop-shadow(0 15px 20px #0003)}
@media(max-width:1000px){
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy){padding:25px}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy) h3{font-size:22px}
}
@media(max-width:800px){
 :is(.mh,.vo) :is(.wp-related-grid,.vo-related-grid){grid-template-columns:1fr}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card){grid-template-columns:minmax(0,1fr) 34%}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy){padding:30px}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy) h3{font-size:25px}
}
@media(max-width:600px){
 :is(.mh,.vo) :is(.wp-related,.vo-related-section){margin-top:40px}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) h2{font-size:27px}
 :is(.mh,.vo) :is(.wp-related-grid,.vo-related-grid){gap:20px}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) a:is(.wp-related-card,.vo-related-card){grid-template-columns:1fr}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media,.vo-related-media){grid-row:1;height:180px;border-left:0;border-bottom:1px solid var(--sr-line)}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media,.vo-related-media) img{height:100%;object-position:65% 58%}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-media-packs,.vo-related-media-packs) img{width:100%;height:170px;object-fit:contain;padding:5px}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy){padding:27px}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy) h3{font-size:26px}
 :is(.mh,.vo) :is(.wp-related-copy,.vo-related-copy)>p:not(.mh-kicker):not(.vo-kicker){font-size:14px}
 :is(.mh,.vo) :is(.wp-related,.vo-related-section) :is(.wp-related-action,.vo-related-action){font-size:12px}
}
@media(prefers-reduced-motion:reduce){:is(.mh,.vo) :is(.wp-related,.vo-related-section) *{transition:none!important}}