@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
body {
	font-family: 'Poppins', sans-serif;
	color: #7a7a7a;
}
.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span {
	border: 2px solid #dddddd;
}
.input-color {
	width: 25px;
	height: 25px;
}
span.color.texture {
	width: 65px;
	height: 65px;
}
article.similar:hover {
    border: 3px solid #1b9919;
    border-radius: 5px;
}
.product-price {
	font-size: 25px;
}
.quick-view {
    display: none !important;
}
.product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after {
	border-top: unset;
}
span.quantity {
	display: block;
	color: #4cbb6c;
	font-size: 0.875rem;
	font-weight: 400;
}
.product-miniature .product-title a {
	font-size: 1rem;
}
.product-miniature .product-flags li.product-flag {
	font-weight: 400;
}
.product-cover .layer:hover {
	opacity: 0;
}
.product-flags li.product-flag {
	font-weight: 400;
}
.product-miniature .highlighted-informations {
	background: unset;
}
.footer-container {
	background: #1b9919;
}
.footer-container .container {
	background: #1b9919;
}
.footer-container .h3 {
	color: white;
}
.footer-container li a {
	color: white;
}
.footer-container li a:hover {
	color: #0e4e0d;
}
.footer-container #block_myaccount_infos .myaccount-title a {
	color: white;
}
.footer-container a {
	color: white;
}
.block-contact {
	color: white;
}
.block-contact .block-contact-title {
	color: white;
}
ul.x13homecategories .x13home-name {
	text-align: center;
}
#categories_block_left .vertical li:hover, #categories_block_left .vertical li:hover a:hover {
	background: #1b9919;
	color: white;
}
#categories_block_left .vertical a {
	background: white;
	border-bottom: unset;
	border-top: unset;
}
h2.title_block {
	color: #1b9919;
	text-align: center;
}
.verticalblockcategories .selected {
	border: unset !important;
	border-bottom: unset !important;
	border-top: unset !important;
	background: white !important;
	color: #1b9919 !important;
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
	content: "+";
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
	content: "-";
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
	display: inline-block;
}
.product-quantity #quantity_wanted {
	display: inline-block;
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
	width: unset;
}
.bootstrap-touchspin .btn-touchspin {
	color: white;	
	border: unset;
	border-radius: unset!important;
	background-color: #1b9919;
}
.bootstrap-touchspin .btn-touchspin:hover {
	background-color: #136d12;
}
button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
	width: 2.75rem;
	height: 2.75rem;
}
button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down {
	background-color: white;
	border: 1px solid rgba(0,0,0,.25);
	position: absolute;
	left: -90px;
	top: 2px;
	width: 2.75rem;
	height: 2.75rem;
}
div.add {
	padding-left: 10px;
}
div.product-add-to-cart.js-product-add-to-cart > div {
	padding-left: 44px;
}
.product-quantity .input-group-btn-vertical .btn i {
	color: #232323;
	font-size: 25px;
	top: 6px;
	left: 9px;
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
	color: white;
}
.product-prices div {
	margin-bottom: 0;
}
#categories_block_left {
	padding-top: 20px;
}
.top-menu a[data-depth="3"] {
	display: none;
}
.product-miniature .product-title {
	height: 40px;
	text-transform: unset;
}
.product-miniature .product-title a:hover {
	color: #1b9919;
}
.product-price-and-shipping .price {
	color: #7a7a7a;
	font-size: 1.563rem;
}
.product-price {
	color: #7a7a7a;
	font-size: 1.563rem;
}
#wrapper .breadcrumb {
	padding: 20px;
}
#wrapper .breadcrumb li:last-child {
	font-weight: 500;
	color: #1b9919;
}
#wrapper .breadcrumb li a:hover {
	color: #1b9919;
}
.product-flags li.product-flag.new {
	background: unset;
	color: #1b9919;
}
.product-flags li.product-flag.on-sale {
	color: white;
}
.product-without-taxes {
	margin: unset;
}
.top-menu .popover {
	top: 76px!important;
}
#quantity_wanted {
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #2c3e50;
}
#search_widget {
	float: left;
}
#_desktop_top_menu {
	float: left;
}
#search_widget form input {
	background: white;
	border: 1px solid #f1f1f1;
}
#_desktop_user_info {
	float: right;
	margin-left: 1.5rem;
}
#_desktop_cart {
	float: right;
}
#_desktop_user_info .material-icons {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#_desktop_cart .material-icons {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1200px) {
    .container {
        width: 1400px;
        max-width: 100%;
    }
}
.cart-products-count {
	position: absolute;
	top: -10px;
	right: -14px;
	min-width: 19px;
	min-height: 17px;
	background: #1b9919;
	color: white;
	text-align: center;
	font-size: 12px;
	border-radius: 10px;
}
@media only screen and (min-width: 992px) {
    #search_widget {
        min-width: 50rem;
}
}
.header-nav {
	padding: 10px;
}
#authentication .page-header {
	display: none;
}
.page-authentication #content, .page-registration #content {
	max-width: unset;
}
.login-form {
	text-align: center;
}
.btn-primary a {
	color: white;
}
.btn-primary {
	margin-bottom: 0.9375rem;
}
#authentication h2 {
	margin-bottom: 0.9375rem;
}
.forgot-password a {
	color: #7a7a7a;
}
.forgot-password a:hover {
	color: #1b9919;
}
a.btn.btn-primary.checkout{
	color: white!important;
}
.tabs {
	border-top: solid 20px #f6f6f6;
}
span.color.texture {
	width: 85px;
	height: 85px;
}
.input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span {
	border: 2px solid #1b9919;
	border-radius: 5px;
}
.thumb.js-thumb.selected.js-thumb-selected {
	border: 3px solid #1b9919;
}
.product-flag .discount {
	display: none;
}
.product-actions .add-to-cart {
	border-radius: 5px;
}
.product-miniature .thumbnail-container .product-thumbnail {
	height: unset;
}

/* === MINIATUREK FIGMA === */

/* container */
#products .products,
.featured-products .products,
.block-bestsellers .products,
.block-newproducts .products,
.block-category .products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

/* respons */
@media (max-width: 1400px) {
  #products .products,
  .featured-products .products,
  .block-bestsellers .products,
  .block-newproducts .products,
  .block-category .products {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1200px) {
  #products .products,
  .featured-products .products,
  .block-bestsellers .products,
  .block-newproducts .products,
  .block-category .products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  #products .products,
  .featured-products .products,
  .block-bestsellers .products,
  .block-newproducts .products,
  .block-category .products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  #products .products,
  .featured-products .products,
  .block-bestsellers .products,
  .block-newproducts .products,
  .block-category .products {
    grid-template-columns: 1fr;
  }
}

/* figma card */
.product-miniature .thumbnail-container {
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(0,0,0,0.08);
  display:flex;
  flex-direction:column;
  text-align:center;
}

/* image zone */
.product-miniature .thumbnail-top {
  width:100%;
  aspect-ratio:1/1.1;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* logic contain/cover via tpl */
.product-miniature .thumbnail-top img.landscape {
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-miniature .thumbnail-top img.portrait {
  width:88%;
  height:88%;
  object-fit:contain;
}

/* description */
.product-miniature .product-description {
  padding:14px 15px 18px;
  display:flex;
  gap:6px;
  flex-direction:column;
  min-height:115px;
}

/* title */
.product-miniature .product-title a {
  font-size:0.95rem;
  font-weight:500;
  line-height:1.24;
  color:#2a2a2a;
  height:40px;
  overflow:hidden;
}

/* price */
.product-miniature .product-price,
.product-miniature .price {
  font-size:1.1rem;
  font-weight:600;
  color:#1b9919;
}

/* hide PS clutter */
.product-miniature .quick-view,
.product-miniature .product-flags,
.product-miniature .product-availability,
.product-miniature .availability,
.product-miniature .ajax_add_to_cart_button,
.product-miniature .add-to-cart,
.product-miniature .tax,
.product-miniature .shipping,
.product-miniature .quantity {
  display:none!important;
}
#products .products,
.page-home .products,
.featured-products .products,
.block-newproducts .products,
.block-bestsellers .products {
  padding:40px 0 50px;
}
@media (min-width: 1200px) {
.header-nav {
 background: #1b9919;
 color: white;
}
}
#header .header-nav .blockcart {
 background: unset;
 padding: unset;
}

element.style {
}
@media (max-width: 767px) {
    #header .top-logo {
        display: unset;
}
}
#header .header-nav #menu-icon .material-icons {
 line-height: 30px;
}
#header .header-nav .material-icons {
 line-height: 0px;
}
#search_widget {
	margin-top: 10px;
}
/* =====================================
   PRESTASHOP 8 – ODSTĘPY PRODUKTÓW
   ===================================== */

/* usuń bootstrapowy padding kolumn */
#products .products > *,
.featured-products .products > *,
.block-bestsellers .products > *,
.block-newproducts .products > *,
.block-category .products > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* usuń marginesy kart */
#products .product-miniature,
.featured-products .product-miniature,
.block-bestsellers .product-miniature,
.block-newproducts .product-miniature,
.block-category .product-miniature {
  margin: 0 !important;
}

/* JEDYNE MIEJSCE KONTROLI ODSTĘPU */
#products .products,
.featured-products .products,
.block-bestsellers .products,
.block-newproducts .products,
.block-category .products {
  gap: 8px !important;
}
/* =====================================
   FIX: STRONA KATEGORII – WĄSKIE KARTY
   ===================================== */

/* wymuś pełną szerokość elementu w gridzie */
#products .products > *,
.block-category .products > *,
.category-products .products > * {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}
/* =====================================
   SMOOTH HOVER – PRODUKTY
   ===================================== */

.product-miniature .thumbnail-container {
  transition:
    box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-miniature .thumbnail-container:hover {
  box-shadow: 0 18px 40px rgba(0,0,0,0.22) !important;
  transform: translateY(-5px);
}
/* =====================================
   PRESTASHOP 8 – ODSTĘPY PRODUKTÓW
   ===================================== */

/* usuń bootstrapowy padding kolumn */
#products .products > *,
.featured-products .products > *,
.block-bestsellers .products > *,
.block-newproducts .products > *,
.block-category .products > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* usuń marginesy kart */
#products .product-miniature,
.featured-products .product-miniature,
.block-bestsellers .product-miniature,
.block-newproducts .product-miniature,
.block-category .product-miniature {
  margin: 0 !important;
}

/* JEDYNE MIEJSCE KONTROLI ODSTĘPU */
#products .products,
.featured-products .products,
.block-bestsellers .products,
.block-newproducts .products,
.block-category .products {
  gap: 8px !important;
}
/* =====================================
   FIX: STRONA KATEGORII – WĄSKIE KARTY
   ===================================== */

/* wymuś pełną szerokość elementu w gridzie */
#products .products > *,
.block-category .products > *,
.category-products .products > * {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}
/* =====================================
   SMOOTH HOVER – PRODUKTY
   ===================================== */
.product-miniature .thumbnail-container {
  transition:
    box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-miniature .thumbnail-container:hover {
  box-shadow: 0 18px 40px rgba(0,0,0,0.22) !important;
  transform: translateY(-5px);
}
ul#group_4 .radio-label {
display: none;
}
.plist_attribute_images {
 box-shadow: unset!important;
}
.plist_attribute_images .color_pick span {
 border-radius: 10px;
}
.variant-links {
 display: none;
}
.plist_attribute_images .color_pick {
 height: 12px;
 width: 14px;
 border: unset;
}
.product-miniature {
 height: 100%;
}
.product-miniature .thumbnail-container {
  height: 100%;
}
img.plp_replacement_checked {
	border: 2px solid #1b9919;
	border-radius: 5px;
	background: white;
}
img.plp_replacement_unchecked {
	background: white;
	border: 2px solid #ddd;
	border-radius: 5px;
}
img.plp_replacement_unchecked:hover {
	background: white;
	border: 2px solid #1b9919;
	border-radius: 5px;
}
.radio-label {
	border: 2px solid #ddd;
	border-radius: 5px;
}
/* ===== MEGA MENU ===== */

.mega-menu {
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
}

/* lewa kolumna */
.menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 280px;
  display: flex;
  flex-direction: column;
}

/* element */
.menu-main-item {
  position: relative;
}

/* link główny */
.menu-main-link {
  display: block;
  padding: 14px 20px;
  text-decoration: none;
  color: #111;
}

.menu-main-item:hover > .menu-main-link {
  background: #f3f3f3;
  font-weight: 600;
}

/* panel po prawej */
.menu-sub {
  display: none;
  position: absolute;
  top: 0;
  left: 280px;
  width: 720px;
  min-height: 100%;
  background: #fff;
  padding: 30px;
  border-left: 1px solid #eee;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* hover */
.menu-main-item:hover > .menu-sub {
  display: block;
}

/* podkategorie */
.menu-sub-list {
  list-style: none;
  padding: 0;
  margin: 0;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 40px;
}

.menu-sub-list a {
  text-decoration: none;
  color: #222;
}

.menu-sub-list a:hover {
  text-decoration: underline;
}

/* mobile */
@media (max-width: 991px) {
  .mega-menu {
    display: none;
  }
}
.sf-menu {
	border-bottom: unset;
	background: unset;
}
.sf-contener {
	width: unset;
}
#menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 900;
}

body.menu-open #menu-overlay {
  opacity: 1;
  pointer-events: auto;
}

#block_top_menu {
  position: relative;
  z-index: 1000;
}
.sf-menu li li,.sf-menu li li li {
	background: white;
}
.sf-menu > li > a {
	font-family: 'Poppins', sans-serif;
}