.otgs-development-site-front-end {
	display: none !important;
}

body > .notices-wrapper {
	box-sizing: border-box;
	max-width: 1100px;
	background: #1a1a1a;
	margin: 0 auto;
	padding: 20px;
}


body > .notices-wrapper > ul {
	margin: 0;
	outline: none;
}


#woocommerce-main {
	display: flex;
	background: color-mix(in srgb, var(--pyy-grey), #000 50%);
	padding: 0 0 10px;
	gap: 10px;
	--wc-form-border-width: 1px;
	--wc-form-border-color: #999;
	--wc-form-border-radius: 3px;
}

#woocommerce-main > :last-child {
	margin-bottom: 0;
}

#woocommerce-main #main-content {
	padding: 60px 0 0;
}

#woocommerce-main #main-content > .wrapper {
	padding-left: 60px;
	padding-right: 60px;
}


#woocommerce-main h1.page-title, 
#woocommerce-main h2.page-title {
	text-transform: uppercase;
}


#woocommerce-main ul.products {
	display: grid;
	margin: 0;
	grid-template-columns: 1fr;
	gap: 0;
}


#woocommerce-main ul.products li.product {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}

#woocommerce-main ul.products:before, 
#woocommerce-main ul.products:after {
	display: none;
}

.woocommerce ul.products li.product strong {
  display: revert;
}


#woocommerce-main ul.products li.product .event-item {
	margin-left: -60px;
	margin-right: -60px;
	padding-left: 60px;
	padding-right: 60px;
}

#woocommerce-main ul.products li.product .woocommerce-loop-product__title {
	padding: 0 0 0.8696em;
  font-size: 1.3529rem;
	line-height: 1.1739;
	text-transform: uppercase;
}


#woocommerce-main #main-content .event-content .event-info {
	margin-left: 0;
	font-weight: 600;
}


#woocommerce-main .event-item-ticket-section {
	border: 1px solid var(--pyy-orange);
	background: color-mix(in srgb, var(--pyy-beige), #fff 25%);
	margin: 10px -30px 30px;
	padding: 20px 30px;
}


#woocommerce-main .event-item-ticket-section > h3:first-child {
	padding: 0 0 10px;
	font-family: epitaph, sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
}

#woocommerce-main .event-item-ticket-section .event-item-ticket-sales-start {
	margin: -10px 0 20px;
	padding: 0;
	font-size: 17px;
	font-weight: 600;
}

#woocommerce-main .event-item-ticket-section .price {
	margin: 0;
	padding: 0;
	font-size: 1.1765rem;
	font-weight: 600;
	color: var(--pyy-grey);
}

#woocommerce-main .event-item-ticket-section .price .selvapyy-payment-methods {
	position: relative;
	margin-left: 10px;
	font-size: 12px;
	text-transform: uppercase;
	cursor: help;
	color: var(--pyy-blue);
}

#woocommerce-main .event-item-ticket-section .price .selvapyy-payment-methods:after {
	content: "";
	display: none;
	position: absolute;
	top: -10px;
	left: 50%;
	width: calc(540 / 144 * 70px + 20px);
	height: 92px;
	border-radius: 5px;
	box-shadow: #0003 0 0 4px;
	background: #fff url(../_img/maksutavat.svg) 50% 10px/auto 70px no-repeat;
	padding: 10px;
	transform: translate(-50%,-100%);
}

#woocommerce-main .event-item-ticket-section .price .selvapyy-payment-methods:before {
	content: "";
	display: none;
	position: absolute;
	top: -12px;
	left: 50%;
	width: 16px;
	height: 8px;
	background: #fff;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	z-index: 2;
	transform: translate(-50%,0);
}

#woocommerce-main .event-item-ticket-section .price .selvapyy-payment-methods:hover:after, 
#woocommerce-main .event-item-ticket-section .price .selvapyy-payment-methods:hover:before {
	display: block;
}


#woocommerce-main .event-item-ticket-section .main_status_div {
	border: 1px solid color-mix(in srgb, var(--pyy-grey), #fff 80%);
	background: #fffc;
	margin: 20px 0 0;
	padding: 8px 15px 11px;
}

#woocommerce-main .event-item-ticket-section .main_status_div + span[style^="font-size"] {
	display: block;
	border: 1px solid color-mix(in srgb, var(--pyy-grey), #fff 80%);
	background: #fffc;
	margin: -1px 0 0;
	padding: 8px 15px 11px;
}

#woocommerce-main .event-item-ticket-section .main_status_div ul {
	margin: 0;
}

#woocommerce-main .event-item-ticket-section .main_status_div ul .acss_sub_rule_item p {
	padding: 0;
	line-height: 1.5;
}

#woocommerce-main .event-item-ticket-section .main_status_div ul .acss_sub_rule_item p + p {
	border-top: 1px solid #0001;
	margin: 13px -15px 0;
	padding: 7px 15px 0;
}

#woocommerce-main .event-item-ticket-section .stock {
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.7059rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #555;
}

#woocommerce-main .event-item-ticket-section .stock:last-child {
	margin: 0 0 3px;
}

#woocommerce-main .event-item-ticket-section .stock > span {
	display: inline-flex;
	border-radius: 4px;
	background: #fff8;
	margin: 4px 0 0;
	padding: 4px 8px;
	line-height: 15px;
	text-shadow: #fffd 0 1px 0;
	vertical-align: top;
	align-items: center;
	gap: 6px;
}

#woocommerce-main .event-item-ticket-section .stock > span:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid color-mix(in srgb, currentColor, transparent 90%);
	border-radius: 50%;
	background: currentColor;
	background-clip: padding-box;
	padding: 1px;
	animation: borderpulse 2s alternate ease-in-out infinite;
}

#woocommerce-main .event-item-ticket-section .stock > span.tickets-nostock:before {
	animation: none;
}


@keyframes borderpulse {
	0% { border-color: color-mix(in srgb, currentColor, transparent 90%); }
	100% { border-color: color-mix(in srgb, currentColor, transparent 50%); }
}

#woocommerce-main .event-item-ticket-section .stock .tickets-highstock:before {
	color: #5fad56;
}

#woocommerce-main .event-item-ticket-section .stock .tickets-mediumstock:before {
	color: var(--pyy-orange);
	animation-duration: 1.5s;
}

#woocommerce-main .event-item-ticket-section .stock .tickets-lowstock:before {
	color: #f07d19;
	animation-duration: 1s;
}

#woocommerce-main .event-item-ticket-section .stock .tickets-nostock:before {
	color: #bf0603;
}


#woocommerce-main .event-item-ticket-section a.button {
	border: 2px solid var(--pyy-orange);
	background: var(--pyy-orange);
	margin: 10px 0 0;
	padding-top: 10px;
	padding-bottom: 12px;
	font-size: 17px;
	color: var(--pyy-grey);
}

#woocommerce-main .event-item-ticket-section a.button:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 15%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 5%);
}

#woocommerce-main .event-item-ticket-section a.button + .added_to_cart {
	display: none;
}

#woocommerce-main .event-item-ticket-section .not-purchasable {
	display: inline-flex;
	height: 42px;
	padding: 0;
	align-items: center;
}



.single-product #main-content .event-content {
	padding-top: 0;
}

.single-product #woocommerce-main .event-title {
	padding: 0 0 1em;
	font: 400 1.9412rem/1.1212 epitaph, sans-serif;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}

.single-product #woocommerce-main #main-content .event-content .event-info {
	margin-top: -12px;
}


.single-product #woocommerce-main .summary {
	width: auto;
	margin: 0;
	float: none;
}

.single-product #woocommerce-main .event-item {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}


.single-product #woocommerce-main .summary .cart {
	display: flex;
	margin: 20px 0 0;
	padding: 0;
	gap: 10px;
}

.single-product #woocommerce-main .summary .cart:before, 
.single-product #woocommerce-main .summary .cart:after {
	display: none;
}


.single-product #woocommerce-main .summary .cart .quantity {
	margin: 0;
	float: none;
}

.single-product #woocommerce-main .summary .cart .quantity label {
	display: none;
}

.single-product #woocommerce-main .summary .cart .quantity input {
	display: block;
	width: auto;
	height: 100%;
	padding: 9px 1px 9px 9px;
	text-align: center;
}

.single-product #woocommerce-main .summary .single_add_to_cart_button {
	height: 43px;
	border: 2px solid var(--pyy-orange);
	background: var(--pyy-orange);
	padding-top: 10px;
	padding-bottom: 14px;
	font-family: inherit;
	color: var(--pyy-grey);
	float: none;
	transition: all 150ms ease-out;
}

.single-product #woocommerce-main .summary .single_add_to_cart_button:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 15%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 5%);
}


.single-product #woocommerce-main .woocommerce-tabs > .tabs {
	display: none;
}

.single-product #woocommerce-main .woocommerce-tabs .panel {
	margin-bottom: 0;
}

.single-product #woocommerce-main .woocommerce-tabs .panel > :last-child {
	padding-bottom: 0;
}

.single-product #woocommerce-main .event-back {
	border-top: 1px solid var(--pyy-beige);
	margin: 60px 0 60px -10px;
	padding: 8px 0 0 10px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.single-product #woocommerce-main .event-back span, 
.single-product #woocommerce-main .event-back a {
	display: inline-block;
	vertical-align: top;
}

.single-product #woocommerce-main .event-back:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../_img/arrow-left.svg) 0 50% no-repeat;
	background-size: contain;
	margin: 5px 8px 0 0;
	vertical-align: top;
}


#main-content-cart {
	display: none;
	background: var(--pyy-grey);
	margin: 0 -30px;
	padding: 28px 30px 34px;
	font-size: 0.8235rem;
	line-height: 1.5;
	font-weight: 500;
	color: var(--pyy-white);
}

#woocommerce-main #main-content-cart {
	margin-top: -60px;
	margin-bottom: 60px;
}

#main-content-cart h2 {
	display: inline-block;
	/*min-width: 50%;*/
	border-bottom: 2px solid var(--pyy-beige);
	margin-bottom: 20px;
	padding-bottom: 3px;
	color: var(--pyy-beige);
}

#main-content-cart h2:last-child {
	margin-bottom: 0;
}

#main-content-cart p {
	padding-bottom: 1em;
}


#main-wrap .widget_shopping_cart_content {
	display: flex;
	flex-flow: column;
	gap: 5px 0;
}

#main-wrap .woocommerce-mini-cart {
	margin: -5px 0 0;
	padding: 0;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item {
	display: flex;
	position: relative;
	border-bottom: 1px solid #fff3;
	padding: 5px 32px 5px 0;
	flex-flow: row wrap;
	gap: 0 10px;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item:before, 
#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item:after {
	display: none;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button {
	position: absolute;
	display: flex;
	right: 0;
	top: 50%;
	width: 28px;
	height: 28px;
	border: 2px solid var(--pyy-orange);
	border-radius: 50%;
	box-shadow: none;
	text-indent: -9999px;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button:hover {
	background: var(--pyy-orange);
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: var(--pyy-orange);
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	transition: all 150ms ease-out;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button:hover:after {
	background: #fff;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item img {
	display: none;
}

#main-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
	font-weight: 600;
	color: var(--pyy-orange);
	flex: 0 0 100%;
}

#main-wrap .widget_shopping_cart_content .woocommerce-mini-cart__total {
	padding: 5px 0;
}

#main-wrap .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
	display: flex;
	padding: 10px 0 0;
	gap: 0 10px;
}

#main-wrap .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
	border: 2px solid var(--pyy-orange);
	border-radius: 3px;
	box-shadow: none;
	background: var(--pyy-orange);
	padding: 9px 1em 11px;
	font-family: inherit;
	font-weight: 700;
	line-height: 1;
	color: var(--pyy-grey);
	float: none;
}

#main-wrap .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 20%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 10%);
}


#ticket-reserve-stock-notification {
	border-radius: 5px;
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 10px 20px 13px;
	font-size: 14px;
	line-height: 1.5;
}


.woocommerce-cart #woocommerce-main .woocommerce, 
.woocommerce-checkout #woocommerce-main .woocommerce {
	padding-bottom: 60px;
}


#woocommerce-main .woocommerce .woocommerce-cart-form, 
#woocommerce-main .woocommerce .woocommerce-checkout {
	padding: 0;
}

#woocommerce-main .woocommerce table.shop_table th, 
#woocommerce-main .woocommerce table.shop_table td {
	font-size: 15px;
}

#woocommerce-main .woocommerce-cart-form__contents .product-remove {
	width: 50px;
}

#woocommerce-main .woocommerce-cart-form__contents .product-remove .remove {
	display: flex;
	width: 28px;
	height: 28px;
	border: 2px solid var(--pyy-orange);
	box-shadow: none;
	margin-top: 1px;
	text-indent: -9999px;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}

#woocommerce-main .woocommerce-cart-form__contents .product-remove .remove:hover {
	background: var(--pyy-orange);
}

#woocommerce-main .woocommerce-cart-form__contents .product-remove .remove:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: var(--pyy-orange);
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	transition: all 150ms ease-out;
}

#woocommerce-main .woocommerce-cart-form__contents .product-remove .remove:hover:after {
	background: #fff;
}

#woocommerce-main .woocommerce-cart-form__contents .product-thumbnail {
	display: none;
}

#woocommerce-main .woocommerce-cart-form__contents .product-name {
	font-weight: 600;
}

#woocommerce-main .woocommerce-cart-form__contents .product-name p {
	padding: 0;
	font-weight: 400;
}

#woocommerce-main .woocommerce-cart-form__contents .product-price {
	width: 100px;
	text-align: right;
}

#woocommerce-main .woocommerce-cart-form__contents .product-quantity {
	width: 100px;
	text-align: center;
}

#woocommerce-main .woocommerce-cart-form__contents .product-quantity input {
	padding: 4px 1px 4px 4px;
}

#woocommerce-main .woocommerce-cart-form__contents .product-subtotal {
	width: 110px;
	text-align: right;
}


#woocommerce-main .woocommerce-cart-form__contents .coupon {
	display: flex;
	gap: 5px;
}

#woocommerce-main .woocommerce-cart-form__contents .coupon #coupon_code {
	width: 120px;
	margin: 0;
}

#woocommerce-main .woocommerce-cart-form__contents .coupon:before, 
#woocommerce-main .woocommerce-cart-form__contents .coupon:after {
	display: none;
}


#woocommerce-main .cart-collaterals {
	display: flex;
	justify-content: flex-end;
}

#woocommerce-main .cart_totals {
	float: none;
}

#woocommerce-main .cart_totals td {
	text-align: right;
}

#woocommerce-main .cart_totals .order-total .includes_tax {
	display: block;
}

#woocommerce-main .cart-collaterals .cart_totals table {
	margin-bottom: 0;
}

#woocommerce-main .wc-proceed-to-checkout {
	padding: 30px 0 0;
}

#woocommerce-main .wc-proceed-to-checkout a.checkout-button {
	border: 2px solid var(--pyy-orange);
	background: var(--pyy-orange);
	padding-top: 18px;
	padding-bottom: 21px;
	margin-bottom: 0;
	font-family: inherit;
	color: var(--pyy-grey);
}

#woocommerce-main .wc-proceed-to-checkout a.checkout-button:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 15%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 5%);
}


#woocommerce-main #customer_details {
	display: flex;
	flex-flow: column;
	gap: 1.5882rem;
}

#woocommerce-main #customer_details:before {
	display: none;
}

#woocommerce-main #customer_details > div[class^="col"] {
	width: 100%;
}


#woocommerce-main .cart_totals h2, 
.woocommerce-order-received #woocommerce-main .woocommerce-order h2 {
	padding: 0 0 10px;
	font: 600 1.1765rem/1.5 Karla, sans-serif;
}

#woocommerce-main form h3 {
	padding: 0 0 10px;
	font-size: 1.1765rem;
}


#woocommerce-main form .form-row {
	margin-bottom: 0;
	padding: 0;
}

#woocommerce-main form .woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-flow: row wrap;
	gap: 20px 15px;
}

#woocommerce-main form .woocommerce-billing-fields__field-wrapper .form-row {
	order: 1;
	flex: 0 0 100%;
}

#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_first_name_field, 
#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_last_name_field, 
#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_postcode_field, 
#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_city_field {
	flex: 1;
}

#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_address_2_field {
	display: none !important;
}

#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_country_field {
	order: 2;
}


#woocommerce-main form .form-row .input-text {
	padding: 8px 8px 10px;
	font-size: 16px;
}


#woocommerce-main #order_review th:last-child, 
#woocommerce-main #order_review td:last-child {
	text-align: right;
}

#woocommerce-main #order_review .includes_tax {
	display: block;
}

#woocommerce-main #order_review .order-total th {
	vertical-align: top;
}


#woocommerce-main #payment .payment_methods label {
	font-weight: 600;
}


#woocommerce-main #payment .wc-paytrail-desc-container:after {
	content: "";
	display: block;
	height: 100px;
	background: url(../_img/maksutavat.svg) 0 50%/contain no-repeat;
	margin: 10px 0 0 2px;
}

#woocommerce-main #payment .wc-paytrail-ppa-description {
	margin-bottom: 0;
}

#woocommerce-main #payment .payment_methods .payment_box > :last-child, 
#woocommerce-main #payment .wc-paytrail-ppa-description > :last-child {
	padding-bottom: 0;
}


#woocommerce-main #payment #place_order {
	display: block;
	width: 100%;
	border: 2px solid var(--pyy-orange);
	background: var(--pyy-orange);
	margin-top: 40px;
	padding-top: 18px;
	padding-bottom: 21px;
	font-family: inherit;
	font-size: 1.2353rem;
	color: var(--pyy-grey);
	float: none;
	transition: all 150ms ease-out;
}

#woocommerce-main #payment #place_order:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 15%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 5%);
}


#woocommerce-main .woocommerce-order .woocommerce-thankyou-order-received {
	border-radius: 3px;
	background: var(--pyy-beige);
	margin-bottom: 30px;
	padding: 20px 20px 23px;
	font-size: 1.1765rem;
	font-weight: 700;
	text-align: center;
	color: var(--pyy-grey);
}


#woocommerce-main .woocommerce-order ul.order_details {
	display: flex;
	margin: 0 0 30px;
	padding: 0;
	flex-flow: column;
	gap: 15px;
}

#woocommerce-main .woocommerce-order ul.order_details:before, 
#woocommerce-main .woocommerce-order ul.order_details:after {
	display: none;
}

#woocommerce-main .woocommerce-order ul.order_details li {
	border: 0;
	margin: 0;
	font-weight: 600;
}

#woocommerce-main .woocommerce-order ul.order_details + h2 {
	padding-bottom: 8px;
}

#woocommerce-main .woocommerce-order ul.order_details + h2 + p {
	padding-bottom: 30px;
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details td.product-name {
	font-weight: 500;
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details th:last-child, 
#woocommerce-main .woocommerce-order .woocommerce-table--order-details td:last-child {
	width: 220px;
	text-align: right;
	vertical-align: top;
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details .woocommerce-table__product-name {
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details .product-serial-code {
	border-radius: 3px;
	background: var(--pyy-beige);
	margin-top: 10px;
	padding: 7px 15px 9px !important;
	font-size: 14px;
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details .product-serial-code p {
	padding: 0;
}

#woocommerce-main .woocommerce-order .woocommerce-table--order-details .product-serial-code p > br:first-child {
	display: none;
}


#woocommerce-main .woocommerce-order .woocommerce-table--order-details .includes_tax {
	display: block;
}


#woocommerce-main .woocommerce-order .woocommerce-table--order-details + .order-again {
	display: none;
}


#woocommerce-main .woocommerce-order .woocommerce-customer-details address {
	border: 0;
	margin-top: -10px;
	padding: 0;
}

#woocommerce-main .woocommerce-order .woocommerce-customer-details--email {
	padding-left: 0;
}

#woocommerce-main .woocommerce-order .woocommerce-customer-details--email:before {
	display: none;
}

#woocommerce-main .woocommerce-order .woocommerce-customer-details address > :last-child {
	padding-bottom: 0;
}


#woocommerce-main .checkout-back-to-cart {
	display: flex;
	margin: -15px 0 30px;
	padding: 0;
	align-items: center;
	gap: 8px;
}

#woocommerce-main .checkout-back-to-cart:before {
	content: "";
	height: 13px;
	background: url(../_img/arrow-left.svg) 0 50% no-repeat;
	background-size: contain;
	margin: 0;
	flex: 0 0 13px;
}

#woocommerce-main .checkout-back-to-cart a {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}



.woocommerce-order-received #woocommerce-main .button.pay {
	border: 2px solid var(--pyy-orange);
	background: var(--pyy-orange);
	padding-top: 9px;
	padding-bottom: 11px;
	font-family: inherit;
	color: var(--pyy-grey);
	float: none;
}

.woocommerce-order-received #woocommerce-main .button.pay:hover {
	border-color: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 20%);
	background: color-mix(in srgb, var(--pyy-orange), var(--pyy-grey) 10%);
}

.woocommerce-order-received #woocommerce-main .button.cancel {
	border: 2px solid var(--pyy-blue);
	background: var(--pyy-blue);
	padding-top: 9px;
	padding-bottom: 11px;
	font-family: inherit;
	color: var(--pyy-white);
	float: none;
}

.woocommerce-order-received #woocommerce-main .button.cancel:hover {
	border-color: color-mix(in srgb, var(--pyy-blue), var(--pyy-grey) 20%);
	background: color-mix(in srgb, var(--pyy-blue), var(--pyy-grey) 10%);
}



#ticket-scanner-wrap {
	max-width: 600px;
	min-height: 100vh;
	background: #fff;
	margin: 0 auto;
	padding: 0 0 10px;
}

#ticket-scanner-wrap h1, 
#ticket-scanner-wrap h2 {
	font-family: Karla, sans-serif;
}


#ticket-scanner-wrap .lds-dual-ring {
	display: flex;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

#ticket-scanner-wrap .lds-dual-ring:after {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	border: 5px solid #fff;
	border-color: var(--pyy-blue) transparent var(--pyy-blue) transparent;
	border-radius: 50%;
	margin: 0;
	animation: lds-dual-ring 0.6s linear infinite;
}

@keyframes lds-dual-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


#ticket-scanner-wrap > h1 {
	height: 50px;
	padding-bottom: 0;
	line-height: 47px;
	text-transform: uppercase;
}

#ticket-scanner-wrap > center > div {
	width: 100% !important;
	max-width: none !important;
}



#ticket-scanner-wrap .ticket_content {
	display: flex !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
	max-width: 800px;
	border: 0 !important;
	border-radius: 5px !important;
	background: var(--pyy-beige) !important;
  margin: 0 10px !important;
  padding: 10px !important;
  text-align: left !important;
  color: var(--pyy-grey) !important;
	flex-flow: column;
	gap: 40px;
}

#ticket-scanner-wrap .ticket_content > div {
	order: 7;
}

#ticket-scanner-wrap .ticket_content > div:empty {
	display: none;
}


#ticket-scanner-wrap .ticket_content button {
	display: inline-flex;
	width: auto;
	border: 2px solid color-mix(in srgb, var(--pyy-blue), #000 20%);
	border-radius: 3px;
	background: var(--pyy-blue);
	margin: 0;
	padding: 10px 20px 11px;
	font-family: inherit;
	font-weight: 600;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	color: var(--pyy-beige);
}

#ticket-scanner-wrap .ticket_content button[style*="background-color: green;"] {
	border: 2px solid color-mix(in srgb, #26758a, #000 20%) !important;
	background: #26758a !important;
	color: var(--pyy-beige) !important;
}

#ticket-scanner-wrap .ticket_content button[style*="background-color: gray;"] {
	border: 2px solid color-mix(in srgb, var(--pyy-grey), #000 20%) !important;
	background: var(--pyy-grey) !important;
	color: var(--pyy-beige) !important;
}

#ticket-scanner-wrap .ticket_content button[style*="background-color:red;"] {
	border: 2px solid color-mix(in srgb, var(--pyy-orange), #000 20%) !important;
	background: var(--pyy-orange) !important;
	color: var(--pyy-grey) !important;
}


#ticket-scanner-wrap .ticket_content .form-label {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: top;
	color: inherit !important;
}

#ticket-scanner-wrap .ticket_content input[type="text"] {
	width: 100% !important;
	border-radius: 5px;
	border: 2px solid #888;
	padding: 10px 15px 13px;
	font-family: inherit;
	color: inherit !important;
}


#ticket-scanner-wrap #ticket_scanner_info_area {
	text-align: center;
	order: 1;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div, 
#ticket-scanner-wrap #ticket_scanner_info_area > h1 {
	display: flex;
	border: 2px solid color-mix(in srgb, #ffc, #000 20%);
	border-radius: 3px;
	background: #ffc;
	padding: 20px 20px 22px !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	flex-flow: column;
	gap: 10px;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div > * {
	order: 2;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div > div[style^="display:flex;text-align:center;"] {
	display: block !important;
	margin: 0;
	font-weight: 600;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div > div[style^="display:flex;text-align:center;"]:before {
	content: "Lipun numero";
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div p {
	padding-bottom: 0;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div h3 {
	margin: 10px 0 0;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div h4 {
	margin: 0 0 12px;
	font-family: Karla, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 29px;
	text-transform: uppercase;
	order: 1;
}

#ticket-scanner-wrap #ticket_scanner_info_area > div h4 + div {
	margin-top: 10px;
	font-family: Karla, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}


#ticket-scanner-wrap #ticket_info_retrieved {
	padding: 20px 20px 0 !important;
	font-family: Karla, sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 21px;
	text-transform: uppercase;
	order: 2;
}

#ticket-scanner-wrap #ticket_info_retrieved:empty {
	padding: 0 !important;
}

#ticket-scanner-wrap #ticket_info_retrieved > div {
	display: flex;
	flex-flow: column;
	gap: 20px;
}

#ticket-scanner-wrap #ticket_info_retrieved > div > div {
	margin: 0;
	font-family: Karla, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	order: 2;
}

#ticket-scanner-wrap #ticket_info_retrieved > div > h3 {
	margin: 0 0 12px;
	font-family: Karla, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 29px;
	text-transform: uppercase;
	order: 1;
}

#ticket-scanner-wrap #ticket_info_retrieved > div > h4 {
	font-family: Karla, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 29px;
	order: 1;
}


#ticket-scanner-wrap #reader_output {
	position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
	border: 2px solid color-mix(in srgb, #ffc, #000 20%);
	border-radius: 3px;
	background: #ffc;
	padding: 10px 20px 13px !important;
  font-family: Karla, sans-serif;
  font-size: 15px;
  font-weight: 600;
	text-align: center;
	text-transform: uppercase;
  opacity: 0.9;
  z-index: 5;
	order: 4;
}


#ticket-scanner-wrap #reader {
	display: flex;
	flex-flow: column;
	gap: 10px;
}

#ticket-scanner-wrap #reader:empty {
	display: none;
}

#ticket-scanner-wrap #saso_eventtickets_qr-video {
	border-radius: 5px;
	box-shadow: #0002 0 0 10px;
	background: var(--pyy-grey);
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

#ticket-scanner-wrap #saso_eventtickets_camList {
	border: 2px solid #888;
	border-radius: 5px;
	background: #fff;
	margin: 0;
	padding: 10px 15px;
}

#ticket-scanner-wrap #saso_eventtickets_camList ~ button {
	border: 2px solid color-mix(in srgb, var(--pyy-orange), #000 20%);
	background: var(--pyy-orange);
	color: var(--pyy-grey);
}

#ticket-scanner-wrap #saso_eventtickets_camList ~ button.button-primary {
	border: 2px solid color-mix(in srgb, #26758a, #000 20%) !important;
	background: #26758a !important;
	color: var(--pyy-beige) !important;
}

#ticket-scanner-wrap #reader > div > div[style="text-align: center;"] {
	display: flex;
	flex-flow: column;
	gap: 20px;
}

#ticket-scanner-wrap #reader > div > div[style="text-align: center;"] .button-ticket-options[disabled] {
	opacity: 0.4;
}

#ticket-scanner-wrap #reader > div > div[style="text-align: center;"] .button-ticket-options:nth-child(1) {
	order: 2;
}

#ticket-scanner-wrap #reader > div > div[style="text-align: center;"] .button-ticket-options:nth-child(2) {
	border: 2px solid color-mix(in srgb, var(--pyy-orange), #000 20%);
	background: var(--pyy-orange);
	margin: 0;
	color: var(--pyy-grey);
	order: 1;
}

#ticket-scanner-wrap #reader > div > div[style="text-align: center;"] .button-ticket-options:nth-child(3) {
	display: none;
	border: 2px solid color-mix(in srgb, var(--pyy-orange), #000 20%) !important;
	background: var(--pyy-orange) !important;
	margin: 0;
	color: var(--pyy-grey) !important;
	order: 3;
}


#ticket-scanner-wrap #order_info {
	display: none;
}


#ticket-scanner-wrap #ticket_info {
	display: none;
}


#ticket-scanner-wrap #ticket_add_info {
	display: flex;
	margin-top: -20px;
	text-align: center;
	flex-flow: column;
	order: 3;
}

#ticket-scanner-wrap #ticket_add_info:empty {
	display: none;
}


#ticket-scanner-wrap #ticket_add_info > div[style^="display:flex;text-align:center;"] {
	display: block !important;
	margin: 0 0 10px;
	font-weight: 600;
}

#ticket-scanner-wrap #ticket_add_info > div[style^="display:flex;text-align:center;"]:before {
	content: "Lipun numero";
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}


#ticket-scanner-wrap #ticket_add_info > div > div {
	display: block !important;
	width: 100% !important;
	font-size: 15px;
}

#ticket-scanner-wrap #ticket_add_info > div > div:last-child {
	display: none !important;
}

#ticket-scanner-wrap #ticket_add_info > div > div > div[style^="color:"] {
	font-size: 18px;
	text-transform: uppercase;
}

#ticket-scanner-wrap #ticket_add_info > div > div > div[style^="color:"] + div {
	margin-bottom: 10px;
	font-family: Karla, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

#ticket-scanner-wrap #ticket_add_info > div:last-child {
	display: none;
}


#ticket-scanner-wrap #ticket_info_btns {
	padding: 0 !important;
	font-size: 15px;
}

#ticket-scanner-wrap #ticket_info_btns > div {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
}

#ticket-scanner-wrap #ticket_info_btns > div .button-ticket-options {
	display: none;
	flex: 1;
}

#ticket-scanner-wrap #ticket_info_btns > div :not(.button-ticket-options) {
	padding: 0 !important;
	flex: 0 0 100%;
}

#ticket-scanner-wrap #ticket_info_btns > div :empty {
	display: none;
}


#ticket-scanner-wrap #reader_options {
	border-top: 2px solid #0003;
	margin-top: 10px;
	padding-top: 30px;
}

#ticket-scanner-wrap #reader_options > div {
	display: flex;
	flex-flow: column;
	gap: 10px;
}

#ticket-scanner-wrap #reader_options > div div:empty {
	display: none;
}

#ticket-scanner-wrap #reader_options > div > div {
	margin: 0 !important;
	padding: 0 !important;
}

#ticket-scanner-wrap #reader_options > div > div[style="padding-top: 10px; text-align: center;"] {
	margin-top: 40px !important;
}

#ticket-scanner-wrap #reader_options > div > div button {
	width: 100%;
	margin: 0;
}


#billboard-wrap + div[style^="width: 100%;"] > .ticket_content {
	width: 100%;
	border: 0 !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
	padding: 40px !important;
}


#woocommerce-main .ce-block .wrapper {
	padding: 0;
}

#woocommerce-main .woocommerce-products-header + .ce-block {
	padding-top: 0;
	margin-top: 0;
}

#woocommerce-main .ce-block + .event-item {
	margin-top: -24px;
}


@media only screen and (max-width: 896px) {
	
	#woocommerce-main ul.products {
		grid-template-columns: 1fr;
	}
	
}

@media only screen and (max-width: 768px) {
	
	#woocommerce-main .woocommerce-cart-form__contents .product-remove, 
	#woocommerce-main .woocommerce-cart-form__contents .product-price, 
	#woocommerce-main .woocommerce-cart-form__contents .product-quantity, 
	#woocommerce-main .woocommerce-cart-form__contents .product-subtotal {
		width: revert;
	}
	
	#woocommerce-main .woocommerce-cart-form__contents .product-remove .remove {
		margin: 0 auto;
	}
	
	#woocommerce-main .woocommerce-cart-form__contents .coupon #coupon_code {
		width: revert;
		flex: 1;
	}
	
	#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_first_name_field, 
	#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_last_name_field, 
	#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_postcode_field, 
	#woocommerce-main form .woocommerce-billing-fields__field-wrapper #billing_city_field {
		flex: 0 0 100%;
	}


}


@media only screen and (max-width: 760px) {

	#woocommerce-main {
		flex-flow: column;
		gap: 1px;
	}
	
	#woocommerce-main #main-content > .wrapper {
  	padding-left: 30px;
	  padding-right: 30px;
	}
	
	body:not(.page-template-page-woocommerce) #woocommerce-main #main-content {
		order: 1;
	}

	body:not(.page-template-page-woocommerce) #main-content-cart {
		display: block;
	}

	body:not(.page-template-page-woocommerce) #woocommerce-main #main-side {
		order: 2;
	}

	body:not(.page-template-page-woocommerce) #main-side-cart {
		display: none;
	}
	
	
	#woocommerce-main .event-item-ticket-section {
	 	margin-left: -15px;
	  margin-right: -15px;
		padding-left: 15px;
	  padding-right: 15px;
	}
	
	#woocommerce-main .woocommerce-order .woocommerce-table--order-details .product-serial-code {
		margin-right: -200px;
	}
	
}


@media only screen and (max-width: 667px) {

	#woocommerce-main {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1px;
	}
	
}


@media only screen and (max-width: 540px) {

	#woocommerce-main {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1px;
	}

}


@media only screen and (max-width: 414px) {
	
	#woocommerce-main {
		padding-left: 0;
		padding-right: 0;
	}
	
	#woocommerce-main #main-content > .wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	body:not(.page-template-page-woocommerce) #main-content-cart {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#woocommerce-main ul.products li.product .event-item {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#woocommerce-main .event-item-ticket-section {
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#woocommerce-main .event-item-ticket-section .main_status_div + span[style^="font-size"] {
		margin-left: 0;
		margin-right: 0;
	}

}