/* COMMON =================================================================== */

.arrowed-header {
	display: block;
	background: #d1d1d1;
	/*background: #d1d1d1 url('https://us.naturalspharm.com/css/img/white-arrow-down-with-padding.png') no-repeat center right;*/
	padding: 10px 20px;
	margin: 0 auto;
	font-size: 21px;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
}

/* PRODUCT THUMBNAILS ======================================================= */

.product-thumb {
	position: relative;
	display: block;
	max-width: 310px;
	margin: 0 auto 30px auto;
	text-decoration: none !important;
}

.product-thumb * {
	text-decoration: none !important;
}

.product-thumb .bf-badge { display: block; width: 72px; height: 72px; position: absolute; top: 5px; right: 5px; }
.product-thumb .christmas-badge { display: block; width: 72px; height: 72px; position: absolute; top: 5px; right: 5px; }
.product-thumb .easter-badge { display: block; width: 72px; height: 72px; position: absolute; top: 5px; right: 5px; }
.product-thumb .womensday-badge { width: 80px; display: block; height: 79px; position: absolute; top: 3px; left: 0;  }
.product-thumb .fatherday-badge { width: 78px; display: block; height: 105px; position: absolute; top: -10px; left: 0;  }

.popup-gallery .womensday-badge { width: 80px; display: block; height: 79px; position: absolute; top: 5px; left: 20px;  }
.popup-gallery .mothersday-badge { width: 86px; display: block; height: 78px; position: absolute; top: 5px; left: 20px;  }

.product-thumb .img-container {
	display: block;
	line-height: 220px;
	height: 220px;
	vertical-align: middle;
	text-align: center;
	max-width: 100%;
	background: #fff;
	border: 2px solid #f8f8f8;
}

.product-thumb .txt {
	display: block;
	padding: 15px 18px 13px 18px;
	color: #4e3628;
	transition: all 0.2s ease;
	background: #f8f8f8;
}

.product-thumb .txt .txt-texts {
	display: block;
	min-height: 127px;
}

.product-thumb .txt .title {
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 4px;
}

.product-thumb .txt .intro {
	display: block;
	font-size: 12px;
}

.product-thumb .product-badge {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

.product-thumb:hover .txt {
	background: #f3f3f3;
}

.product-thumb:hover .img-container {
	border-color: #f3f3f3;
}

/* ========== */
.vhidden {
	visibility: hidden;
}

.multipack-buttons-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-bottom: 13px;
}

.multipack-buttons-container .multipack-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border: 1px solid #A2BBE5;
	border-radius: 5px;
	color: #4e3628;
	cursor: pointer;
}

.multipack-buttons-container .multipack-box.active {
	background-color: #A2BBE5;
	color: white;
}

.multipack-buttons-container .multipack-box.multipack-box--custom-quantity {
	justify-content: space-between;
}


.multipack-buttons-container .multipack-box--custom-quantity .minus {
  --b: 2px;
  width: 15px;
  aspect-ratio: 1;
  display: inline-block;
  border: none;
  margin: 10px;
  background:
    linear-gradient(to right, #4e3628 100%, transparent 0) 
    center/ 100% var(--b) no-repeat;
}

.multipack-buttons-container .multipack-box--custom-quantity .plus {
	--b: 2px;
  width: 15px;
  aspect-ratio: 1;
	display: inline-block;
  border: none;
  margin: 10px;
  background:
    conic-gradient(from 90deg at var(--b) var(--b),#fff 90deg,#4e3628 0) 
    calc(100% + var(--b)/2) calc(100% + var(--b)/2)/
    calc(50%  + var(--b))   calc(50%  + var(--b));
}

.multipack-buttons-container .multipack-box--custom-quantity .value {
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: #4e3628;
}

.multipack-buttons-container .price-normal,
.multipack-buttons-container .price-before {
	background-color: #EFEFEF;
	border-radius: 5px;
	display: grid;
	place-items: center;
	height: 50px;
}

.multipack-buttons-container .price-normal {
	font-size: 22px;
	line-height: 24px;
	font-weight: 400;
	color: black;
}

.multipack-buttons-container .price-before {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #C70101;
	text-decoration: line-through;
}

.multipack-buttons-container .button-add-to-cart {
	grid-column: 2 / 5;
	cursor: pointer;
	margin: 0;
	background: #a2bbe5; /* Old browsers */
	background: -moz-linear-gradient(top,  #a2bbe5 0%, #3b5998 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a2bbe5 0%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a2bbe5 0%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bbe5', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
}

.multipack-buttons-container .button-add-to-cart.discounted {
	grid-column: 3 / 5;
}

.multipack-buttons-container .button-add-to-cart span {
	display: grid;
	place-items: center;
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	color: white;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 50px;
}

@media screen and (max-width: 767px) {
	.multipack-buttons-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.multipack-buttons-container .multipack-box {
		width: 100%;
	}

	.multipack-buttons-container .button-add-to-cart {
		grid-column: 2 / 3;
	}

	.multipack-buttons-container .button-add-to-cart.discounted {
		grid-column: 1 / 3;
	}

	.multipack-buttons-container .price-normal.discounted,
	.multipack-buttons-container .price-before {
		grid-row: 1 / 2;
	}
}

/* ========== */

.buy-button {
	display: inline-block;
	margin-top: 15px;
	cursor: pointer;
}

.buy-button .price-container {
	display: block;
	float: left;
	background: #efefef;
	color: #000;
	padding: 10px 10px 7px 10px;
	font-size: 18px;
	line-height: 18px;
	height: 40px;
	border-radius: 5px;
}

.buy-button .buy-now {
	display: block;
	float: left;
	background: #a2bbe5; /* Old browsers */
	background: -moz-linear-gradient(top,  #a2bbe5 0%, #3b5998 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a2bbe5 0%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a2bbe5 0%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bbe5', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-weight: bold;
	padding: 10px 8px 0 8px;
	height: 40px;
	border-radius: 5px;
	margin-left: -5px;
	/*text-shadow: -1px -1px 1px #BC9B4F;*/
}

.buy-button .price-before {
	font-size: 13px;
	color: #e00;
	text-decoration: line-through !important;
}

.buy-button .price-before:lang(no){
	font-size: 9px;
}
.discounted:lang(no){
	font-size: 15px;
}

.buy-button.bigger {
	margin-top: 0px;
}

.buy-button.bigger .price-container {
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 15px;
	height: 50px;
}

.buy-button.bigger .buy-now {
	font-size: 18px;	
	text-shadow: 2px 2px 3px rgba(0,0,0,0.2); 
	padding: 11px 20px 0 20px !important;
	height: 50px;
	background: #a2bbe5; /* Old browsers */
	background: -moz-linear-gradient(top,  #a2bbe5 0%, #3b5998 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a2bbe5 0%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a2bbe5 0%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bbe5', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
}

.buy-button.bigger .price-before {
	font-size: 15px;
}

.buy-button.smaller {
	margin-top: 0px;
}

.buy-button.smaller .price-container {
	padding: 5px 11px 0 8px;
	height: 30px;
	font-size: 14px;
	line-height: 14px;	
}

.buy-button.smaller .buy-now {
	padding: 5px 8px 0 8px;
	height: 30px;
	font-size:14px;
}

.buy-button.smaller .price-before {
	font-size: 11px;
}

.product-description-row .lowest-price { max-width: 300px; margin: 10px auto; }
.product-description-row .lowest-price p { color: #888; font-size: 12px; line-height: 16px; text-align: center; margin: 0; }

.product-thumb .buy-button {
	width: 100%;
	margin-top: 0;
	display: grid;
	grid-template-columns: 1fr 40px;
}

.product-thumb .buy-button .price-container {
	width: 100%;	
	border-radius: 0;
}

.product-thumb .buy-button .buy-now {
	width: 100%;	
	border-radius: 0;
	margin-left: 0;
}

.ribbon {
	position: absolute;
	right: 0px; top: 0px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px;
	text-align: right;
}
.ribbon span {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	position: absolute;
	top: 19px; right: -21px;
}

/* PRODUCT THUMBNAILS RIGHT ================================================= */

.product-thumb-right {
	display: block;
	margin: 0 auto;
	text-decoration: none !important;
}

.product-thumb-right * {
	text-decoration: none !important;
}

.product-thumb-right .ptr-left {
	float: left;
	width: 25%;
}

.product-thumb-right .ptr-right {
	float: right;
	width: 68%;
}

.product-thumb-right img {
	margin-top: 5px;
}

.product-thumb-right .txt {
	display: block;
	color: #4e3628;
	font-size: 12px;
}

.product-thumb-right .txt .title {
	display: block;
	color: #4e3628;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* PRODUCT ================================================================== */

.image-container {
	display: block;
	vertical-align: middle;
	text-align: center;
	max-width: 100%;
	background: #f9f9f9;
	border: 2px solid #ececec;
	padding: 20px;
	border-radius: 3px;
}

.image-container img {
	max-height: 320px;
}

.image-container .pp-blackfriday-badge {
	position: absolute;
    top: 5px;
    right: 20px;
    display: block;
    width: 89px;
    height: 90px;
}



.product-tabs {
	margin: 10px 0 0 0;
}

.product-tabs .nav-tabs {
	border:none;
}

.product-tabs .nav-tabs li a {
	color: #000 !important;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;	
	border-radius: 2px;
	font-size: 18px;
	font-weight: 300;
	padding: 6px 13px;
}

.product-tabs .nav-tabs li.active a {
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;	
	font-weight: 600;
}

.product-tabs .tab-content {
	margin-top: -1px;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 24px 30px 30px 30px;
}

.fixed-box.fixed {
	position: fixed;
	top:20px;
	width:100%;
	z-index: 200;
}

.fixed-box.fixed.bottomed {
	position: static !important;
}


.opinion {
	margin-top: 30px;
}

.opinion .face {
	float:left;
	width: 165px;
	height: 165px;
	background-color: transparent;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.opinion .glyphicon-user {
	float:left;
	display: block;
	padding: 20px;
	background: #eee;
	font-size:30px;
	color: #000;
	text-align: center;
}

.opinion .name {
	width: 50%;
	float: left;
	font-weight: bold;
}

.opinion .stars {
	width: 49%;
	float: right;
	text-align: right;
}

.opinions-more {
	display: none;
}

.opinion-buttons a {
	display: inline-block;
	padding: 5px 15px 5px 15px;
	vertical-align: bottom;
	background: #d6d6d6;
	border: 1px solid #d6d6d6;
	color: #000;
	font-size: 15px;
	text-align: center;
	text-decoration: none !important;
}

.opinion-buttons a:hover {
	background: #ccc;
}

.opinion-buttons a i {
	font-size: 15px;
	vertical-align: middle;
}

.opinion-buttons a i.glyphicon-chevron-up {
	vertical-align: baseline;
}

.opinion-buttons a:last-child i {
	vertical-align: baseline;
}

.opinion-buttons a.bordered {
	background: #fff;
}

.opinion-add-form {
	display: none;
	background: #DEDEDE;
	border: 2px solid #D6D6D6;
	padding: 15px;
}

.unavailable-popup-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 9998; }
.unavailable-popup { position: fixed; left: 50%; top: 50%; width: 440px; margin-left: -220px; margin-top: -90px; background: #fff; border: 3px solid #3b5998; z-index: 9999; text-align: center; }
.unavailable-popup-inner { padding: 60px 20px;}
body.ec .unavailable-popup p { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; color: #898989; }
.unavailable-popup .close-cross { display: block; position: absolute; right: 13px; top: 13px; }
.unavailable-popup .close-cross img { display: block; width: 18px; }
.unavailable-popup a { color: #4c6aa9; }
.unavailable-popup a:hover { color: #3b5998; }
@media (max-width: 500px) {
	.unavailable-popup { width: 100%; left: 0px; margin-left: 0px; }
}
@media (max-width: 380px) {
	.unavailable-popup p br { display: none; }
}

/* CART ===================================================================== */

.table-cart {
	border-spacing: 0;
}

.table-cart thead tr td {
	border-bottom: none;
	font-size:12px;
	font-weight: bold;
}

.table-cart tbody tr td {
	border: none;
	border-top: 1px solid #000;
	vertical-align: middle;
}

.table-cart tbody > tr:last-child td {
	border-bottom: 1px solid #000;
}

.table-cart tbody tr td:first-child {
	width: 100px;
}

.table-cart .biger-text {
	font-size:18px;
	font-weight: 700;
}

.table-cart tbody tr td:nth-child(3), .table-cart tbody tr td:nth-child(4) {
	width: 180px;
}

.table-cart tbody tr td:first-child img {
	height: 160px;
}

.table-cart .glyphicon-trash {
	color: #bbb;
	font-size:15px;
	line-height: 33px;
	font-weight: normal;
	vertical-align: top;
	margin-right: 5px;
}

.quantity-box {
	display: inline-block;
	position: relative;
	border: 1px solid #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 20px;
	width: 90px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

.quantity-box .minus, .quantity-box .plus {
	display: block;
	position: absolute;
	top: 0px;
	width: 30px;
	height: 33px;
	font-size: 9px;
	line-height: 33px;
	color: #000;
	font-weight: 300;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.quantity-box .minus:hover, .quantity-box .plus:hover {
	background: #f5f5f5;
}

.quantity-box .minus {
	left: 0px;
}

.quantity-box .plus {
	right: 0px;
}

.quantity-box .value {
	color:#000 !important;
	text-decoration: none !important;
}

.quantity-box .load {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
	padding-top: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.cart-summary-row {
	margin-top: 30px !important;
}

.cart-summary-row .total-desc {
	font-size:15px;
}

.cart-summary-row .total {
	font-size:30px;
}

.cart-summary-row .free-shipment {
	font-size: 15px;
	font-weight: normal;
}

.cart-summary-row .free-shipment > span {
	border-bottom: 1px solid #000;
}

.cart-summary-row .free-shipment > span > span {
	font-size:20px;
}

.cart-summary-row #codeForm {
	margin-top: 10px;
}

.cart-summary-row #codeForm .form-control {
	float: left;
	width: 165px;
}

.cart-summary-row #codeForm .btn {
	float: left;
}

.table-unbordered tbody tr td {
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

/* ORDER ==================================================================== */

.order-progress {
	background: #000;
	margin: 0 auto;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
}

.order-progress .txt {
	display: block;
	float: left;
	padding: 9px 20px;
	width: 346px;
}

.order-progress .separator {
	display: block;
	float: left;
	width: 44px;
	height: 49px;
	background: transparent url('https://us.naturalspharm.com/css/img/step-arrow.png') no-repeat center right;
}

.order-progress .txt.first {
	width: 358px;
}

.order-progress .txt.last {
	width: auto;
}

.order-frame {
	border: 1px solid #636363;
	margin: 0px auto 30px auto;
	max-width: 720px;
	padding: 20px 25px 25px 25px;
	border-radius: 5px;
}

.order-frame.smaller-padding {
	padding: 12px 15px 15px 15px;
}

.compressed-form label {
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 1px;
	font-size:13px;
}

.compressed-form input, .compressed-form select, .compressed-form textarea {
	border-color: #636363;
	padding: 5px;
	margin-bottom: 8px;
	font-size:13px;
}

.compressed-form .form-row-1-3 { float:left; width: 33.3333%; padding-right: 9px; }
.compressed-form .form-row-2-3 { float:left; width: 66.6666%; padding-right: 9px; }
.compressed-form .form-row-3-3 { float:left; width: 100%; }
.compressed-form .form-row-1-3.no-right-padding, .compressed-form .form-row-2-3.no-right-padding { padding-right: 0; }

.compressed-form .links a {
	display: block;
	font-size: 10px;
	text-decoration: underline;
	color: #000;
}

.compressed-form .checkbox-line {
	margin-bottom: 6px;
}

.compressed-form .checkbox-line input {
	vertical-align: top;
}

.table-method {
	width: 100%;
}

.table-method tr {
	cursor:pointer;
}

tr#shipment-dpd_pickup .logo img {
	width: 100%;
	max-width: 100%;
	max-height: 45px;
}

html:lang(pl) tr#shipment-dpd_pickup .logo img {
	width: 100% !important
}

#shipment-orlen .logo img {
	max-width: 60px;
}

.table-method tr td {
	padding: 12px 5px 12px 5px;
}

.table-method tr td:first-child{
	text-align: center;
	width: 30px;
}

.table-method tr td:last-child{
	text-align: right;
}

.table-method.table-hover tbody tr:hover td {
	background-color: #f9f9f9;
}

.acceptance {
	display: block;
	font-size: 11px;
}

.acceptance input {
	float: left;
	margin-left: 2px;
	cursor: pointer;
}

.acceptance .txt {
	float: right;
	width: 91%;
	font-weight: normal;
	cursor: pointer;
}

.acceptance .txt.extendable {
	max-height: 62px;
	overflow: hidden;
}

.acceptance .txt.extendable.smaller {
	max-height: 31px;
}

.acceptance .extend {
	display: block;
	float: right;
	width: 91%;
	color: #000 !important;
}

.acceptance.check-all .txt {
	font-size: 13px;
}

.marketing-consents { margin-left: 20px; }


.rodo-acceptance {
	font-size: 11px;
}

.rodo-acceptance .txt.extendable {
	max-height: 31px;
	overflow: hidden;
}

.rodo-acceptance .extend {
	display: block;
	font-weight: bold;
	color: #000 !important;
}

/* CONFIRMATION ============================================================= */

.confirmation { max-width: 540px; margin: auto; }
.confirmation img { margin: 2em auto;  }
.confirmation h1 { margin: 0.5em auto; }
.confirmation h4  { margin: 1em auto;  }

.confirmation .btn { margin: 3rem auto; max-width: 350px; }
.confirmation p { text-align: center; }

.confirmation p.label-confirmation {
	color: #000;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 2.4;
    margin-top: 2em;

    /* or 12px */
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.125em;
    text-transform: uppercase;}

.confirmation p.counter { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; margin-bottom: 1.5em; }
.confirmation p.counter.timer-text { font-size: 15px; line-height: 21px; }

.confirmation-head img.logo-confirmation { min-width: 160px; margin-bottom: 2em; }
.confirmation-head { text-align: center;  border-bottom: solid 1px #eee; }

.confirmation-foot {  text-align: center;  border-top: solid 1px #eee;  }
.confirmation-foot>div { max-width: 540px; margin: 2em auto; }
.confirmation-foot p  { text-align: center; }

@media (max-width: 767px) {
	.confirmation-check { width: 50px; }
	.confirmation img { margin: 1em auto 0 auto;  }
}

/* FAQ ====================================================================== */

.faq-item {
	margin-bottom: 3px;
}

.faq-item-question {
	display: block;
	color: #000 !important;
	background: #efefef;
	text-decoration: none !important;
	padding: 8px 10px;
	font-weight: bold;
}

.faq-item-question:hover {
	background: #e6e6e6;
}

.faq-item-answer {
	border: 1px solid #eee;
	padding: 8px 10px;
	margin-bottom: 15px;
}

/* +18 POPUP ================================================================ */

.popup-plus18 {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.95);
	text-align: center;
	z-index: 1000;
}

.popup-plus18 > .inner {
	display: inline-block;
	position: absolute;
	left: 0%;
	top: 50%;
	width: 100%;
	margin-top: -80px;
	text-align: center;
}

.popup-plus18 > .inner > .message {
	display: inline-block;
	background: #fff;
	padding: 20px 20px 20px 20px;
	font-size: 20px;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
}

.popup-plus18 > .inner > .message > .btn-success {
	background: #79A70A;
	border: none !important;
}

/* POSTORDER ================================================================ */

.postorder-wrapper { display: flex; align-items: center; color: #0f0f0f !important; }

.postorder-wrapper .d-xs { display: none; }
.postorder-wrapper .d-lg { display: block; }

.postorder-wrapper .postorder-img { max-width: 400px; }

.postorder-text h1 { margin-bottom: 30px; }
.postorder-text p { margin: 15px 0; font-size: 16px; line-height: 21px; text-align: justify; }
.postorder-text li { font-size: 18px; }
.postorder-text p strong { font-size: 22px; line-height: 24px; }

.postorder-text .price-before { font-size: 22px; text-decoration: line-through; margin-right:6px; font-weight: 100; }
.postorder-text .price { font-size: 34px; font-weight: bold; color:#87B10D; }

.postorder-text .buttons { max-width: 100%; margin-bottom: 30px; }
.postorder-text .buttons .btn { display: block;  }
.postorder-text .buttons .btn.btn-gradient { margin-top: 36px; font-size:24px; background: #87B10D; background: linear-gradient(to bottom,  #b2c961 0%,#87B10D 100%); }
.postorder-text .buttons .btn.btn-blank { margin-top: 10px; font-size: 17px; border: unset; }

.postorder-text .loader { margin-top: 20px; margin-bottom: 30px; }

@media screen and (max-width: 991px) {
	.postorder-wrapper { display: block; }

	.postorder-wrapper .d-xs { display: block; }
	.postorder-wrapper .d-lg { display: none; }

	.postorder-wrapper .postorder-img { max-width: 300px; }

	.postorder-text h1 { text-align: center; font-size: 30px; }
	.postorder-text p:has(strong) { text-align: center; }

	.price-wrapper { text-align: center; }

	.postorder-text .buttons .btn.btn-gradient { font-size:22px; max-width: 310px; margin: 36px auto 0; }
	.postorder-text .buttons .btn.btn-blank { color: #aaaaaa !important; }
	
}


/* MOBILE DIFFERENCES ======================================================= */

@media (min-width: 1200px) { /*tylko lg*/
	
}

@media (min-width: 992px) and (max-width: 1199px) { /*tylko md*/
	.order-progress .txt.first { width: 291px; }
	.order-progress .txt { width: 278px; }
}

@media (max-width: 991px) { /*sm+xs*/
	.popup-plus18 > .inner { margin-top: 0px; top:10px; }
}

@media (min-width: 768px) and (max-width: 991px) { /*tylko sm*/
	.product-thumb.odd { float: right; width:100%; }
	.product-thumb.even { float: left; width:100%; }
	.arrowed-header { max-width: 720px; }
	.arrowed-header.products-header { max-width: 648px; }
}

@media (max-width: 767px) { /*tylko xs*/
	.arrowed-header.products-header { max-width: 310px; }
	.opinion .face { width: 70px; height: 70px; }
	.expert-box { padding: 15px 15px; min-height: 0px; max-width: 360px; margin: 0 auto; }
	.expert-box .txt { width: 100%; }
	.fixed-buy .btn { width:100%; }
	.cart-summary-row > div:last-child { text-align: right; }
	.cart-summary-row #codeForm form { float: right; }
	.table-cart tbody tr td:first-child { width: 70%; text-align: left; }
	.table-cart tbody tr td:first-child img { height: 60px; }
	.table-cart tbody tr td:first-child .biger-text { font-size:16px; font-weight: 700; }
	.table-cart tbody tr td:nth-child(3) { width: 30%; text-align: right; white-space: nowrap; }
	.table-cart.table-unbordered .biger-text { font-size: 16px; }
	.table-cart.table-unbordered tbody tr td:first-child { width: 20%; text-align: center; }
	.table-cart.table-unbordered tbody tr td:nth-child(3) { width: 60%; text-align: right; white-space: nowrap; }
	.table-cart.table-unbordered tbody tr td:nth-child(4) { width: 20%; text-align: right; white-space: nowrap; }
}

@media (max-width: 500px) { /*bardzo małe wyświetlacze*/
	.arrowed-header { background-image: none !important; }
}

@media (max-width: 430px) {
	.fixed-buy .price-normal { font-size: 18px; clear: both; }
	.fixed-buy .price-before { font-size: 13px;	}
	.fixed-buy .prices { padding-top: 5px; }
}

@media (max-width: 400px) { /*malutkie wyświetlacze*/
	.compressed-form .form-row-1-3, .compressed-form .form-row-2-3 { width: 100%; padding-right: 0px; }
	.opinion .name, .opinion .stars { width: 100%; float: none; text-align: left; }
	.opinion .face { width: 60px; height: 60px; float:left; }
	.opinion .glyphicon-user { max-width: 60px; }
	.table-cart tbody tr td:first-child .biger-text { font-size:14px; font-weight: 700; }
	#cartModal .modal-footer .btn:first-child { display:none; }
	#cartModal .modal-footer .btn:nth-child(2) { width: 100%; margin: 0; }
	#cartModal .modal-footer .btn:first-child { display:none; }
	#cartModal .modal-footer .text-center.hidden { display:block !important; visibility: visible !important; }
}


.salesDocument { display: flex; margin-bottom: 10px; }
.salesDocument label { margin-bottom: 0; margin-right: 30px; cursor: pointer; }
.form-vatin { display: none; }
.form-company-name { display: none; }
div[data-sales-document="invoice"] .form-vatin, div[data-sales-document="invoice"] .form-company-name { display: block; }

#map-canvas-orlen .olControlAttribution, #map-canvas-accespoint .olControlAttribution { display: none !important; }

#dpdPickupModal .modal-dialog .close { position: absolute; top: 15px; right: 15px; }

@media (min-width: 576px) {
	#dpdPickupModal .modal-dialog { max-width: 1154px !important; width: 100% !important; }
} 



#modal-dhl-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 70%; background-color: white; padding: 1rem; border-radius: 5px; box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3); z-index: 20; }
#modal-dhl-pop .modal-header { padding: 0; }
#modal-dhl-pop .modal-content, 
#modal-dhl-pop .modal-dialog, 
#modal-dhl-pop .modal-body { width: 100%; height: 100%; }
#modal-dhl-pop .modal-body { padding: 0; }
#modal-dhl-pop .modal-dialog { margin: 0; padding: 0; border: unset; }
#modal-dhl-pop .modal-content { margin: 0; padding: 0; border: unset; border-radius: 0; box-shadow: unset; }
#modal-dhl-pop .close { position: absolute; right: 20px; top: 15px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 1; filter: alpha(opacity=20); z-index: 50; }
#modal-dhl-pop iframe { width: 100%; height: inherit; border: none; }
.elemRow { display: none !important; }