html, body {height: 100%;}
:root {
--kamienica-color-primary: #1f419a; /* niebieski */
--kamienica-color-secondary: #8C7E72; /* brązowy */
--kamienica-color-tertiary: #202324; /* grafitowy */

}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
body {
  font-family: "Vollkorn", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;
  border: 0;
  margin: 0;
}
#main-content {font-family: "Roboto", sans-serif;}
/* Header */
#wrapper {
  width: 100%;
  background: #fff;
}
#wrapper .container {max-width: 1600px;}
/* Menu */
#menu-gorne.navbar { padding: 0;}
#mainmenu .nav.menu li:last-child {margin-right: 0;}
#mainmenu .nav.menu li a, #menu .nav.menu li a {
  transition: all 0.5s ease 0s;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
  position: relative;
  text-decoration: none;
  font-size: 1.5rem;
}
#mainmenu .nav.menu li a:hover, #menu .nav.menu li a:hover {
  transition: all 0.5s ease 0s;
  color: var(--kamienica-color-primary);
}
#mainmenu .nav.menu li.active a, #mainmenu .nav.menu li.active .dropdown-menu li.active a,
#menu .nav.menu li.active a, #menu .nav.menu li.active .dropdown-menu li.active a {
  transition: all 0.5s ease 0s;
  font-weight: bold;
  color: var(--kamienica-color-primary);
}
#mainmenu .nav.menu li.active .dropdown-menu a,
#menu .nav.menu li.active .dropdown-menu a {
  transition: all 0.5s ease 0s;
  color:#000;
  font-weight: normal;
}
#mainmenu .nav.menu li.active a:hover,
#menu .nav.menu li.active a:hover {background: transparent;}
#mainmenu ul.dropdown-menu, #menu ul.dropdown-menu {
  border-radius: 0;
  border: 0;
  text-align: center;
  background: #eee;
  padding: 10px 20px;
  white-space: nowrap;
}
#mainmenu .nav.menu li ul.dropdown-menu a, #menu .nav.menu li ul.dropdown-menu a {
  font-size: 1rem;
  margin: 8px 0;
  display: block;
  text-align: center;
}
#menu .nav-item.dropdown {text-align: center;}
/* Login form */
.col-user .btn-link, .col-user:hover .btn-link span svg,
.col-search .btn-link, .col-search:hover .btn-link span svg,
.user-menu .navbar-nav li a, .user-menu .navbar-nav li a:hover svg {
  color: #000;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
.col-user:hover .btn-link, .col-user .btn-link span svg,
.col-search:hover .btn-link, .col-search .btn-link span svg,
.user-menu .navbar-nav li a:hover {
  color: var(--kamienica-color-primary);
  transition: all 0.5s ease 0s;
}
#search .djc_mod_search button {margin-bottom: 0;}
.mod-login input, .mod-login .input-group-text {border-radius: 0;}
.login-form .modal-content,
.icon-eye:before, .icon-eye-open:before, .icon-eye:before {
  font-family: "Font Awesome 6 Free";
  content: "\f06e";
  display: none;
}
.icon-eye-slash:before, .icon-eye-close:before, .icon-eye-blocked:before, .icon-eye-2:before {
  font-family: "Font Awesome 6 Free";
  content: "\f070";
  display: none;
}
.mod-login__username .input-group-text {padding: 0 14px;}
/* Header Banner*/
.header-banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
}
/* Video layout */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.video-container iframe,
.video-container video,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Cookie info */
#cookiesBar {
  color: #fff;
  position: fixed;
  z-index: 9999;
  max-width: 400px;
  font-size: 0.8rem;
}
#cookiesBarWrap {
  position: relative;
  padding: 15px 35px 15px 135px;
  background-color: #000;
  background-image: url('../images/cookies.png');
  background-repeat: no-repeat;
  background-position: 15px center;
  color: #fff;
}
#cookiesBarClose {
  display: block;
  width: 20px;
  height: 19px;
  background: url("../images/btn-close.png") 0 0 no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 40px;
}
a#cookiesBarClose {border: 0;}
#cookiesBarClose:hover {background-position: -30px 0;}
.com-content-article__body a:link, .com-content-article__body a:visited, .breadcrumbs a {
  text-decoration: none;
  color: var(--kamienica-color-primary);
  transition: all 0.5s ease 0s;
  border-bottom: 1px dashed var(--kamienica-color-primary);
  padding-bottom:1px;
}
.page-header h1, .kontakt h2, .kontakt h3, .kontakt h4, .djc2-stock-counter {font-family: "Vollkorn", serif;}
/* Footer */
footer {color: #fff;}
footer a {color: #fff;}
footer a:hover {color: #ccc;}
#stopka1 {background: var(--kamienica-color-secondary);}
#stopka2 {background: var(--kamienica-color-tertiary);}
.social-icons a {
  font-size: 0.8rem;
  color: #fff;
  transition: all 0.5s ease 0s;
}
.social-icons .contact a {font-size: 1rem;}
.social-icons a:hover {
  color: #ccc;
  transition: all 0.5s ease 0s;
}
.social-icons .fa-inverse {color: var(--kamienica-color-secondary) !important;}
/* Parallax box */
.bottom-full {position: relative;}
.parallax-window {color: #fff;}
.parallax-window h1 {
  margin: 0;
  padding: 200px 0 50px 0;
  z-index: 3;
  position: relative;
}
.parallax-window h2 {
  z-index: 3;
  position: relative;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 20px;
  transition: all 0.5s ease 0s;
}
.dark-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.parallax-window a {
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 200px;
  transition: all 0.5s ease 0s;
}
.parallax-window a:hover {
  color: #000;
  transition: all 0.5s ease 0s;
}
.parallax-window a:hover h2 {
  background: #fff;
  transition: all 0.5s ease 0s;
  letter-spacing: 1px;
}
/* Simply scroll */
.simply-scroll-list li img {
	border: none;
	display: block;
	}
.simply-scroll {
	width: 100%;
	height: 100px;
}
.simply-scroll-container {
	position: relative;
	}
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 100px;
	position: relative;
	overflow: hidden;
	}
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.simply-scroll .simply-scroll-list li {
	float: left;
	width: auto;
	height: 100px;
	padding: 0 10px;
	list-style: none;
	}
/* Pagination */
.pagination .active > .page-link {
  background: var(--kamienica-color-tertiary);
  border-color: var(--kamienica-color-tertiary);
  color: #fff;
}
.pagination .page-link:hover {
  background: var(--kamienica-color-tertiary);
  color: #fff;
  transition: all 0.5s ease 0s;
}
.pagination .page-link {
  border-color: var(--kamienica-color-tertiary);
  color: var(--kamienica-color-tertiary);
  transition: all 0.5s ease 0s;
}
.pagination .disabled .page-link {color: #212529;}
.btn {border-radius: 0 !important;}
.dokumenty li {margin-bottom: 15px;}
.komunikaty {
  border: 1px solid;
  border-color: var(--kamienica-color-primary);
  text-align: center;
  padding: 20px;
  background: #fff;
}
.komunikaty p:last-of-type {margin: 0;}
#breadcrumbs {background: url('../images/breadcrumbs-path.jpg') center center no-repeat;}
#breadcrumbs .container {
  z-index: 2;
  position: relative;
  color: #fff;
}
#breadcrumbs .breadcrumb-item.active {color: #eee;}
#breadcrumbs .breadcrumb-item + .breadcrumb-item::before {color: #fff;}
#breadcrumbs a {
  color: #fff !important;
  border-bottom: 1px dashed #fff !important;
}
#breadcrumbs a, .djc_order_set a {
  text-decoration: none;
  color: var(--kamienica-color-primary);
  border-bottom: 1px dashed var(--kamienica-color-primary);
  transition: all 0.4s ease 0s;
}
#breadcrumbs a:hover, .djc_order_set a:hover {
  color: #555 !important;
  border-bottom: 1px dashed #555 !important;
  transition: all 0.4s ease 0s;
}
/* Sklep */
#djcatalog h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Vollkorn", serif;
  font-weight: 400;
  color: var(--kamienica-color-primary);
  transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-align:center;
  text-transform: uppercase;
}
#djcatalog.djc_item h1.djc_title {
  font-size: 2.5rem;
  text-transform: none;
  color: #555;
}
#djcatalog.djc_item .main-price .djc_price {
  font-size: 2rem;
  font-weight: bold;
}
#djcatalog .djc_related_items .djc_price span {font-weight: normal;}
#djcatalog h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
#djcatalog h1 em {
  font-style: normal;
  font-weight: 600;
}
#description .djc_fulltext {
  background: #fff;
  padding: 20px !important;
}
#djcatalog.djc_item .djc_mainimage a {display: inline-block !important;}
#djcatalog.djc_item .djc_images {width: auto;}
#djcatalog h1 span {
  margin-top: 5px;
    font-size:15px;
    color:#444;
    word-spacing:1px;
    font-weight:normal;
    letter-spacing:2px;
    text-transform: none;
    font-weight:500;
}
.djc_items .djc_title h2, .djc_subcategories .djc_title {
  font-family: "Vollkorn", serif;
  font-size: 1.5rem;
}
.djc_subcategories a {
  text-decoration: none;
  color: #000;
  transition: all 0.4s ease 0s;
}
.djc_subcategories a:hover {
  letter-spacing: 1px;
  transition: all 0.4s ease 0s;
}
.djc_items .djc_title {
  position: absolute;
  background: #000;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.4s ease 0s;
  opacity: 0;
  transform: scale(6);
}
.djc_items .djc_title .inner-text {padding: 20px 15px 10px 15px;}
.djc_items .item-image-box:hover .djc_title {
  transform: scale(1);
  opacity: 1;
  z-index: 1;
}
.djc_items .djc_image {margin: 0 !important;}
.djc_items .item-image-box, .djc_item .djc_mainimage {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.djc_items .djc_image img {padding: 0 !important;}
.djc_items .djc_price_label,
.djc_item .djc_price_label,
.djc_items .djc_qty_btn.djc_qty_dec,
.djc_items .djc_qty_input.input-mini,
.djc_items .djc_qty_btn.djc_qty_inc {display: none;}
.djc_items .djc_price {text-align: center;}
.djc_items .btn--full_width.djc_addtocart_btn, .djc_stock_info.djc_products__item__addtocart button {
  width: 100%;
  padding: 10px;
  font-family: "Vollkorn", serif;
  border: 1px solid;
  border-color: #ca9b52;
  color: #ca9b52;
  transition: all 0.4s ease 0s;
}
.djc_items .btn--full_width.djc_addtocart_btn:hover {
  transition: all 0.4s ease 0s;
  background: #ca9b52;
  color: #fff;
  letter-spacing: 1px;
}
.djc_stock_info.djc_products__item__addtocart button {
  border-color: #696969 !important;
  background: #696969;
  color: #fff;
  margin: 1em 0;
}
.djc_item .djc_authors a h2 {font-size: 1.3rem;}
.djc_item .djc_authors a {
  font-family: "Vollkorn", serif;
  color: var(--kamienica-color-primary);
  text-decoration: none;
  transition: all 0.4s ease 0s;
  padding-left: 5px;
}
.djc_item .djc_authors a:hover {
  color: #000;
  transition: all 0.4s ease 0s;
}
.djc_item .djc_authors a:first-of-type {padding-left: 0;}
.brak img {filter: grayscale(100%);}
.brak .djc_price_value {color: #696969;}
.btn-group.djc_qty_buttons.djc_qty {display: block;}
.djc_items .djc_price {font-size: 1.4rem;}
.djc_items .djc_price_old, .djc_item .djc_price_old {color: #aaa;}
.djc_items .djc_items_labels.djc_labels, .djc_item .djc_items_labels.djc_labels {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120%;
  height: 28px;
  line-height: 28px;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  margin-left: 60px;
  margin-top: 60px;
}
.djc_item .djc_items_labels.djc_labels {
  right: 0 !important;
  transform: translate(50%, 50%) rotateZ(45deg) !important;
  margin-right: 70px !important;
  margin-left: auto !important;
  left: auto !important;
}
.badge.djc_label_item {
  display: block;
  font-size: 1rem;
  padding: 10px 0;
}
.djc_items .inner-text h3 {
  font-size: 1rem;
  font-weight: normal;
}
.djc_category .djc_images {width: auto !important;}
/* Salvattore */
.column {float: left;}
.size-1of1 {width: 100%;}
.size-1of2 {width: 50%;}
.size-1of3 {width: 33.333%;}
.size-1of4 {width: 25%;}
/* Home page moduls */
h1.start-box {
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
  color: var(--kamienica-color-primary);
  text-transform: uppercase;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px 0;
  grid-gap: 20px;
  align-items: center;
  font-family: "Vollkorn", serif;
}
h1.start-box:after, h1.start-box:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  height: 5px;
  background-color:#fff;
}
.control-arrows a {
  color: var(--kamienica-color-primary);
  font-size: 1.5rem;
  text-decoration: none;
  display: block;
  margin-top: -20px;
}
/* Mini cart */
.mod_djc2cart {
  color: var(--kamienica-color-primary);
  font-size: 0.7rem;
  position: relative;
}
.mod_djc2cart .mininumber {
  background: var(--kamienica-color-primary);;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  justify-content: center !important;
  top: 0;
  right: -15px;
  z-index: 3;
  display: flex;
  color: #fff;
  font-size: 1rem;
  position: absolute;
  font-family: "Roboto", sans-serif;
}
#member-registration .control-group, #user-registration .control-group, #djc_billing_wrapper .control-group {margin-bottom: 15px;}
.djc_order_additional .control-group.checkbox {
  display: flex;
  margin-bottom: 15px;
}
.control-group.checkbox .form-check-inline {margin: 0;}
#jform_djcatalog2orderdetails_delivery_method_id label, #jform_djcatalog2orderdetails_payment_method_id label {display: block;}
#jform_djcatalog2orderdetails_delivery_method_id .djc_delivery_option-title,
#jform_djcatalog2orderdetails_payment_method_id .djc_payment_option-title {display: inline-block;}
.djc_inpost_summary .label.label-success {
  color: #fff;
  background: #198754;
  padding: 3px 10px;
  margin: 0 10px;
}
.djc_subcategories_set .djc_title h3 {font-size: 1.4rem;}
a.sigplus-image {border: 0 !important;}
.payubutton a {
  background: #198754;
  color: #fff;
  transition: all 0.4s ease 0s;
}
.payubutton a:hover {
  background: #157347;
  color: #ccc;
  transition: all 0.4s ease 0s;
}
.not-found {
  max-width: 600px;
  margin: 0 auto;
}
.djc_cart_customisations .control-label {display: none;}
#customisation .form-check.form-check-inline {margin-right: 0;}
blockquote {
  padding: 20px 20px 20px 40px;
  border-left: 5px solid var(--kamienica-color-primary);
  font-style: italic;
}
.djc_orderdetails label.djc_delivery_method input[type="radio"]:checked ~ span.djc_delivery_option,
.djc_orderdetails label.djc_payment_method input[type="radio"]:checked ~ span.djc_payment_option,
.djc_orderdetails span.djc_delivery_option:hover,
.djc_orderdetails span.djc_payment_option:hover {
  border-color: #157347;
  background: #157347;
  color: #fff;
}
span.djc_delivery_option, span.djc_payment_option {cursor: pointer;}
/* Responsive */
@media only screen and (min-width:320px) {
  #main-content #djcatalog .djc_order_buttons > li {display: inline-block;}
  #djcatalog h1 {font-size: 40px;}
  .col-cart {margin-right: 30px;}
  .col-logo img {width: 100px;}
  #grid[data-columns]::before {content: '1 .column.size-1of1';}
  .col-user .btn-link span svg, .col-search.btn-link span svg {font-size: 2rem;}
  #wrapper {background: #fff;}
  #cookiesBar {
    bottom: 0;
    right: 0;
  }
}
@media only screen and (min-width:360px) {
}
@media only screen and (min-width:375px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width: 568px) {
}
@media only screen and (min-width: 600px) {
  ul.breadcrumb {font-size: 1.3rem;}
}
@media only screen and (min-width: 667px) {
}
@media only screen and (min-width: 736px) {
  #cookiesBar {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #grid[data-columns]::before {content: '2 .column.size-1of2';}
}
@media only screen and (min-width: 1024px) {
  #djcatalog h1 {font-size: 50px;}
  #breadcrumbs {font-size: 1.5rem;}
  .mod-breadcrumbs__wrapper {padding-left: 90px;}
  #main-content {background: url('../images/main-background-1.jpg') bottom right no-repeat;}
  .main-wrapper {background: url('../images/main-background-2.jpg') top left no-repeat;}
  .col-cart {margin-right: 0;}
  .col-logo img {width: auto;}
  .float-panel .col-logo {
    position: relative;
    width: 190px;
  }
  #member-registration, #user-registration {
    max-width: 50%;
    margin: 0 auto;
  }
  #grid[data-columns]::before {content: '3 .column.size-1of3';}
  #djcatalog h1 span {
      display: grid;
      grid-template-columns: 1fr max-content 1fr;
      grid-template-rows: 27px 0;
      grid-gap: 20px;
      align-items: center;
  }
  #djcatalog h1 span:after, #djcatalog h1 span:before {
      content: " ";
      display: block;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      height: 5px;
  }
  .col-user .btn-link span svg, .col-search .btn-link span svg {font-size: 1rem;}
  .float-panel .col-logo a {
    transition: all linear .5s;
    position: absolute;
    top: -30px;
    display: block;
  }
  #main-content {padding-top: 80px;}
  #breadcrumbs {padding: 80px;}
  #wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
  }
  #mainmenu .nav.menu li.item-101 a.my-line::after,
  #mainmenu .nav.menu li.item-114 a.my-line::after,
  #mainmenu .nav.menu li.item-115 a.my-line::after,
  #mainmenu .nav.menu li.item-116 a.my-line::after,
  #mainmenu .nav.menu li.item-117 a.my-line::after,
  #mainmenu .nav.menu li.item-118 a.my-line::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 3px;
    max-width: 100%;
    background: var(--kamienica-color-primary);
    transition: .33s all ease-out;
  }
  #mainmenu .nav.menu li.item-101.active a.my-line::after, #mainmenu .nav.menu li.item-101 a.my-line:hover::after,
  #mainmenu .nav.menu li.item-114.active a.my-line::after, #mainmenu .nav.menu li.item-114 a.my-line:hover::after,
  #mainmenu .nav.menu li.item-115.active a.my-line::after, #mainmenu .nav.menu li.item-115 a.my-line:hover::after,
  #mainmenu .nav.menu li.item-116.active a.my-line::after, #mainmenu .nav.menu li.item-116 a.my-line:hover::after,
  #mainmenu .nav.menu li.item-117.active a.my-line::after, #mainmenu .nav.menu li.item-117 a.my-line:hover::after,
  #mainmenu .nav.menu li.item-118.active a.my-line::after, #mainmenu .nav.menu li.item-118 a.my-line:hover::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
  #mainmenu .nav.menu li a {
    padding: 26px 10px;
    text-align: left;
  }
  #mainmenu .nav {
    display: flex;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1224px) {
  .start-product {min-height: 710px;}
  #grid[data-columns]::before {content: '4 .column.size-1of4';}
  #mainmenu .nav.menu li ul.nav-child a span {white-space: nowrap;}
  #mainmenu .nav.menu li a {
    padding: 4px 0;
    margin-left: 28px;
  }
  #mainmenu .nav.menu li:first-child a {margin: 0;}
  .float-panel.fixed {
    padding: 20px 0;
    background: #fff;
    transition: all 0.9s ease 0s;
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.8);
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.8);
  }
  .float-panel {
    width:100%;
    transition: all 0.9s ease 0s;
    position: relative;
    padding: 20px 0;
  }
  .float-panel.fixed .col-logo img {
    width: 239px;
    height: auto;
  }
  .menu-nav, .col-logo {margin: 0;}
}
@media only screen and (min-width: 1440px) {}

/* Art Deco border */

:root {
  --background-gradient: hsl(280, 25%, 12%);
  --border: hsl(223 66.5% 36.3%);
  --text: hsl(40, 70%, 85%);
  --button-hover: hsl(280, 25%, 12%);
}

.djc2-stock-counter-card {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--border);
  position: relative;
  padding: 3rem;
  font-size: 1.3rem;
}
.djc2-stock-counter-card .corner {
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid var(--border);
  position: absolute;
}
.djc2-stock-counter-card .corner::after, .djc2-stock-counter-card .corner::before {
  content: "";
  position: absolute;
}
.djc2-stock-counter-card .corner::after {
  width: 2rem;
  height: calc(1rem - 1px);
}
.djc2-stock-counter-card .corner::before {
  width: calc(1rem - 1px);
  height: 2rem;
}
.djc2-stock-counter-card .corner.left {
  left: -0.5rem;
}
.djc2-stock-counter-card .corner.left::after {
  left: calc(-4px + 1rem);
  border-left: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.left::before {
  left: -1px;
  border-left: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.right {
  right: -0.5rem;
}
.djc2-stock-counter-card .corner.right::after {
  right: calc(-4px + 1rem);
  border-right: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.right::before {
  right: -1px;
  border-right: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.top {
  top: -0.5rem;
}
.djc2-stock-counter-card .corner.top::after {
  top: -1px;
  border-top: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.top::before {
  top: calc(-4px + 1rem);
  border-top: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.bottom {
  bottom: -0.5rem;
}
.djc2-stock-counter-card .corner.bottom::after {
  bottom: -1px;
  border-bottom: 2px solid var(--border);
}
.djc2-stock-counter-card .corner.bottom::before {
  bottom: calc(-4px + 1rem);
  border-bottom: 2px solid var(--border);
}
.djc2-stock-counter button {
  display: flex;
  all: unset;
  text-align: center;
  border-top: 2px solid var(--border);
  border-bottom: 2px solid var(--border);
  height: 2rem;
  padding: 0 1rem;
  position: relative;
  transition: background 200ms ease-in-out;
  margin: 0 2rem;
  cursor: pointer;
}
.djc2-stock-counter button .left,
.djc2-stock-counter button .right {
  position: absolute;
  width: 1.45rem;
  height: 1.45rem;
  border-bottom: 2px solid var(--border);
  border-left: 2px solid var(--border);
  transition: background 200ms ease-in-out;
}
.djc2-stock-counter button .left::before,
.djc2-stock-counter button .right::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid var(--border);
  position: absolute;
  top: calc(1rem - 1px);
  left: calc(-0.4rem - 1px);
}
.djc2-stock-counter button .left::after,
.djc2-stock-counter button .right::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: var(--border);
  position: absolute;
  top: calc(1rem - 1px);
  left: calc(-0rem - 1px);
}
.djc2-stock-counter button .left {
  left: -0.75rem;
  transform: rotate(45deg);1
}
.djc2-stock-counter button .right {
  right: -0.75rem;
  transform: rotate(-135deg);
}
.djc2-stock-counter button:hover {
  background: var(--button-hover);
}
.djc2-stock-counter button:hover .left,
.djc2-stock-counter button:hover .right {
  background: var(--button-hover);
}
.k-color {color: var(--kamienica-color-primary);}
.k-small {color: red;}