/* Private preview only. Loaded after Aspro so the approved UI wins its old rules. */
html.av-page{--av-sidebar-width:280px}
html.av-page body .av-nav{gap:24px;align-items:center}
html.av-page body .av-catalog-control{flex:0 0 calc(var(--av-sidebar-width) - 28px);align-self:stretch;border-right:1px solid var(--av-line);padding-right:12px}
html.av-page body .av-catalog-toggle{width:100%;height:48px;gap:12px;justify-content:flex-start;background:transparent;color:var(--av-ink);padding:10px 12px;border-radius:8px;font-weight:600}
html.av-page body .av-catalog-toggle svg{width:20px;height:20px;color:var(--av-muted)}
html.av-page body .av-catalog-toggle:hover,html.av-page body .av-catalog-toggle[aria-expanded=true]{background:#f5f8f6;color:var(--av-green)}
html.av-page body .av-catalog-toggle[aria-expanded=true] svg{color:var(--av-green)}
html.av-page body .av-nav-links{justify-content:space-between;gap:18px;min-width:0}
html.av-page body .av-nav-links>a{white-space:nowrap}
html.av-page body .av-side-flyout{left:calc(100% + 22px);width:min(540px,calc(100vw - var(--av-sidebar-width) - 3 * var(--av-gutter)));max-height:min(560px,65vh);z-index:1;overflow:visible}
html.av-page body .av-side-flyout:before{content:"";position:absolute;right:100%;top:0;width:24px;height:100%;background:transparent}
html.av-page body .av-side-flyout-body{max-height:calc(min(560px,65vh) - 48px);overflow:auto;overscroll-behavior:contain}
html.av-page body .av-side-flyout-body>a{display:block;padding:10px 0;font-size:14px;line-height:1.5;border-bottom:1px solid #edf1f5;text-decoration:none}
html.av-page body .av-side-flyout-body>a:last-child{border-bottom:0}
html.av-page body .av-side-item.av-open{z-index:2}
/* Only the native product grid, never header menus or sliders. No commerce markup changes. */
html.av-page body #content .catalog_block.grid-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;width:100%!important;align-items:stretch;font-size:14px;line-height:1.5}
html.av-page body #content .catalog_block.grid-list>.item_block{display:flex!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;height:auto!important}
html.av-page body #content .catalog_block.grid-list .catalog_item_wrapp{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:16px!important;border:1px solid var(--av-line)!important;border-radius:12px!important;background:#fff!important;overflow:visible!important;transform:none!important;box-shadow:none!important;transition:border-color .15s ease!important}
html.av-page body #content .catalog_block.grid-list .catalog_item_wrapp:hover{border-color:#98bea2!important;transform:none!important;box-shadow:none!important;z-index:2}
html.av-page body #content .catalog_block.grid-list .catalog_item{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;text-align:left!important;position:relative!important}
html.av-page body #content .catalog_block.grid-list .catalog_item>div{height:auto!important;min-height:0!important;flex-grow:0!important}
html.av-page body #content .catalog_block.grid-list .catalog_item>div:first-child{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
html.av-page body #content .catalog_block.grid-list .image_wrapper_block{height:190px!important;min-height:190px!important;width:100%!important;padding:10px!important;line-height:normal!important;margin:0 0 16px!important;border-radius:8px;background:#fff;position:relative}
html.av-page body #content .catalog_block.grid-list .image_wrapper_block .thumb{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important;line-height:normal!important;padding:0!important;margin:0!important}
html.av-page body #content .catalog_block.grid-list .image_wrapper_block .thumb img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;position:static!important;margin:auto!important;transform:none!important}
html.av-page body #content .catalog_block.grid-list .image_wrapper_block .section-gallery-wrapper{height:100%!important}
html.av-page body #content .catalog_block.grid-list .image_wrapper_block .section-gallery-wrapper img{max-height:170px!important;object-fit:contain}
html.av-page body #content .catalog_block.grid-list .like_icons{top:0!important;right:0!important;z-index:3}
html.av-page body #content .catalog_block.grid-list .like_icons span{opacity:1;visibility:visible}
html.av-page body #content .catalog_block.grid-list .fast_view_block{font-size:12px}
html.av-page body #content .catalog_block.grid-list .stickers{top:0!important;left:0!important}
html.av-page body #content .catalog_block.grid-list .stickers div div{padding:4px 8px!important;background:var(--av-soft)!important;color:var(--av-green)!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;border-radius:5px!important;box-shadow:none!important}
html.av-page body #content .catalog_block.grid-list .item_info{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:1 1 auto!important;width:100%!important;height:auto!important;padding:0!important;text-align:left!important;font-size:14px;line-height:1.5}
html.av-page body #content .catalog_block.grid-list .item_info--top_block{height:auto!important;min-height:0!important}
html.av-page body #content .catalog_block.grid-list .item-title{height:auto!important;min-height:66px!important;font-size:15px!important;line-height:22px!important;text-align:left!important;padding:0!important;margin:0 0 8px!important;overflow:visible!important}
html.av-page body #content .catalog_block.grid-list .item-title a,html.av-page body #content .catalog_block.grid-list .item-title a span{font-size:15px!important;line-height:22px!important;font-weight:500!important;color:var(--av-ink);text-decoration:none}
html.av-page body #content .catalog_block.grid-list .item-title a:hover{color:var(--av-green)}
html.av-page body #content .catalog_block.grid-list .rating{height:auto!important;min-height:0!important;margin:0 0 8px!important;text-align:left!important}
html.av-page body #content .catalog_block.grid-list .rating .ratings{float:none!important;display:inline-block;vertical-align:middle}
html.av-page body #content .catalog_block.grid-list .sa_block{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 12px!important;padding:0!important;line-height:18px;min-height:39px;text-align:left!important}
html.av-page body #content .catalog_block.grid-list .sa_block .article_block{float:none!important;width:auto!important;margin:0!important;font-size:12px!important;color:var(--av-muted)!important;text-align:left!important}
/* Undo the old hardcoded "В наличии Много". Keep Bitrix's actual status text. */
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock{display:inline-flex!important;float:none!important;align-items:center;gap:6px;font-size:12px!important;color:var(--av-ink)!important;line-height:18px!important;background:none!important;padding:0!important;margin:0!important}
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .value{display:inline!important;font-size:12px!important;color:var(--av-ink)!important;background:none!important;font-weight:400!important}
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .value:before,html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .value:after{content:none!important;display:none!important}
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .icon{display:inline-block!important;width:6px!important;height:6px!important;min-width:6px;border-radius:50%;background:var(--av-muted)!important;margin:0!important}
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .icon.stock{background:var(--av-green)!important}
html.av-page body #content .catalog_block.grid-list .sa_block .item-stock .icon.order{background:#b48736!important}
html.av-page body #content .catalog_block.grid-list .item_info--bottom_block{margin-top:auto!important;padding-top:4px!important;height:auto!important;min-height:0!important;text-align:left!important}
html.av-page body #content .catalog_block.grid-list .cost.prices{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;text-align:left!important;line-height:1.3}
html.av-page body #content .catalog_block.grid-list .price{float:none!important;font-size:23px!important;line-height:29px!important;font-weight:700!important;text-align:left!important;margin:0!important;padding:0!important;color:var(--av-ink)}
html.av-page body #content .catalog_block.grid-list .price_measure{font-size:12px!important;font-weight:400!important;color:var(--av-muted);margin-left:3px}
html.av-page body #content .catalog_block.grid-list .price.discount{display:inline-block;font-size:13px!important;font-weight:400!important;color:var(--av-muted)!important;line-height:20px!important}
html.av-page body #content .catalog_block.grid-list .footer_button{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;height:auto!important;flex:0 0 auto!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
html.av-page body #content .catalog_block.grid-list .counter_wrapp:not(.ce_cmp_visible){display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:8px!important;align-items:start!important;justify-content:stretch!important;flex-direction:row!important;margin:0!important;padding:0!important;width:100%!important;min-height:44px;white-space:normal!important;position:static!important}
html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block:not([style*="display:none"]):not([style*="display: none"]){display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;width:92px!important;height:44px!important;margin:0!important;padding:0!important;background:#f6f8fb!important;border:1px solid var(--av-line)!important;border-radius:8px!important;overflow:hidden;float:none!important;grid-column:1}
html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block .minus,html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block .plus{display:flex!important;align-items:center;justify-content:center;width:28px!important;height:42px!important;flex:0 0 28px!important;line-height:42px!important;font-size:18px!important;background:transparent!important;color:var(--av-muted)!important;position:static!important;margin:0!important;cursor:pointer}
html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block input.text{width:32px!important;min-width:0!important;flex:1 1 auto!important;height:42px!important;padding:0!important;margin:0!important;font-size:14px!important;line-height:42px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;box-shadow:none!important;color:var(--av-ink)}
html.av-page body #content .catalog_block.grid-list .counter_wrapp .button_block{display:block!important;grid-column:1 / -1;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;flex-grow:0!important}
html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block:not([style*="display:none"]):not([style*="display: none"])+.button_block{grid-column:2}
html.av-page body #content .catalog_block.grid-list .button_block .btn{width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;line-height:18px!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;white-space:normal!important;word-break:normal!important;padding:12px 9px!important;border:1px solid var(--av-green)!important;border-radius:8px!important;background:var(--av-green)!important;color:#fff!important;box-shadow:none!important;transform:none!important;margin:0!important;transition:background-color .15s ease!important;text-align:center!important}
html.av-page body #content .catalog_block.grid-list .button_block .btn:not([style*="display:none"]):not([style*="display: none"]){display:flex!important;align-items:center;justify-content:center;gap:4px}
html.av-page body #content .catalog_block.grid-list .button_block .btn:hover{background:#066d20!important;transform:none!important;box-shadow:none!important}
html.av-page body #content .catalog_block.grid-list .button_block .btn:after{content:none!important;display:none!important}
html.av-page body #content .catalog_block.grid-list .button_block .btn.in-cart{color:var(--av-green)!important;background:var(--av-soft)!important;border-color:#c5dfcd!important}
html.av-page body #content .catalog_block.grid-list .counter_wrapp>div:not(.counter_block):not(.button_block){grid-column:1 / -1;min-height:0!important;width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:18px!important;text-align:left!important;justify-content:flex-start!important}
html.av-page body #content .sort_header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px!important;padding:12px 16px!important;min-height:60px;border-radius:10px!important;position:relative;z-index:5}
html.av-page body #content .sort_header:after,html.av-page body #content .sort_header:before{display:none!important}
html.av-page body #content .sort_header .dropdown-select__title{font-size:13px;line-height:20px;display:flex;align-items:center;gap:9px}
html.av-page body #content .sort_header .dropdown-select__title>.svg-inline-down{display:none!important}
html.av-page body #content .sort_header .dropdown-select__title:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--av-muted);border-bottom:1.5px solid var(--av-muted);transform:rotate(45deg);margin:-3px 2px 0 0;flex-shrink:0}
html.av-page body #content .sort_header .dropdown-select__drawer{border:1px solid var(--av-line);border-radius:10px;box-shadow:0 8px 24px #15203912;top:100%;left:0;min-width:230px}
html.av-page body #content .sort_header .sort_display{float:none!important;display:flex;gap:6px;margin:0!important}
html.av-page body #content .sort_header .sort_display>a{margin:0!important;border-radius:6px;background:#f6f8fb;box-shadow:none}
html.av-page body #content .sort_header .sort_display>a.current{background:var(--av-soft);color:var(--av-green)}
/* Preserve native subcategory photos; give them the same rectangular card language. */
html.av-page body #content .sections_wrapper .item{border:1px solid var(--av-line)!important;border-radius:12px!important;padding:16px!important;transform:none!important;box-shadow:none!important}
html.av-page body #content .sections_wrapper .item:hover{border-color:#98bea2!important;transform:none!important;box-shadow:none!important}
html.av-page body #content .sections_wrapper .item img{border-radius:8px!important;transform:none!important;object-fit:contain}
@media(max-width:1350px){html.av-page{--av-sidebar-width:250px}html.av-page body .av-nav{gap:18px}html.av-page body .av-nav-links{gap:16px}}
@media(max-width:1050px){html.av-page{--av-sidebar-width:220px}html.av-page body .av-nav-links{justify-content:flex-start;flex-wrap:wrap;gap:8px 18px}html.av-page body #content .catalog_block.grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:760px){
 html.av-page body .av-catalog-control{flex:0 0 auto;padding-right:0;border-right:0;align-self:auto}
 html.av-page body .av-catalog-toggle{height:42px;padding:8px 10px;font-size:14px}
 html.av-page body .av-nav-links{justify-content:flex-start;flex-wrap:nowrap;gap:20px}
 html.av-page body .av-side-flyout{left:auto;width:100%;max-height:none;position:static;padding:14px;overflow:visible}
 html.av-page body .av-side-flyout:before{display:none}
 html.av-page body .av-side-flyout-body{max-height:50vh}
 html.av-page body #content .catalog_block.grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html.av-page body #content .catalog_block.grid-list .catalog_item_wrapp{padding:12px!important}
 html.av-page body #content .catalog_block.grid-list .image_wrapper_block{height:155px!important;min-height:155px!important;padding:8px!important;margin-bottom:12px!important}
 html.av-page body #content .catalog_block.grid-list .item-title,html.av-page body #content .catalog_block.grid-list .item-title a,html.av-page body #content .catalog_block.grid-list .item-title a span{font-size:14px!important;line-height:20px!important}
 html.av-page body #content .catalog_block.grid-list .item-title{min-height:60px!important}
 html.av-page body #content .sort_header{padding:10px 12px!important;gap:8px;flex-wrap:wrap}
}
@media(max-width:520px){
 html.av-page body #content .catalog_block.grid-list{gap:10px!important}
 html.av-page body #content .catalog_block.grid-list .catalog_item_wrapp{padding:10px!important}
 html.av-page body #content .catalog_block.grid-list .image_wrapper_block{height:135px!important;min-height:135px!important;padding:6px!important}
 html.av-page body #content .catalog_block.grid-list .price{font-size:20px!important;line-height:26px!important}
 html.av-page body #content .catalog_block.grid-list .counter_wrapp:not(.ce_cmp_visible){grid-template-columns:minmax(0,1fr);gap:8px!important}
 html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block:not([style*="display:none"]):not([style*="display: none"]){width:100%!important;grid-column:1}
 html.av-page body #content .catalog_block.grid-list .counter_wrapp .counter_block:not([style*="display:none"]):not([style*="display: none"])+.button_block{grid-column:1}
 html.av-page body #content .sort_header .dropdown-select__title{max-width:200px;padding-right:0}
}
@media(max-width:350px){html.av-page body #content .catalog_block.grid-list{grid-template-columns:minmax(0,1fr)!important}}