.pick-and-mix-header {
  top: 0 !important;
	background-color: #FCEEF5 !important;
	box-shadow: 0 0 7px rgb(0, 0, 0, 0.35);
	height: 100px !important;
	transition: 0.25s;
}

.hfeed.site {
	background-color: white !important;
}

#content.site-content.body-pick-and-mix {
	background-color: white !important;
}

#content.site-content.body-pick-and-mix .ast-container #primary.content-area.primary {
  margin-top: 100px;
}

#content.site-content.body-pick-and-mix .ast-container #primary.content-area.primary #main.site-main .post-8587.page.type-page.status-publish.ast-article-single {
  min-height: calc(100vh - 100px);
  margin-top: 0 !important;
}

#pickandmix-selected-package,
#pickandmix-selected-decoration {
  font-size: 0.8rem;
  margin: 0;
}


footer {
  position: relative;
  z-index: 998;
}

.pick-and-mix-product {
	border-radius: 10px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 6px;
	padding: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  background-color: white;
	max-height: 600px !important;
	position: relative;
	display: flex;
	flex-direction: column;
}

.pick-and-mix-product .product-category {
	font-size: 0.8rem;
	color: rgb(75, 75, 75);
	margin-bottom: 4px;
}

.pick-and-mix-product .product-name {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: clamp(0.85rem, 0.35vw + 0.4rem, 1.25rem);
}

.pick-and-mix-product .product-brand {
	font-size: clamp(0.85rem, 0.35vw + 0.3rem, 1.1rem);
	color: rgb(75, 75, 75);
	font-style: italic;
	margin-bottom: 4px;
}

.pick-and-mix-product .product-price {
	font-size: clamp(0.85rem, 0.35vw + 0.3rem, 1.1rem);
	color: rgb(60, 60, 60);
	margin-bottom: 20px;
	font-weight: bold;
}

.pick-and-mix-product .product-interactions-container {
	margin-top: auto;
}

.pick-and-mix-product .weight-input-container {
	display: inline-block;
}

.pick-and-mix-product .pick-and-mix-weight-input {
	appearance: textfield;
	padding: 10px 20px;
	width: 80px !important;
	max-width: 80px !important;
	margin-bottom: 10px;
}

.pick-and-mix-product .pick-and-mix-weight-slider {
	margin-bottom: 20px;
}

.pick-and-mix-product .add-to-set-button {
  width: 100%;
}

.pick-and-mix-product .add-to-set-button.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/* Gdy wrapper ma klasę disabled: slider i input są "przezroczyste" dla zdarzeń myszy/dotyku.
   Klik przechodzi przez nie do wrappera (e.target === wrapper) → triggerShake */
.pick-and-mix-product.disabled .pick-and-mix-weight-slider,
.pick-and-mix-product.disabled label {
  pointer-events: none;
  cursor: not-allowed;
}

.pick-and-mix-weight-input::-webkit-outer-spin-button,
.pick-and-mix-weight-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (min-width: 900px) and (max-width: 1600px) {
	.ast-container {
		width: clamp(860px, 72vw, 1200px);
		margin: 0;
	}

	#post-8587 {
		width: clamp(860px, 72vw, 1200px);
		padding: 60px 0px !important;
	}
}

@media (min-width:1600px) {
	#post-8587 {
		width: clamp(966px, 60vw, 1200px);
		margin: 16px auto !important;
		padding: 60px 0px !important;
	}
}

#post-8587.prerendered {
  display: block !important;
}

@media (min-width: 769px) and (max-width: 1200px) {
	.ast-container {
		width: 100%;
	}

	#post-8587 {
		width: 100%;
		padding: 15px;
		margin: auto;
	}

	.pick-and-mix-products-container {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	#primary {
		margin-top: 0 !important;
		padding-top: 120px !important;
	}
}

@media (max-width: 768px) {
	.content-area.primary {
		margin-top: 0 !important;
		padding-top: 120px !important;
	}

	.post-8587 {
		width: 100%;
	}

	.pick-and-mix-products-container {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.pick-and-mix-product .product-name {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: clamp(1.1rem, 0.5vw + 0.4rem, 1.35rem);
}

.pick-and-mix-product .product-brand {
	font-size: clamp(1rem, 0.45vw + 0.3rem, 1.2rem);
	margin-bottom: 8px;
}

.pick-and-mix-product .product-price {
	font-size: clamp(1rem, 0.45vw + 0.3rem, 1.2rem);
	margin-bottom: 20px;
}
}

.pick-and-mix-product-image {
	display: block;
	margin: 0 auto;
}

.pick-and-mix-products-container {
	display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px !important;
}

.pickmix-cart-set-products p {
	margin-top: 8px;
	margin-bottom: 8px;
}

#moderncart-floating-cart {
	display: none !important;
}

.pick-and-mix-product a {
	color: inherit;
	text-decoration: none;
}

footer {
	display: none;
}