/* jh115-v4-dresscode-reconstruct: Archive CDX empty for dresscode/*; wrong bitlate sibling rejected */
:root{--dc-bg:#fff;--dc-muted:#666;--dc-line:#e5e5e5;--dc-accent:#c62828;--dc-accent2:#1565c0;--dc-dark:#222;--dc-soft:#f7f7f7;--dc-ok:#2e7d32}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--dc-bg);color:var(--dc-dark);font:14px/1.45 "Roboto","Open Sans",Arial,Helvetica,sans-serif}
a{color:var(--dc-accent2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
ul{list-style:none;margin:0;padding:0}
.clear,.clearfix{clear:both}
body.loading #foundation{opacity:1}

/* hide chrome that should be modal/hidden */
.webformModal,.webFormDwModal,#webFormDwModal_5,.webformModalContainer,
.webFormModalHeadingExit,.webformModalHideScrollBar{display:none!important}
#webFormMessage_5,.webFormMessage{display:none!important}
#searchResult,#searchOverlap{display:none!important}
.dropdown .drop,.nested{display:none}
.allow-dropdown:hover .drop,.allow-dropdown:hover .nested,.allow-dropdown:focus-within .drop{display:block}

#foundation{min-width:980px}
.limiter{width:980px;margin:0 auto;position:relative}

/* top bar */
#subHeader6{background:#fafafa;border-bottom:1px solid var(--dc-line);padding:10px 0}
#subHeader6 .subTable{display:table;width:100%;table-layout:fixed}
#subHeader6 .subTableColumn{display:table-cell;vertical-align:middle}
#subHeader6 .subTableColumn:nth-child(1){width:28%}
#subHeader6 .subTableColumn:nth-child(2){width:44%}
#subHeader6 .subTableColumn:nth-child(3){width:28%}
#topAuth ul{display:flex;gap:14px;font-size:13px}
#topAuth a{color:var(--dc-muted)}
#topSearch2 .searchContainerInner{display:flex;align-items:center;gap:0;border:1px solid #ccc;border-radius:3px;background:#fff;overflow:hidden}
#topSearch2 .searchContainer{display:flex;flex:1}
#topSearch2 input#searchQuery{width:100%;border:0;padding:10px 12px;font-size:14px;outline:none}
#topSearch2 #goSearch,#topSearch2 button,#topSearch2 .searchColumn:last-child{
  background:var(--dc-accent);color:#fff;border:0;padding:10px 16px;cursor:pointer;min-width:44px}
.subPhones{text-align:right;line-height:1.35}
.subPhones .heading{display:block;font-size:16px;font-weight:700;color:var(--dc-dark)}
.subPhones a{color:var(--dc-accent2);font-size:12px}

/* logo row */
#logo{display:inline-block;margin-right:12px}
#logo img{height:52px;width:auto;max-width:180px;background:linear-gradient(135deg,#c62828,#1565c0);border-radius:6px;padding:4px;object-fit:contain}
#logo span{display:inline-flex;align-items:center;gap:10px}
#logo span::after{content:"РЕЗ-БИ";font-weight:800;font-size:28px;letter-spacing:1px;color:var(--dc-accent);line-height:1}
#topHeading p{margin:6px 0 0;color:var(--dc-muted);font-size:13px;max-width:360px}

/* main nav */
#headerLine3{background:var(--dc-dark);margin:0 0 18px}
#headerLine3 .headerLineMenu ul#subMenu{display:flex;flex-wrap:wrap;gap:0}
#headerLine3 .headerLineMenu li{border-right:1px solid #333}
#headerLine3 .headerLineMenu a{display:block;padding:14px 16px;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
#headerLine3 .headerLineMenu a:hover{background:var(--dc-accent);text-decoration:none}

/* flush tools under header */
#flushTopCompare,#flushTopwishlist,#flushTopCart,.flushTop{
  display:inline-flex;align-items:center;gap:8px;margin:0 10px 12px 0;padding:8px 12px;background:var(--dc-soft);border:1px solid var(--dc-line);border-radius:4px;font-size:13px;color:var(--dc-muted)}

/* layout columns */
#main,.mainContainer,.content{display:block}
.leftColumn,#left,.leftBlock{float:left;width:240px;margin:0 20px 30px 0}
.rightColumn,#right,.centerBlock,.contentRight{overflow:hidden}
.sideBlock{background:#fff;border:1px solid var(--dc-line);border-radius:4px;margin:0 0 16px;padding:12px}
.sideBlock .heading{font-size:15px;font-weight:700;margin:0 0 10px;padding:0 0 8px;border-bottom:2px solid var(--dc-accent)}

/* catalog menu */
.menuItems a.menuLink,.menuLink{display:block;padding:8px 10px;border-bottom:1px solid var(--dc-line);color:var(--dc-dark);font-size:13px}
.menuLink:hover{background:#fff5f5;color:var(--dc-accent);text-decoration:none}
.menuItems .item{position:relative}
.menuItems .icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:middle;background:#eee;border-radius:2px}

/* product sections */
.heading{font-size:20px;font-weight:700;margin:0 0 14px;color:var(--dc-dark)}
.productTable,.items,.productList{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px}
.product,.cItem,.productColImage,.tabloid{background:#fff;border:1px solid var(--dc-line);border-radius:6px;overflow:hidden}
.product{width:calc(25% - 12px);min-width:180px;display:flex;flex-direction:column}
.product .picture,.productColImage,.pictureLink{display:block;aspect-ratio:1;background:var(--dc-soft);text-align:center;padding:10px}
.product .picture img,.picture img{max-height:160px;object-fit:contain}
.product .name,.nameWrap,.name{font-size:13px;line-height:1.35;padding:8px 10px;min-height:3.2em}
.product .price,.price{font-size:16px;font-weight:700;color:var(--dc-accent);padding:0 10px 8px}
.btn-simple,.addCart,.btn-micro{display:inline-block;background:var(--dc-accent);color:#fff!important;border:0;border-radius:3px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none!important;margin:0 10px 12px}
.btn-simple:hover,.addCart:hover{filter:brightness(1.05)}
.markerContainer{position:absolute;top:8px;left:8px}
.marker{background:var(--dc-accent);color:#fff;font-size:11px;padding:2px 6px;border-radius:2px}

/* news / subscribe */
.newsBlock,.subscribe{background:var(--dc-soft);border:1px solid var(--dc-line);border-radius:6px;padding:16px;margin:20px 0}
.formLine{margin:0 0 10px}
.formLine input[type=text],.formLine input[type=email],.inputtext{
  border:1px solid #ccc;border-radius:3px;padding:8px 10px;width:100%;max-width:320px}

/* footer */
#footer,footer,.footer{clear:both;background:#1a1a1a;color:#ccc;padding:28px 0;margin-top:30px;font-size:13px}
#footer a,footer a,.footer a{color:#ddd}
#footer .limiter,.footer .limiter{display:flex;flex-wrap:wrap;gap:24px}

/* utility visibility for index panels */
.panels_white #foundation{background:#fff}
.verticalBlock{display:block}
.subTableColumn .verticalBlock > div{margin:0 0 6px}

/* catalog page list polish */
#catalog,.catalogContainer{overflow:hidden}
.sectionList .item{padding:10px 0;border-bottom:1px solid var(--dc-line)}

@media (max-width:1000px){
  #foundation{min-width:0}
  .limiter{width:auto;padding:0 12px}
  .leftColumn,#left{float:none;width:auto}
  .product{width:calc(50% - 10px)}
}


/* jh115-v4-dresscode-reconstruct round2 polish */
#subHeader6 .subTableColumn:nth-child(1){width:22%}
#subHeader6 .subTableColumn:nth-child(2){width:38%}
#subHeader6 .subTableColumn:nth-child(3){width:40%}
#logo span::after{content:none}
#logo img{height:56px;width:auto;max-width:200px;background:none;padding:0;border-radius:0}
#flushTopCompare,#flushTopwishlist,#flushTopCart,.flushTop{
  float:right;margin:8px 0 8px 8px}
#headerLine3{clear:both}
/* catalog sections as cards */
.limiter .getProductByGroup,.catalog-section-list,.sectionItems{display:flex;flex-wrap:wrap;gap:16px}
.elem,.elem-wrap,.elem-column{display:inline-block;vertical-align:top;width:220px;margin:0 12px 18px 0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;overflow:hidden}
.elem .bg,.elem-wrap .bg{display:block;height:140px;background:#f5f5f5 center/cover no-repeat}
.elem .text-wrap,.elem .descr{padding:10px}
.elem .name,.elem .descr .name{font-weight:600;font-size:14px;min-height:2.6em}
.btn-simple{margin:8px 10px 12px}
/* left catalog cleaner */
#left,.leftBlock,.sideColumn{width:250px}
#main{overflow:hidden;padding-bottom:40px}
.sideBlock .heading{color:#c62828}
/* news list */
.newsList .item,.sideBlock .item{padding:8px 0;border-bottom:1px solid #eee;font-size:13px}
/* hide leftover absolute-offscreen */
[style*="left:-9999px"]{display:none!important}


/* jh115-v4-dresscode-reconstruct round3 layout */
#main.color_white{background:#fff;padding:0 0 40px}
#main > .limiter{display:block}
#main .compliter{display:flex;align-items:flex-start;gap:20px}
#left{float:none;width:260px;flex:0 0 260px}
#right{float:none;flex:1;min-width:0}
#catalogMenuHeading{display:block;background:#c62828;color:#fff!important;padding:12px 14px;border-radius:4px 4px 0 0;font-size:15px;text-decoration:none!important;margin:0}
#catalogMenuHeading ins{display:none}
#leftMenu{border:1px solid #e5e5e5;border-top:0;background:#fff;margin:0 0 16px;padding:0}
#leftMenu > li{border-bottom:1px solid #eee}
#leftMenu .menuLink{display:block;padding:0;color:#222;text-decoration:none}
#leftMenu .tb{display:flex;align-items:center;gap:8px;padding:8px 10px}
#leftMenu .pc img{width:24px;height:24px;object-fit:contain}
#leftMenu .link-title{font-size:13px}
#leftMenu .drop{display:none;position:static;background:#fafafa;padding:6px 8px 10px 36px}
#leftMenu .allow-dropdown:hover > .drop,#leftMenu .eChild:hover > .drop{display:block}
#leftMenu .drop .menuLink{padding:4px 0;font-size:12px;color:#444}
#leftMenu .drop img{max-width:100%;height:auto;margin:0 0 4px;border-radius:3px}
#left .sideBlock,#left .collapsed{margin:0 0 14px}

#promoBlock,#sliderBlock{margin:0 0 18px}
#slider{position:relative;height:280px;border-radius:8px;overflow:hidden;background:#1a237e linear-gradient(135deg,#0d47a1,#b71c1c)}
#slider .slideBox{margin:0;padding:0;height:100%}
#slider .slideBox li{list-style:none;height:100%;position:relative}
#slider .sliderContent{display:block!important;position:absolute;left:40px;bottom:40px;z-index:2;color:#fff}
#slider .bigText{font-size:28px;font-weight:700;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.35)}
#slider .bigText.whiteColor{color:#fff}
#slider .cButton,.cButton{display:inline-block;margin-top:14px;background:#c62828;color:#fff!important;padding:10px 18px;border-radius:4px;text-decoration:none!important;font-weight:600}
#slider .slideBox li > span[data-large],#slider .slideBox li > span[data-normal]{
  display:block;position:absolute;inset:0;background-size:cover;background-position:center;opacity:.85}
#slider .sliderBtnLeft,#slider .sliderBtnRight{display:none}

.index-banners{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.elem-column{width:calc(33.333% - 10px);min-width:200px;margin:0}
.elem-wrap{display:block;text-decoration:none!important;color:inherit}
.elem{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .15s}
.elem:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.elem .bg{height:160px;background-color:#f3f3f3;background-size:cover;background-position:center}
.elem .text-wrap{padding:12px 14px 14px}
.elem .name{font-size:15px;font-weight:700;color:#222;min-height:2.4em}
.elem .btn-simple{margin:8px 0 0}

.popSection{margin:0 0 24px}
.popSection .heading{font-size:20px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #c62828}
.productTable{display:flex;flex-wrap:wrap;gap:14px}
.productTable .product{width:calc(25% - 12px)}


/* jh115 round4 header/products */
#subHeader6 .subTable{display:flex;align-items:center;gap:16px}
#subHeader6 .subTableColumn{display:block;width:auto!important;flex:1}
#subHeader6 .subTableColumn:nth-child(1){flex:0 0 220px}
#subHeader6 .subTableColumn:nth-child(2){flex:1}
#subHeader6 .subTableColumn:nth-child(3){flex:0 0 260px;text-align:right}
#logo{order:-1}
#flushTopCompare,#flushTopwishlist,#flushTopCart{float:none;display:inline-flex;margin:4px}
.product .picture img,.productColImage img,.getFastView img{max-height:180px;width:auto;margin:0 auto;display:block}
.productColImage,.picture{min-height:160px;background:#fafafa}
.nameWrap .price, .price{white-space:nowrap}