/* courier-prime-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/courier-prime-v9-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/courier-prime-v9-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* courier-prime-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/courier-prime-v9-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/courier-prime-v9-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* bungee-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bungee';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bungee-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/bungee-v13-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* bebas-neue-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bebas-neue-v14-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --header-height: 60px;
    --barbers-body-color: var(--barbers-gray-600);
}

::selection { color: #fff; background: #1e1e1e; }
::-moz-selection { color: #fff; background: #1e1e1e; }

body { font-family: 'Courier Prime', monospace;  }


.btn { --barbers-btn-font-size: 1rem;--barbers-btn-font-weight: 700;--barbers-btn-padding-x: 1rem;--barbers-btn-padding-y: .75rem;--barbers-btn-border-radius: 0;
    text-transform: uppercase;
}
.btn-sm { --barbers-btn-font-size: .75rem; --barbers-btn-padding-x: .75rem;--barbers-btn-padding-y: .5rem;  }
.btn-primary {--barbers-btn-color: #fff; }

.btn svg, .nav-link svg { display: inline-block; width: 16px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Bungee', sans-serif; color: #000; font-weight: 400; letter-spacing: 1px; }
.main-title { font-family: 'Bungee', sans-serif; margin: 0 0 1.5rem 0; font-size: 3.25rem; }
.sub-title { font-family: 'Bungee', sans-serif; margin: 0 0 .5rem 0; font-size: 1.25rem; }

.header-primary { background-color: #fff; }

.navbar { --barbers-navbar-padding-y: 0; --barbers-navbar-brand-padding-y: 0; --barbers-navbar-nav-link-padding-x: 1rem; --barbers-navbar-brand-margin-end: 0; }
.navbar-nav { --barbers-nav-link-padding-y: 1rem; --barbers-nav-link-font-size: 1.1rem; --barbers-nav-link-font-weight: 700; --barbers-nav-link-color: #000; --barbers-nav-link-hover-color: var(--barbers-primary); --barbers-navbar-active-color: var(--barbers-primary); }
.navbar-nav .nav-link { text-transform: uppercase; letter-spacing: 1px; }
.navbar-nav .nav-link.active { position: relative; --barbers-nav-link-font-weight: 700; }

.navbar-brand { width: 106px; }

.dropdown-menu { --barbers-dropdown-padding-y: 5px; --barbers-dropdown-font-size: 1rem; --barbers-dropdown-link-hover-color: #fff; --barbers-dropdown-link-hover-bg: var(--barbers-primary);
    --barbers-dropdown-divider-margin-y: 5px;
}
.dropdown-item { font-weight: 700; }

.quick-nav { display: flex; gap: .25rem; margin-top: -3px; margin-left: .5rem;
    --barbers-nav-link-padding-y: .5rem; --barbers-nav-link-padding-x: .5rem;--barbers-nav-link-color: #000; --barbers-nav-link-hover-color: var(--barbers-primary)
}
.quick-nav svg { width: 22px; }

.promobox { height: calc(100vh - var(--header-height)); /*margin-top: calc(var(--header-height) * -1);*/ padding-bottom: var(--header-height); display: flex; flex-direction: column}
.promobox-inner { position: relative; height: 100%; }
.promobox img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }

.text-widget { position: relative; }
.text-widget .section-title { position: absolute; top: 0; left: 0; padding-left: 9%; width: 50%;}
.text-widget .content-text { text-align: justify; line-height: 1.8; padding-top: 3.5rem; }

.section-title { margin: 0 0; line-height: 1; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 4.875rem; color: #fff; pointer-events: none; cursor: default;
    --barbers-border-color: var(--barbers-primary);
    text-shadow: -1px -1px 0 var(--barbers-border-color), 1px -1px 0 var(--barbers-border-color), -1px 1px 0 var(--barbers-border-color), 1px 1px 0 var(--barbers-border-color);
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}

/*
.block-list, .block-list * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
*/

.block-list { display: flex; }
.block-item { flex: 1 0 0%; width: 100%; max-width: 100%; text-align: center; }
.block-inner { position: relative; }
.block-image { position: relative; overflow: hidden; }
.block-hover { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: flex; padding: 2rem;
    opacity: 0; transition: opacity .25s ease-out,all .3s cubic-bezier(.46,.03,.52,.96); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);
}
.block-hover .main-title { margin: auto; color: #000; font-size: 2rem; }
.block-title { padding: 1.25rem 0 2.5rem 0; }
.block-title .main-title { margin: 0 0; color: #fff; }
.block-title .main-title a { color: inherit; text-decoration: none; }

.offset-list {}
.offset-item:nth-child(2n-1) { border-bottom: 35px solid transparent; }
.offset-item:nth-child(2n) { border-top: 35px solid transparent; }

.offset-item .block-inner { background-color: var(--barbers-secondary); }
.offset-item:nth-child(2n) .block-inner { background-color: var(--barbers-dark); }

.category-widget .block-image img { transform: scale(1.005) translateZ(0); transition: transform .35s cubic-bezier(.25,.46,.45,.94); will-change: transform; }
.category-widget .block-item:hover img { transform: scale(1.03); }
.category-widget .block-item:hover .block-hover { opacity: .75; -webkit-clip-path: inset(10px 10px 10px 10px); clip-path: inset(10px 10px 10px 10px); transition-delay: 0s,.15s; }

.text-widget-2 {}
.tw2-item { display: flex; border-top: 35px solid transparent; border-bottom: 35px solid transparent; color: var(--barbers-gray-400) }
.tw2-inner { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 3rem; background-color: var(--barbers-dark); }
.tw2-item .sub-title { color: #fff; }
.tw2-item .main-title { color: var(--barbers-gray-400) }

.category-page {}
.category-section { margin-bottom: 4rem; }
.category-title { display: flex; gap: 2rem; align-items: flex-end; margin-bottom: 2rem; }
.category-title .main-title { margin-bottom: 0; }
.category-title .section-title {}

.product-list {}
.product-item { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; height: 100%; }
.product-image { }
.product-image img {}
.product-name { margin: .5rem 0; font-size: 2rem; line-height: 1.1; }
.product-name .nav-link { --barbers-nav-link-hover-color: var(--barbers-primary); }
.product-text { margin-top: auto; }

.product-header { position: relative; padding-top: 3rem; }
.product-header .main-title { }
.product-header .section-title { position: absolute; z-index: -1; bottom: 1rem; left: -1rem; }

.product-price { line-height: 1; }
.product-price .price { font-size: 2rem; color: var(--barbers-primary); font-weight: 700; }
.product-price .price-old { color: var(--barbers-gray-400); text-decoration: line-through; }

.product-action { display: flex; gap: 1.5rem; }
.product-action .input-group { width: auto; }
.product-action .input-group .form-control.qty { max-width: 70px; padding: .5rem .5rem; text-align: center; }

.product-badges { display: flex; flex-wrap: wrap; --barbers-border-color: #ebebeb; }
.product-badges .item { flex: 0 0 auto; width: 25%; padding: 1px;
    box-shadow: 1px 0 0 0 var(--barbers-border-color), 0 1px 0 0 var(--barbers-border-color), 1px 1px 0 0 var(--barbers-border-color), 1px 0 0 0 var(--barbers-border-color) inset, 0 1px 0 0 var(--barbers-border-color) inset;
}
.product-badges .item img {
    image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0);
}

.product-warning { position: relative; margin-bottom: 1.5rem; }
.product-warning .section-title { --barbers-border-color: var(--barbers-gray-300); }
.product-attribute { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 2rem; }
.product-attribute .item {}
.product-attribute .item .num { font-size: 4rem; color: var(--barbers-gray-600); line-height: 1; }
.product-attribute .item .title { margin: 0 0; font-size: 1.25rem; }

.product-materials { display: flex; flex-wrap: wrap; gap: 1rem; font-family: var(--barbers-font-sans-serif); color: var(--barbers-gray-600)  }
.product-materials .item { text-transform: uppercase; display: flex; align-items: center; }
.product-materials .item svg { width: 16px; color: var(--barbers-primary); margin-right: 5px;}

.accordion { --barbers-accordion-border-width: 0; --barbers-accordion-btn-color: #000; --barbers-accordion-active-color: #000; --barbers-accordion-active-bg: var(--barbers-light);
    --barbers-accordion-btn-icon-width: 2rem;
    --barbers-accordion-btn-focus-box-shadow: none;
    --barbers-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-item { }
.accordion-item:not(:first-of-type) { margin-top: 1rem; }
.accordion-button { font-size: 2rem; }

.primary-footer {  color: var(--barbers-gray-400); }
.primary-footer .sub-title { color: #fff; }
.primary-footer .top { background-color: var(--barbers-dark); }
.primary-footer .top .row { gap: clamp(0px, 1.57vw, 30px); }
.primary-footer .bottom { background-color: #000; margin-bottom: calc(var(--barbers-gutter-x) * .5); }
.primary-footer .nav-footer { --barbers-nav-link-padding-x: 0; --barbers-nav-link-padding-y: 5px; --barbers-nav-link-color: var(--barbers-gray-500) }
.primary-footer .nav-footer .nav-item { margin-bottom: 5px; }
.primary-footer .nav-footer .nav-link { display: inline-block; }
.primary-footer .nav-footer .nav-link svg { margin-right: 5px; }
.primary-footer .bottom .nav-footer { gap: 1rem; --barbers-nav-link-color: #fff; --barbers-nav-link-padding-y: 0; }
.primary-footer .bottom .nav-footer .nav-item { margin: 0; }

/*.stretched-link::after { content: none; }*/
.stretched-link::after { z-index: 3; }

.page-image { height: clamp(100px, 25.22vw, 480px); background: 50% 50% no-repeat scroll; background-size: cover;
    display: flex; justify-content: center; align-items: center;
}
.page-image .main-title { margin: 0; color: #fff; filter: drop-shadow(0 0 15px rgba(0,0,0,.9))}

.m-webshop:not(.c-categories, .c-products) .page-image,
.m-user .page-image { height: clamp(100px, 7.8vw, 150px); }
.m-webshop:not(.c-categories, .c-products) .page-image .main-title,
.m-user .page-image .main-title { display: none; }

.m-webshop:not(.c-categories, .c-products) .page-container.py-xl-5,
.m-user .page-container.py-xl-5 { padding-top: 3rem!important; }


/*.m-user .page-container h1.main-title { display: none; }*/

.help-block { font-family: "Courier Prime", sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0; }

.card { border-radius: 0!important; }


/**/
.breadcrumb {
    --barbers-breadcrumb-padding-x: 1rem;
    --barbers-breadcrumb-padding-y: .5rem;
    --barbers-breadcrumb-margin-bottom: 1rem;
    --barbers-breadcrumb-bg: var(--barbers-light);
    --barbers-breadcrumb-border-radius: 0;
    --barbers-breadcrumb-divider-color: var(--barbers-gray-500);
    --barbers-breadcrumb-item-padding-x: 0.5rem;
    --barbers-breadcrumb-item-active-color: var(--barbers-primary);
}
.breadcrumb-item.active { font-weight: 700; }
.breadcrumb-item+.breadcrumb-item::before { font-weight: 400; }

/**/
.cart .basket { font-size: 14px }
.cart .basket thead { font-size: 13px; }
.cart .basket thead .pic { width: 76px; }
.cart .basket thead .name { }
.cart .basket thead .price { width: 100px; text-align: right; }
.cart .basket thead .qty { width: 90px; text-align: center; }
.cart .basket thead .price-sum { width: 110px; text-align: right; }
.cart .basket thead .delete { width: 20px; }

.cart .basket tbody td { vertical-align: middle; }
.cart .basket tbody .pic { }
.cart .basket tbody .pic a { }
.cart .basket tbody .pic img { max-width: 60px; }
.cart .basket tbody .name { }
.cart .basket tbody .name a { color: #000; font-weight: 500; }
.cart .basket tbody .name a:hover { color: var(--barbers-primary); text-decoration: underline; }
.cart .basket tbody .name .modifiers { }
.cart .basket tbody .name .modifiers .modifier { }
.cart .basket tbody .name .modifiers .modifier span { }
.cart .basket tbody .prices { text-align: right; }
.cart .basket tbody .prices .price { }
.cart .basket tbody .prices .price.old { }
.cart .basket tbody .prices .price.sale { }
.cart .basket tbody .prices .price.regular { }
.cart .basket tbody .qty { text-align: center; }
/*.cart .basket tbody .qty .form-control { display: inline-block; width: 40px; text-align: center; padding: 6px; }*/
.cart .basket tbody .qty .form-control { text-align: center; }
.cart .basket tbody .btn svg { width: 16px; }
.cart .basket tbody .price-sum { text-align: right; }
.cart .basket tbody .delete { text-align: center; }
/*.cart .basket tbody .delete a { display: inline-block; }*/

.cart .basket .totals { }
.cart .basket .totals td { background: transparent; }
.cart .basket .totals td { font-weight: bold; }
.cart .basket .totals .text-right { border-left: 0 none; }
.cart .basket .totals .hidden-xs { border-right: 0 none; }

.cart .msg textarea { height: 120px; resize: none; }

.cart .summary-user { margin-bottom: 30px; }
.cart .summary-user > a.edit { float: right; }
.cart .summary-user > div { margin-bottom: 10px; }
.cart .summary-user > div > .title { font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; }
.cart .summary-user .user-info { }
.cart .summary-user .user-billing { }
.cart .summary-user .user-shipping { }

.cart .buttons { }
.cart .buttons .btn {}
.cart .buttons .btn.back { }
.cart .buttons .btn.modify { }
.cart .buttons .btn.empty { }

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
}
@media (min-width: 1200px) {
    html { font-size: 16px; }
    .container-fluid { /*--barbers-gutter-x: 100px;*/ --barbers-gutter-x: clamp(1rem, 5.25vw, 100px); }
    .py-xl-5 { padding-top: clamp(1rem, 5.46vw, 6.5rem)!important; padding-bottom: clamp(1rem, 5.46vw, 6.5rem)!important; }
    /*.py-xl-5 { padding-top: 6.5rem!important; padding-bottom: 6.5rem!important; }*/
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .block-title .main-title { font-size: 2rem; }
    .offset-item:nth-child(2n-1) { border-bottom: 25px solid transparent; }
    .offset-item:nth-child(2n) { border-top: 25px solid transparent; }
}
@media (min-width: 576px) and (max-width: 1199.98px) {

}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {
    .accordion-button { font-size: 1.5rem; }
}
@media (min-width: 576px) and (max-width: 991.98px) {

}
@media (min-width: 576px) and  (max-width: 1199.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .block-title .main-title { font-size: 2.75rem; }

    .text-widget-2 .col-img { position: relative; }
    .text-widget-2 .col-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }
    .primary-footer .top .row { gap: 10px; }
}
@media (min-width: 1200px) and  (max-width: 1399.98px) {

}

@media (max-width: 389.98px) {

}
@media (max-width: 575.98px) {
    html { font-size: 14px; }

    .product-item { max-width: 375px; margin: 0 auto; }
    .accordion-button { font-size: 1.2rem; }
}
@media (max-width: 767.98px) {
    .main-title { font-size: 2rem; }
    .sub-title { font-size: 1.25rem; }
    .category-title .section-title { font-size: 3.5rem; }
    .product-header .section-title { font-size: 3.5rem; }
    .product-badges .item { width: 33.3333%; }

    .offset-item { border: 0 none!important; }
    .category-widget .block-list { flex-direction: column; }
    .category-widget .block-item { max-width: 320px; margin: 0 auto 2rem auto; }

    .primary-footer .bottom { font-size: 12px; }
}
@media (max-width: 991.98px) {
    .navbar-brand { width: 80px; --barbers-navbar-brand-padding-y: 5px; }
    .promobox { padding-bottom: 2rem; }

    .block-title { padding: .75rem 0 1rem 0; }
    .block-title .main-title { font-size: 1.5rem; }
    .block-hover .main-title { font-size: 1rem; }

    .text-widget .section-title { font-size: 2.5rem; }

    .tw2-item { border: 0 none; }
    .tw2-item .main-title { font-size: 2rem; }
    .tw2-inner { padding: 1.5rem; }

    .gallery-widget .block-list { flex-wrap: wrap; }
    .gallery-widget .block-item { flex: 0 0 auto; width: 50%; border: 0 none; }

    .category-title { gap: 1rem; }

    .product-header .section-title { left: -.5rem }

    .accordion { --barbers-accordion-btn-icon-width: 1.5rem; }

    .primary-footer .top .row { gap: 0; }
    .logo-footer { max-width: 150px; }

    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas-navigation { background-color: #fff; }
    .offcanvas-navigation .offcanvas-header { /*border-bottom: 1px solid var(--fd-gray-800);*/ }
    .offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
    .offcanvas-navigation .offcanvas-search { padding-top: 0; padding-bottom: 0; }
    .offcanvas-navigation .offcanvas-search .search-box { width: 100%; }
    .offcanvas-navigation .offcanvas-title img { max-width: 50px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation ul .nav-link { font-size: 1rem; font-weight: 700; }
    .offcanvas-navigation .info-list .nav-link { font-weight: 400; }
    .offcanvas-navigation .navbar-nav { --barbers-nav-link-padding-y: .5rem }
    .offcanvas-navigation .nav-link.active { background-color: var(--barbers-primary); color: #fff; margin-right: calc(var(--barbers-offcanvas-padding-x) * -1); margin-left: calc(var(--barbers-offcanvas-padding-x) * -1); padding-right: var(--barbers-offcanvas-padding-x); padding-left: var(--barbers-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
    .offcanvas-navigation .dropdown-menu { --fd-dropdown-padding-y: 5px; }
    .offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--barbers-border-color-translucent); }
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal }
    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover { color: #fff; background-color: var(--barbers-primary); }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--barbers-offcanvas-padding-x); }
    
}
@media (max-width: 1199.98px) {
    .text-widget .section-title { position: static; padding-left: 0; width: auto; }
    .text-widget .content-text { padding-top: 1.5rem; }


}
@media (max-width: 1399.98px) {

}