/* BLACKOUT: главная ниже hero (T-0003): чёрный фон, плитки категорий, полоса «Популярні товари». */

/* Чёрный основной фон главной. Цвета текста переопределяются переменными WoodMart. */
body.home,
body.home .wd-page-wrapper,
body.home .wd-page-content,
body.home .main-page-wrapper{background-color:#0b0b0a!important;background-image:none!important}
body.home .wd-page-content{--wd-text-color:#c9c3b5;--wd-title-color:#f1ede4;--wd-link-color:#f1ede4;--wd-link-color-hover:#ffc20e;color:#c9c3b5}

.bo-tiles,.bo-pop{
	--bo-yellow:#ffc20e;--bo-ink:#0b0b0a;--bo-line:#3a342a;--bo-muted:#9a958a;
	--bo-f-head:"Russo One","Arial Black",Impact,sans-serif;
	--bo-f-num:ui-monospace,"Cascadia Mono",Consolas,monospace;
	--bo-hud:linear-gradient(var(--bo-yellow),var(--bo-yellow));
	box-sizing:border-box;color:#f1ede4;
}
.bo-tiles *,.bo-pop *,.bo-tiles *::before,.bo-pop *::before,.bo-tiles *::after,.bo-pop *::after{box-sizing:border-box}
.bo-tiles a,.bo-pop a{text-decoration:none;color:inherit}
.bo-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* HUD-уголки: общий приём для плитки и карточки */
.bo-tile::after,.bo-pc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;z-index:4;
	background:
		var(--bo-hud) top left/16px 3px no-repeat,var(--bo-hud) top left/3px 16px no-repeat,
		var(--bo-hud) top right/16px 3px no-repeat,var(--bo-hud) top right/3px 16px no-repeat,
		var(--bo-hud) bottom left/16px 3px no-repeat,var(--bo-hud) bottom left/3px 16px no-repeat,
		var(--bo-hud) bottom right/16px 3px no-repeat,var(--bo-hud) bottom right/3px 16px no-repeat}
.bo-tile:hover::after,.bo-tile:focus-visible::after,.bo-pc:hover::after,.bo-pc:focus-within::after{opacity:1}

/* ===== Плитки категорий ===== */
.bo-tiles{padding:28px 0 12px}
.bo-tiles__label{margin:0 0 8px;font:700 12px/1.2 var(--bo-f-num);text-transform:uppercase;letter-spacing:.12em;color:var(--bo-muted)}
.bo-tiles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.bo-tile{position:relative;isolation:isolate;display:block;overflow:hidden;aspect-ratio:800/327;border:1px solid #4a4233;border-radius:4px;background:#17110b;box-shadow:0 6px 16px rgba(0,0,0,.45);transition:border-color .25s}
.bo-tile:hover,.bo-tile:focus-visible{border-color:var(--bo-yellow)}
.bo-tile:focus-visible{outline:2px solid var(--bo-yellow);outline-offset:2px}
.bo-tile__bg{position:absolute;inset:0;z-index:-2;display:block}
.bo-tile__bg picture,.bo-tile__bg img{display:block;width:100%;height:100%}
.bo-tile__bg img{object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bo-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(10,8,6,.55) 0,rgba(10,8,6,.12) 36%,transparent 58%)}
.bo-tile__title{position:absolute;left:6%;top:9%;z-index:2;max-width:58%;margin:0;font-weight:800;font-size:clamp(15px,1.25vw,22px);line-height:1.2;font-family:inherit;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8);text-transform:none}
.bo-tile__pic{position:absolute;right:15%;bottom:4%;width:52%;display:grid;place-items:center;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:50% 80%}
.bo-tile__pic picture,.bo-tile__pic img{display:block;width:100%;height:auto}
.bo-tile__pic--battery{right:10%;bottom:2%;width:44%}
.bo-tile__pic--battery img{filter:drop-shadow(0 10px 12px rgba(0,0,0,.7))}
.bo-tile__pic--photo img{-webkit-mask:radial-gradient(closest-side,#000 62%,transparent);mask:radial-gradient(closest-side,#000 62%,transparent)}
.bo-tile__pic--icon{width:40%;color:rgba(255,194,14,.6)}
.bo-tile__pic--icon .bo-i{width:100%;height:auto;stroke-width:1.1}
.bo-tile:hover .bo-tile__bg img,.bo-tile:focus-visible .bo-tile__bg img{transform:scale(1.07)}
.bo-tile:hover .bo-tile__pic,.bo-tile:focus-visible .bo-tile__pic{transform:scale(1.1)}
.bo-tile__go{position:absolute;right:4%;bottom:9%;z-index:3;width:10.8%;aspect-ratio:1;display:grid;place-items:center;background:var(--bo-yellow);color:var(--bo-ink);border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.5);font-size:clamp(14px,1.3vw,22px)}
.bo-tile__go .bo-i{stroke-width:2.6}

/* ===== Полоса «Популярні товари» (на всю ширину окна) ===== */
.bo-pop{position:relative;width:100vw;max-width:100vw;margin:28px calc(50% - 50vw) 0;padding:28px 0 40px;
	background:radial-gradient(60% 120% at 50% 0,rgba(140,80,30,.22),transparent 70%),linear-gradient(#17120d,#100d0a);border-block:1px solid #2a241c}
.bo-pop__in{max-width:1290px;margin-inline:auto;padding-inline:16px}
.bo-pop__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.bo-pop__title{margin:0;display:flex;align-items:center;gap:18px;font:400 clamp(24px,3vw,38px)/1 "Black Ops One","Russo One",Impact,sans-serif;text-transform:uppercase;color:#f1ede4}
.bo-pop__title::after{content:"";width:clamp(60px,22vw,320px);height:20px;transform:skewX(-20deg);background:repeating-linear-gradient(-45deg,var(--bo-yellow) 0 12px,var(--bo-ink) 12px 24px)}
.bo-pop__all{display:inline-flex;gap:8px;align-items:center;color:var(--bo-yellow)!important;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.bo-pop__all:hover{filter:brightness(1.15)}
.bo-pop__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

.bo-pc{position:relative;display:grid;grid-template-columns:46% minmax(0,1fr);background:#13110e;border:1px solid #3a3328;border-radius:4px;overflow:hidden}
.bo-pc__img{display:grid;place-items:center;background:#0d0b09;align-self:stretch;min-height:140px}
.bo-pc__img img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.bo-pc__body{padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.bo-pc__name{margin:0;font-weight:700;font-size:14px;line-height:1.3;font-family:inherit;text-transform:none}
.bo-pc__name a{color:#f1ede4}
.bo-pc__name a:hover{color:var(--bo-yellow)}
.bo-pc__name a::after{content:"";position:absolute;inset:0;z-index:1} /* вся карточка кликабельна */
.bo-pc__lines{list-style:none;margin:0;padding:0;font-size:13px;color:var(--bo-muted);display:grid;gap:1px}
.bo-pc__price{margin-top:auto;font:700 20px/1.1 var(--bo-f-num);color:#fff}
.bo-pc__price del{display:block;font-size:13px;color:var(--bo-muted)}
.bo-pc__price ins{background:none;text-decoration:none;color:#fff}
.bo-pc__btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:40px;padding:10px;background:var(--bo-yellow);color:var(--bo-ink)!important;border:0;font-weight:800;font-size:13px;line-height:1;font-family:inherit;text-transform:uppercase;letter-spacing:.04em;transition:filter .2s}
.bo-pc__btn:hover{filter:brightness(1.1)}
.bo-pc__btn.loading{opacity:.6}
.bo-pc__btn.added{background:#86c06e}
.bo-pc .added_to_cart{display:none}

@media (max-width:1180px){
	.bo-pop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bo-pc{grid-template-columns:40% minmax(0,1fr)}
}
@media (max-width:900px){.bo-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
	.bo-pop__grid{grid-template-columns:1fr}
	.bo-tile__title{font-size:15px}
	.bo-pop__title::after{display:none}
}
@media (prefers-reduced-motion:reduce){
	.bo-tile__bg img,.bo-tile__pic,.bo-tile::after,.bo-pc::after{transition:none}
	.bo-tile:hover .bo-tile__bg img,.bo-tile:hover .bo-tile__pic{transform:none}
}

/* T-0006: штатный слайдер WoodMart по ширине контента (снимаем «stretch» на всю ширину окна) */
.site-content .wd-slider.wd-stretched{width:100%;inset-inline-start:0}