/* BRITAN 2026 — redesign layer over eshop_bootstrap_blue. Brand: #121212 / #B01C22 / #FFFFFF, Inter. */
:root{
	--br-black:#121212;
	--br-red:#B01C22;
	--br-bg:#F5F5F5;
	--br-card:#FFFFFF;
	--br-line:#E5E5E5;
	--br-muted:#5C5C5C;
	--br-radius:12px;
}

/* ---------- base ---------- */
body.britan{background:var(--br-bg);color:var(--br-black);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.britan,body.britan p,body.britan li,body.britan td,body.britan th,body.britan input,body.britan button,body.britan select,body.britan textarea,body.britan h1,body.britan h2,body.britan h3,body.britan h4,body.britan h5,body.britan .bx-title{font-family:Inter,Arial,sans-serif}
body.britan a{color:var(--br-black)}
body.britan a:hover,body.britan a:focus{color:var(--br-red);text-decoration:none}
body.britan .bx-wrapper{background:var(--br-bg)}
body.britan .container{width:auto;max-width:1280px;padding-left:24px;padding-right:24px}
.br-container{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
body.britan :focus-visible{outline:2px solid var(--br-red);outline-offset:2px}

/* ---------- buttons ---------- */
body.britan .btn-primary,body.britan .btn-default.product-item-detail-buy-button,body.britan .product-item-button-container .btn,body.britan .btn.btn-default,body.britan .bx-soa .btn-default,body.britan .basket-btn-checkout{background:var(--br-black);border-color:var(--br-black);color:#fff;border-radius:8px;font-weight:600;text-shadow:none;box-shadow:none}
body.britan .btn-primary:hover,body.britan .btn.btn-default:hover,body.britan .product-item-button-container .btn:hover,body.britan .basket-btn-checkout:hover{background:var(--br-red);border-color:var(--br-red);color:#fff}
.br-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none!important;transition:background .15s,color .15s}
.br-btn-light{background:#fff;color:var(--br-black)!important}
.br-btn-light:hover{background:var(--br-red);color:#fff!important}
.br-btn-outline{border:2px solid #fff;color:#fff!important}
.br-btn-outline:hover{background:#fff;color:var(--br-black)!important}
.br-btn-ozon{background:#005BFF;color:#fff!important}
.br-btn-ozon:hover{background:#0047C7}

/* ---------- top bar ---------- */
.br-topbar{background:var(--br-black);color:#E6E6E6;font-size:13px}
.br-topbar .br-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:8px;padding-bottom:8px}
.br-topbar-info span+span{margin-left:20px}
.br-topbar-links a{color:#E6E6E6!important;margin-left:20px}
.br-topbar-links a:hover{color:#fff!important}
.br-topbar-links .br-topbar-phone{color:#fff!important;font-weight:600}

/* ---------- header ---------- */
.br-header{background:#fff;border-bottom:1px solid var(--br-line);position:sticky;top:0;z-index:500}
.br-header-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;padding-top:14px;padding-bottom:14px}
.br-logo{display:block;flex:none}
.br-logo img{display:block;height:36px;width:auto}
.br-search{flex:1 1 360px;min-width:0}
body.britan .br-search .bx-searchtitle{margin:0;padding:0}
body.britan .br-search .bx-input-group{display:flex;width:100%}
body.britan .br-search .bx-form-control{flex:1;min-width:0;height:46px;border:2px solid var(--br-black);border-right:0;border-radius:8px 0 0 8px;padding:0 16px;font-size:15px;box-shadow:none;background:#fff}
body.britan .br-search .bx-input-group-btn{display:block;width:auto}
body.britan .br-search .bx-input-group-btn button{height:46px;width:56px;border:0;border-radius:0 8px 8px 0;background:var(--br-black);color:#fff;padding:0}
body.britan .br-search .bx-input-group-btn button:hover{background:var(--br-red)}
.br-actions{display:flex;align-items:center;gap:4px;flex:none}
.br-act,.br-cart-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:56px;min-height:48px;padding:2px 8px;font-size:12px;line-height:1.2;color:var(--br-black)!important;text-decoration:none!important;white-space:nowrap}
.br-act:hover,.br-cart-link:hover{color:var(--br-red)!important}
.br-act-phone{display:none}
.br-cart .bx-basket{margin:0!important;padding:0!important}
.br-cart-count{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--br-red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-sizing:border-box}

/* ---------- catalog menu (bitrix:menu catalog_horizontal1) ---------- */
.br-nav{border-top:1px solid #EFEFEF;background:#fff}
body.britan .br-nav .bx-top-nav{background:transparent!important;margin:0;border:0;box-shadow:none}
body.britan .br-nav .bx-top-nav-container{background:transparent!important}
body.britan .br-nav .bx-nav-list-1-lvl{display:flex;flex-wrap:wrap;background:transparent!important;margin:0;padding:0}
body.britan .br-nav .bx-nav-1-lvl{background:transparent!important;border:0!important}
body.britan .br-nav .bx-nav-1-lvl>a{display:block;padding:14px 18px 14px 0;margin-right:10px;background:transparent!important;color:var(--br-black)!important;font-weight:700;font-size:14px;letter-spacing:.4px;text-transform:uppercase;border:0!important}
body.britan .br-nav .bx-nav-1-lvl>a:hover,body.britan .br-nav .bx-nav-1-lvl.bx-hover>a{color:var(--br-red)!important}
body.britan .br-nav .bx-nav-1-lvl>a.sale,body.britan .br-nav .bx-nav-1-lvl>a .sale{color:var(--br-red)!important}
body.britan .br-nav .bx-nav-1-lvl>a span{color:inherit!important}
body.britan .br-nav .bx-nav-parent-arrow{display:none}
body.britan .br-nav .bx-nav-2-lvl-container{background:#fff!important;border:1px solid var(--br-line);border-radius:0 0 12px 12px;box-shadow:0 16px 32px rgba(18,18,18,.12)}
body.britan .br-nav .bx-nav-2-lvl-container a{color:var(--br-black)!important;font-weight:500}
body.britan .br-nav .bx-nav-2-lvl-container a:hover{color:var(--br-red)!important;background:transparent!important}
body.britan .br-nav .bx-nav-list-2-lvl>li>a{font-weight:700!important}

/* ---------- page head / breadcrumbs ---------- */
.br-pagehead{padding:16px 0 4px}
body.britan .bx-breadcrumb{margin:0 0 6px;font-size:13px;color:var(--br-muted)}
body.britan .bx-breadcrumb a,body.britan .bx-breadcrumb span{color:var(--br-muted)!important;font-size:13px}
body.britan .bx-breadcrumb a:hover{color:var(--br-red)!important}
body.britan h1#pagetitle,body.britan .bx-title{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.3px;color:var(--br-black);margin:4px 0 20px}
body.britan .workarea{padding-bottom:48px}

/* ---------- home: hide legacy blocks from index.php ---------- */
body.britan-home .bx-content>h2{display:none}
body.britan-home .bx-content>h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.britan-home .workarea{padding-top:0}

/* ---------- home: hero ---------- */
.br-hero-wrap{padding-top:24px}
.br-hero{display:flex;flex-wrap:wrap;background:var(--br-black);border-radius:16px;overflow:hidden;color:#fff;position:relative}
.br-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--br-red)}
.br-hero-text{flex:1 1 460px;padding:56px 48px 62px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.br-kicker{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;border-left:3px solid var(--br-red);padding-left:10px}
body.britan .br-hero-title{margin:0;font-size:60px;line-height:1;font-weight:800;letter-spacing:-1px;text-transform:uppercase;color:#fff}
.br-hero-lead{margin:0;max-width:520px;font-size:18px;line-height:1.5;color:#C8C8C8}
.br-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.br-hero-media{flex:1 1 380px;min-height:340px;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 55%,#2b2b2b 0,#121212 70%)}
.br-hero-media img{max-width:100%;max-height:400px;width:auto;height:auto;display:block}

/* ---------- home: perks ---------- */
.br-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding-top:16px}
.br-perk{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--br-radius);padding:18px 20px}
.br-perk-mark{flex:none;width:46px;height:46px;border-radius:10px;background:#F2F2F2;color:var(--br-red);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.br-perk strong{display:block;font-size:15px}
.br-perk span{display:block;font-size:13px;color:var(--br-muted)}

/* ---------- sections ---------- */
.br-section{padding-top:48px}
.br-section-tight{padding-bottom:4px}
.br-section-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:20px}
body.britan .br-h2{margin:0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.3px;text-transform:uppercase;color:var(--br-black)}
.br-more{font-weight:600;color:var(--br-red)!important}
.br-more:hover{color:var(--br-black)!important}

/* ---------- home: categories ---------- */
.br-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.br-cat{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:var(--br-radius);padding:14px;text-decoration:none!important;transition:box-shadow .15s,transform .15s}
.br-cat:hover{box-shadow:0 10px 24px rgba(18,18,18,.10);transform:translateY(-2px)}
.br-cat-img{aspect-ratio:1/1;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.br-cat-img img{max-width:100%;max-height:100%;object-fit:contain}
.br-cat-name{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--br-black)}
.br-cat:hover .br-cat-name{color:var(--br-red)}

/* ---------- home: promos & brands ---------- */
.br-promos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.br-promo{border-radius:16px;padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.br-promo-dark{background:var(--br-black);color:#fff;border-left:8px solid var(--br-red)}
.br-promo-light{background:#fff;color:var(--br-black);border:1px solid var(--br-line)}
.br-promo-title{font-size:38px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.5px}
.br-promo-text{font-size:16px}
.br-promo-dark .br-promo-text{color:#C8C8C8}
.br-promo-light .br-promo-text{color:var(--br-muted)}
.br-promo .br-btn{margin-top:8px}
.br-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.br-brand{height:84px;background:#fff;border-radius:var(--br-radius);display:flex;align-items:center;justify-content:center;padding:12px;text-decoration:none!important}
.br-brand img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(100%);opacity:.85;transition:filter .15s,opacity .15s}
.br-brand:hover img{filter:none;opacity:1}
.br-brand span{font-weight:800;text-transform:uppercase}

/* ---------- product cards (catalog.top / catalog.section) ---------- */
body.britan .product-item-container{margin-bottom:16px}
body.britan .product-item{background:#fff;border:0!important;border-radius:var(--br-radius);padding:14px;box-shadow:none}
body.britan .product-item-container.hover .product-item,body.britan .product-item:hover{box-shadow:0 10px 24px rgba(18,18,18,.10)}
body.britan .product-item-image-wrapper{border-radius:8px;overflow:hidden}
body.britan .product-item-title{margin-top:10px}
body.britan .product-item-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-overflow:clip;min-height:40px;font-size:15px;line-height:1.35;font-weight:500;color:var(--br-black)!important}
body.britan .product-item-title a:hover{color:var(--br-red)!important}
body.britan .product-item-price-current{font-size:20px;font-weight:800;color:var(--br-black)}
body.britan .product-item-price-old{color:var(--br-muted)}
body.britan .product-item-label-text span,body.britan .product-item-label-ring{background:var(--br-red);color:#fff;border-radius:6px;font-weight:700}
body.britan .product-item-scu-item-text-block{border-radius:6px}
body.britan .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,body.britan .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:var(--br-black);border-color:var(--br-black)}
body.britan .catalog-section-description,body.britan .bx-section-desc{color:var(--br-muted)}

/* ---------- catalog filter / sorting ---------- */
body.britan .bx-filter .bx-filter-section{background:#fff;border-radius:var(--br-radius);border:0}
body.britan .bx-filter .bx-filter-title{font-weight:800}
body.britan .bx-filter .btn-themes,body.britan .bx-filter .bx-filter-popup-result a{background:var(--br-black)!important;border-color:var(--br-black)!important;color:#fff!important;border-radius:8px}
body.britan .bx-filter .bx-ui-slider-range,body.britan .bx-filter .bx-ui-slider-pricebar-v{background:var(--br-red)!important}
body.britan .pagination>.active>a,body.britan .bx-pagination .bx-pagination-container ul li.bx-active span{background:var(--br-black)!important;border-color:var(--br-black)!important;color:#fff!important}

/* ---------- product detail ---------- */
body.britan .product-item-detail-price-current{font-size:36px;font-weight:800;color:var(--br-black)}
body.britan .product-item-detail-tabs-container{border-color:var(--br-line)}
body.britan .product-item-detail-tab.active,body.britan .product-item-detail-tab:hover{border-bottom-color:var(--br-red)!important}
body.britan .product-item-detail-tab-link{color:var(--br-black)!important;font-weight:600;text-transform:none}
body.britan .product-item-detail-buy-button,body.britan .product-item-detail-pay-block .btn{min-height:52px;font-size:16px}
body.britan .product-item-detail-info-container-title{font-weight:600}
body.britan .product-item-detail-slider-container,body.britan .product-item-detail-pay-block,body.britan .product-item-detail-info-section{background:#fff;border-radius:var(--br-radius)}

/* ---------- basket & checkout accents ---------- */
body.britan .bx-soa-section{border-radius:var(--br-radius)}
body.britan .bx-soa-section.bx-selected{border-color:var(--br-black)}
body.britan .bx-soa-section-title-count:before{background:var(--br-black)!important}
body.britan .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container{border-color:var(--br-black)}
body.britan .basket-coupon-section,body.britan .basket-checkout-container{border-radius:var(--br-radius)}

/* ---------- footer ---------- */
.br-footer{margin-top:56px;background:var(--br-black);color:#C8C8C8;font-size:14px}
.br-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-top:48px;padding-bottom:40px}
.br-footer-col{display:flex;flex-direction:column;gap:10px}
.br-footer-col>strong{color:#fff;font-size:15px}
.br-footer a{color:#C8C8C8!important}
.br-footer a:hover{color:#fff!important}
.br-footer-brand img{display:block;height:64px;width:auto}
.br-footer .br-footer-phone{color:#fff!important;font-size:20px;font-weight:700}
.br-footer-social{font-size:13px;color:#A8A8A8}
.br-footer-social a{text-decoration:underline}
body.britan .br-footer .bx-inclinksfooter-container,body.britan .br-footer ul{list-style:none;margin:0;padding:0}
body.britan .br-footer .bx-inclinksfooter-item,body.britan .br-footer li{padding:3px 0;border:0;background:none}
body.britan .br-footer .bx-inclinksfooter-item a,body.britan .br-footer li a{font-size:14px}
.br-footer-subscribe{color:#C8C8C8}
body.britan .br-footer-subscribe input[type=text],body.britan .br-footer-subscribe input[type=email]{height:44px;border-radius:8px;border:0;padding:0 12px;color:var(--br-black)}
body.britan .br-footer-subscribe .btn,body.britan .br-footer-subscribe button,body.britan .br-footer-subscribe input[type=submit]{background:var(--br-red)!important;border-color:var(--br-red)!important;color:#fff!important;border-radius:8px}
body.britan .br-footer-subscribe label,body.britan .br-footer-subscribe .bx-subscribe *{color:#C8C8C8}
.br-footer-bottom{border-top:1px solid #2A2A2A}
.br-footer-bottom .br-container{padding-top:16px;padding-bottom:16px;font-size:13px;color:#A8A8A8}

/* ---------- responsive ---------- */
@media (max-width:991px){
	.br-topbar-info{display:none}
	.br-topbar .br-container{justify-content:flex-end}
	body.britan .br-hero-title{font-size:44px}
	.br-hero-text{padding:40px 32px 46px}
}
@media (max-width:767px){
	.br-topbar{display:none}
	.br-container,body.britan .container{padding-left:16px;padding-right:16px}
	.br-header-row{gap:10px 8px;padding-top:10px;padding-bottom:10px}
	.br-logo{flex:1}
	.br-logo img{height:28px}
	.br-search{order:3;flex:1 1 100%}
	.br-act-phone{display:flex}
	.br-act span,.br-cart-sum{display:none}
	.br-act,.br-cart-link{min-width:44px}
	.br-cart-count{right:0}
	body.britan .br-search .bx-form-control{height:44px}
	body.britan .br-search .bx-input-group-btn button{height:44px}
	.br-hero-wrap{padding-top:16px}
	.br-hero-text{padding:28px 22px 32px;gap:14px}
	body.britan .br-hero-title{font-size:34px}
	.br-hero-lead{font-size:15px}
	.br-hero-media{min-height:200px;padding:16px}
	.br-hero-media img{max-height:220px}
	.br-hero-btns .br-btn{flex:1 1 100%}
	.br-perks{grid-template-columns:1fr;gap:10px}
	.br-section{padding-top:32px}
	body.britan .br-h2{font-size:24px}
	.br-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
	.br-cat{padding:8px;gap:6px}
	.br-cat-name{font-size:13px;text-align:center}
	.br-promo{padding:24px}
	.br-promo-title{font-size:28px}
	body.britan h1#pagetitle,body.britan .bx-title{font-size:24px}
	body.britan .product-item{padding:10px}
	body.britan .product-item-title a{font-size:13px;min-height:36px}
	body.britan .product-item-price-current{font-size:17px}
}

/* fixes v2 */
body.britan .workarea .container,body.britan .bx-content-seection,body.britan .workarea .bx-content{background:transparent!important;box-shadow:none!important;border:0!important}
.br-perk .br-perk-mark{display:flex;font-size:15px;color:var(--br-red)}
.br-perk div span{display:block;font-size:13px;color:var(--br-muted)}
body.britan .br-footer-subscribe,body.britan .br-footer-subscribe *{font-weight:400!important;font-size:12px;line-height:1.45}
body.britan .br-footer-subscribe>strong{font-size:15px;font-weight:700!important;color:#fff}
body.britan .br-footer-subscribe .bx-subscribe{padding:0;background:none}/* fixes v3 */
.br-header{position:relative;top:auto}
body.britan .bx-filter a,body.britan .bx-filter .bx-filter-parameters-box-title span,body.britan .bx-filter-parameters-box-title{color:var(--br-black)!important}
body.britan .bx-filter .bx-filter-parameters-box-title span:hover{color:var(--br-red)!important}
body.britan .bx-soa-section{background:#fff}
/* fixes v4: mobile menu */
@media (max-width:767px){
	.br-nav{display:none}
	.br-logo{margin-left:44px}
	body.britan .bx-aside-nav-control{position:absolute!important;top:10px!important;left:10px!important;width:44px!important;height:44px!important;line-height:44px!important;text-align:center;background:#fff!important;color:#121212!important;border-radius:8px;box-shadow:none!important;font-size:20px}
	body.britan .bx-aside-nav-control i{color:#121212!important}
	body.britan .bx-aside-nav-control.bx-opened{position:fixed!important;background:#121212!important;color:#fff!important}
	body.britan .bx-aside-nav-control.bx-opened i{color:#fff!important}
	body.britan .bx-aside-nav{background:#fff!important;box-shadow:0 0 40px rgba(18,18,18,.25)}
	body.britan .bx-aside-nav a,body.britan .bx-aside-nav span{color:#121212!important;background:transparent!important}
	body.britan .bx-aside-nav .bx-nav-1-lvl>a{font-weight:700;text-transform:uppercase;font-size:15px;border-bottom:1px solid #EFEFEF!important}
	body.britan .bx-aside-nav a.sale,body.britan .bx-aside-nav .sale{color:#B01C22!important}
}
/* v5 */.brand_list img,.br-brand img{mix-blend-mode:multiply}.brandblock-container{padding:0!important}.brandblock-block{background-color:#fff!important;border:1px solid #e6e6e6!important;border-radius:12px!important;padding-top:64px!important;background-size:auto 44px!important;background-position:center!important;background-repeat:no-repeat!important;transition:border-color .15s}.brandblock-block:hover{border-color:#121212!important}.britan-ozon{margin:10px 0 0!important}.britan-ozon a.britan-ozon-btn{max-width:none!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;box-sizing:border-box;background:#fff!important;color:#121212!important;border:1.5px solid #121212!important;border-radius:8px!important;font-weight:600!important;font-size:15px!important;text-transform:uppercase;letter-spacing:.02em;text-decoration:none!important;box-shadow:none!important;transition:background .15s,color .15s}.britan-ozon a.britan-ozon-btn:hover,.britan-ozon a.britan-ozon-btn:focus{background:#121212!important;color:#fff!important}