

/* Start:/local/templates/avl/components/bitrix/news.detail/avl_brand/style.css?17918150881139*/
.brand-detail{padding:8px 0 0}
.bd-grid{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.bd-body h1{margin-bottom:20px}
.bd-text{color:var(--ink-60);font-size:15.5px;line-height:1.7}
.bd-text p{margin-bottom:14px}
.bd-text b,.bd-text strong{color:var(--ink)}
.bd-side{position:sticky;top:24px}
.bd-logo{--bc:var(--line);background:linear-gradient(to top left,transparent 50%,var(--bc) 50%,var(--bc) calc(50% + 1px),transparent calc(50% + 1px)) right bottom/var(--cut) var(--cut) no-repeat border-box,var(--paper-hi);border:1px solid var(--bc);padding:36px 28px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.bd-logo img{max-width:100%;max-height:140px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}
.bd-logo:hover img{filter:none;opacity:1}
@media(max-width:900px){.bd-grid{grid-template-columns:1fr;gap:24px}.bd-side{position:static;order:-1}.bd-logo{padding:22px}.bd-logo img{max-height:90px}}
.bd-grid.no-side{grid-template-columns:1fr}
.bcat-h{margin:64px 0 22px}

/* End */


/* Start:/local/templates/avl/components/bitrix/system.pagenavigation/avl/style.css?17918150881862*/
.pager-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0 64px}
.pager-row .per{margin-left:auto}
.pager{display:flex;gap:6px;font-family:'JetBrains Mono',monospace;font-size:13px}
.pager a,.pager span{--bc:var(--line);min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bc);background:linear-gradient(to top left,transparent 50%,var(--bc) 50%,var(--bc) calc(50% + 1px),transparent calc(50% + 1px)) right bottom/7px 7px no-repeat border-box,var(--paper-hi);padding:0 12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}
.pager a:hover{--bc:var(--avl-red);border-color:var(--avl-red);color:var(--avl-red)}
.pager .on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager .dots{border:none;background:none;color:var(--ink-30);clip-path:none}
.per{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:12px}
.per .lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-30);margin-right:6px;font-family:'JetBrains Mono',monospace}
.per a{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper-hi);padding:0 10px}
.per a:hover{border-color:var(--avl-red);color:var(--avl-red)}
.per a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:600px){
  .pager-row{flex-direction:column;align-items:center;gap:18px;margin:32px 0 8px}
  .per{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
  .per .lbl{margin-right:0;display:block;width:100%;text-align:center}
  .per-btns{display:flex;gap:6px;justify-content:center}
  .pager a,.pager span{min-width:38px;height:38px}
  .pager .dots{display:none}
}

/* End */


/* Start:/local/templates/avl/components/bitrix/catalog.section/avl/style.css?17926695584099*/
.listing{padding:22px 0 64px}
.l-head{margin-bottom:22px}
.l-head .cnt,.l-head .h1-cnt::after{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ink-30);margin-left:14px;letter-spacing:.06em;text-transform:none}
.l-grid{display:grid;grid-template-columns:264px 1fr;gap:36px;align-items:start}
.sortbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--paper-hi);border:1px solid var(--line);margin-bottom:20px}
.sortbar .lbl{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-30)}
.sorts{display:flex;gap:2px;flex-wrap:wrap}
.sorts button{font-family:'Golos Text',sans-serif;font-size:13.5px;font-weight:500;padding:8px 13px;background:none;border:none;cursor:pointer;color:var(--ink-60);position:relative}
.sorts button:hover{color:var(--ink)}
.sorts button.on{color:var(--ink);font-weight:600}
.sorts button.on::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--grad-cta)}
.sorts button .dir{font-family:'JetBrains Mono',monospace;font-size:10px;margin-left:3px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{--bc:var(--line);background:linear-gradient(to top left,transparent 50%,var(--bc) 50%,var(--bc) calc(50% + 1px),transparent calc(50% + 1px)) right bottom/var(--cut) var(--cut) no-repeat border-box,var(--paper-hi);border:1px solid var(--bc);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);transition:border-color .25s,box-shadow .25s;display:flex;flex-direction:column;position:relative}
.pcard:hover{--bc:var(--line-hot);border-color:var(--line-hot);box-shadow:var(--glow-soft)}
.pcard .img{height:190px;display:flex;align-items:center;justify-content:center;color:var(--ink-30);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;position:relative;overflow:hidden}
.pcard .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--grad-brand);z-index:1}
.pcard .body{padding:10px 20px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column;flex:1}
.pcard .sku{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--ink-30);letter-spacing:.14em;text-transform:uppercase}
.pcard .name{font-weight:600;font-size:14.5px;margin:7px 0 4px;line-height:1.4}
.pcard:hover .name{color:var(--avl-red)}
.pcard .price{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:20px;letter-spacing:-.02em;margin-top:auto}
.pcard .price small{font-size:11.5px;color:var(--ink-60);font-weight:400;letter-spacing:0}
.pcard .hook{font-size:12.5px;font-weight:500;color:var(--avl-red);margin-top:5px}
.pcard .hook:hover{text-decoration:underline}
.pcard .foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:10px}
.pcard .foot .btn{padding:10px 16px;font-size:11.5px}
.seo{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);max-width:820px;color:var(--ink-60);font-size:14px}
.seo h2{font-family:'Unbounded',sans-serif;text-transform:uppercase;font-weight:700;font-size:17px;color:var(--ink);margin-bottom:12px;letter-spacing:-.01em}
.seo p{margin-bottom:12px}
/* пагинация дефолтного pagenavigation под стиль */
.listing .catalog-pagination, .listing .bx-pagination{margin-top:40px}
/* умный фильтр: лёгкие overrides дефолта */
@media(max-width:1080px){
  .l-grid{grid-template-columns:1fr;gap:24px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .pgrid{grid-template-columns:1fr}
  .sortbar{align-items:flex-start;flex-direction:column;gap:8px}
}
.sortbar-cnt{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--ink-30);margin-left:auto}


/* фото занимает зону целиком, зона прежняя */
.pcard .img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:10px}

.l-head .h1-cnt::after{content:attr(data-cnt)}

/* End */
/* /local/templates/avl/components/bitrix/news.detail/avl_brand/style.css?17918150881139 */
/* /local/templates/avl/components/bitrix/system.pagenavigation/avl/style.css?17918150881862 */
/* /local/templates/avl/components/bitrix/catalog.section/avl/style.css?17926695584099 */
