table.shop_table_responsive tbody th,
table.shop_table_responsive thead {
	display: none
}

table.shop_table_responsive tr td {
	display: block;
	text-align: right;
	clear: both
}

table.shop_table_responsive tr td::before {
	content: attr(data-title) ": ";
	float: left
}

table.shop_table_responsive tr td.product-remove a {
	text-align: left
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before,
table.shop_table_responsive tr td.product-remove::before {
	display: none
}

table.shop_table_responsive tr td.download-actions .button {
	display: block;
	text-align: center
}

@media screen and (min-width:48em) {
	table.shop_table_responsive thead {
		display: table-header-group
	}

	table.shop_table_responsive tbody th {
		display: table-cell
	}

	table.shop_table_responsive tr td,
	table.shop_table_responsive tr th {
		text-align: left
	}

	table.shop_table_responsive tr td {
		display: table-cell
	}

	table.shop_table_responsive tr td::before {
		display: none
	}
}

ul.products {
	margin: 0 0 40px;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px
}

ul.products li.product {
	list-style: none;
	position: relative;
	background: #f6f6f6
}

ul.products li.product:hover {
	background: var(--color-main)
}

ul.products li.product img {
	width: 100%;
	display: block;
	aspect-ratio: 4/3;
	object-fit: cover
}

ul.products li.product .button {
	display: none
}

.woocommerce-loop-product__link {
	position: relative;
	align-items: baseline;
	border-radius: 5px;
	overflow: hidden;
	padding-bottom: 20px;
	transition: .5s linear;
	display: grid;
	grid-template-columns: 1fr 100px;
	grid-template-areas: 'image image' 'title price' 'material price'
}

.woocommerce-loop-product__link .onsale {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-red);
	color: var(--color-white);
	font-size: .75rem;
	padding: 5px 10px;
	border-radius: 5px 5px 5px 0
}

.woocommerce-product-gallery-wrapper {
	position: relative
}

.woocommerce-loop-product__link .ribbon,
.woocommerce-product-gallery-wrapper .ribbon {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--color-red);
	color: var(--color-white);
	font-size: .75rem;
	padding: 5px 10px;
	border-radius: 5px 5px 0;
	z-index: 2
}

.woocommerce-product-gallery-wrapper .ribbon {
	border-radius: 0
}

.woocommerce-loop-product__link .ribbon.-center,
.woocommerce-product-gallery-wrapper .ribbon.-center {
	position: absolute;
	top: 40%;
	left: 50%;
	right: unset;
	transform: translate(-50%, -50%);
	background: var(--color-grey-2);
	color: var(--color-black);
	font-size: 1.25rem;
	padding: 5px 15px;
	border-radius: 5px
}

.woocommerce-loop-product__link .phoenixware-product-image-frame {
	aspect-ratio: 4/3;
	display: block;
	grid-area: image;
	margin-bottom: 20px;
	overflow: hidden
}

.woocommerce-loop-product__link .phoenixware-product-image-frame .attachment-woocommerce_thumbnail,
.woocommerce-loop-product__link .phoenixware-product-image-frame .woocommerce-placeholder {
	height: 100%;
	margin-bottom: 0;
	scale: 1;
	transform-origin: center center;
	transition: scale 1.15s cubic-bezier(.22, 1, .36, 1)
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	ul.products li.product:hover .woocommerce-loop-product__link .phoenixware-product-image-frame .attachment-woocommerce_thumbnail,
	ul.products li.product:hover .woocommerce-loop-product__link .phoenixware-product-image-frame .woocommerce-placeholder {
		scale: 1.1
	}
}

.woocommerce-loop-product__link .material {
	grid-area: material;
	font-size: .875rem;
	padding-inline: 20px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	color: gray
}

.woocommerce-loop-product__link .woocommerce-loop-product__title {
	grid-area: title;
	font-size: 1rem;
	padding-inline: 20px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0
}

.woocommerce-loop-product__link .material + .woocommerce-loop-product__title {
	padding-block-start: 0
}

ul.products li.product:hover .woocommerce-loop-product__link .material,
ul.products li.product:hover .woocommerce-loop-product__link .woocommerce-loop-product__title {
	color: var(--color-white)
}

ul.products li.product:hover .woocommerce-loop-product__link .price,
ul.products li.product:hover .woocommerce-loop-product__link .price del,
ul.products li.product:hover .woocommerce-loop-product__link .price ins,
ul.products li.product:hover .woocommerce-loop-product__link .price .amount,
ul.products li.product:hover .woocommerce-loop-product__link .price .woocommerce-Price-amount,
.woocommerce-loop-product__link:hover .price,
.woocommerce-loop-product__link:hover .price del,
.woocommerce-loop-product__link:hover .price ins,
.woocommerce-loop-product__link:hover .price .amount,
.woocommerce-loop-product__link:hover .price .woocommerce-Price-amount {
	color: var(--color-white)
}

ul.products li.product:hover .woocommerce-loop-product__link .price del,
.woocommerce-loop-product__link:hover .price del {
	text-decoration-color: var(--color-white)
}

.woocommerce-loop-product__link .price {
	grid-area: price;
	display: block;
	padding-right: 20px;
	text-align: right;
	font-size: 1.125rem
}

.woocommerce-loop-product__link .price > .amount {
	display: none
}

.woocommerce-loop-product__link .price > del {
	color: #b71427
}

.woocommerce-loop-product__link .price > del .woocommerce-Price-amount.amount {
	font-size: .875rem;
	color: var(--color-black)
}

.woocommerce-loop-product__link .price .woocommerce-Price-amount {
	display: block
}

.related.products h2 {
	font-size: 1.5rem;
	margin-bottom: 20px
}

ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6 {
	grid-template-columns: 1fr
}

@media (min-width:480px) {

	ul.products.columns-2,
	ul.products.columns-3,
	ul.products.columns-4,
	ul.products.columns-5,
	ul.products.columns-6 {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (min-width:992px) {

	ul.products.columns-3,
	ul.products.columns-5,
	ul.products.columns-6 {
		grid-template-columns: repeat(3, 1fr)
	}

	ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (min-width:1200px) {
	ul.products.columns-5 {
		grid-template-columns: repeat(5, 1fr)
	}

	ul.products.columns-6 {
		grid-template-columns: repeat(6, 1fr)
	}
}

.single-product div.product {
	position: relative
}

.single-product div.product .woocommerce-product-gallery {
	position: relative;
	overflow: hidden
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 2em;
	right: 1em;
	display: block;
	z-index: 99
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 1em;
	cursor: zoom-in
}

.single-product div.product .woocommerce-product-gallery .flex-viewport figure {
	margin: 0
}

.single-product div.product .woocommerce-product-gallery .flex-viewport img {
	aspect-ratio: 4/3;
	object-fit: cover;
	width: 100%
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: .5;
	aspect-ratio: 4/3;
	object-fit: cover
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1
}

.stock:empty::before {
	display: none
}

.stock.in-stock {
	color: #0f834d
}

.stock.out-of-stock {
	color: #e2401c
}

@media screen and (min-width:768px) {
	.col2-set .form-row-first {
		float: left;
		margin-right: 3.8%
	}

	.col2-set .form-row-last {
		float: right;
		margin-right: 0
	}

	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 48.1%
	}
}

.site-header-cart {
	position: relative;
	margin: 0;
	padding: 0
}

.site-header-cart .cart-contents {
	text-decoration: none
}

.site-header-cart .widget_shopping_cart {
	display: none
}

.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0
}

.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: .25;
	float: left;
	top: 0;
	left: 0;
	position: absolute
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #4169e1
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: .25
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: .25
}

p.stars.selected a.active::before,
p.stars:hover a::before {
	content: "\53";
	color: #4169e1;
	opacity: 1
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: .25
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #4169e1;
	opacity: 1
}

.woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	flex-wrap: wrap
}

.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em;
	display: block
}

.woocommerce-tabs ul.tabs .active a {
	background: var(--color-main);
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em
}

.woocommerce-password-strength {
	text-align: right
}

.woocommerce-password-strength.strong {
	color: #0f834d
}

.woocommerce-password-strength.bad,
.woocommerce-password-strength.short {
	color: #e2401c
}

.woocommerce-password-strength.good {
	color: #3d9cd2
}

.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 #0f834d
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #e2401c
}

.required {
	color: red
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
	margin-top: 0;
	padding: 30px;
	background-color: #0f834d;
	clear: both
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: var(--color-main);
	color: var(--color-white)
}

.woocommerce-error {
	background-color: #e2401c
}

.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #3d9cd2;
	z-index: 9999
}

@media screen and (min-width:48em) {
	.site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
	}

	.site-header-cart.focus .widget_shopping_cart,
	.site-header-cart:hover .widget_shopping_cart {
		left: 0;
		display: block
	}
}

.widget_price_filter .price_slider {
	margin-bottom: 1.5em
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4
}

.widget_price_filter .price_slider_amount .button {
	float: left
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: ew-resize;
	outline: 0;
	background: #4169e1;
	box-sizing: border-box;
	margin-top: -.25em;
	opacity: 1
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em
}

.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
	box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1)
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: #4169e1
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, .1)
}

.widget_price_filter .ui-slider-horizontal {
	height: .5em
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%
}

.product-single-wrapper {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	margin: 30px 0
}

.product-single-wrapper .onsale {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: .5em 1em;
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: .75rem;
	font-weight: 700
}

.product-single-wrapper .entry-summary {
	margin: 0;
	padding: 20px 25px;
	background: var(--color-soft-white);
	border: 1px solid var(--color-grey-2);
	border-radius: 5px
}

.product-single-wrapper .entry-summary .entry-title {
	margin: 0;
	line-height: 1.3;
	font-size: 1.75rem
}

.product-single-wrapper .entry-summary .price {
	font-size: 1rem;
	margin: 0;
	line-height: 2.625rem
}

.product-single-wrapper .entry-summary .price .amount {
	color: var(--color-main)
}

.product-single-wrapper .entry-summary .price > del {
	font-size: 1rem
}

.product-single-wrapper .entry-summary .price > del .amount {
	color: var(--color-black);
	font-size: 1rem
}

.product-single-wrapper .entry-summary .price ins {
	background: 0 0
}

.product-single-wrapper .entry-summary .woocommerce-Price-amount {
	font-weight: 700;
	font-size: 1.75rem
}

.product-single-wrapper .entry-summary .product_meta {
	margin-top: 20px
}

@media (min-width:1024px) {
	.product-single-wrapper {
		grid-template-columns: 400px 1fr;
		gap: 0
	}

	.product-single-wrapper .entry-summary {
		margin: 0;
		border-left: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
}

@media (min-width:1280px) {
	.product-single-wrapper {
		grid-template-columns: 480px 1fr
	}
}

.product_meta :is(span) {
	display: block;
	margin-bottom: .5em
}

.wc-tabs-wrapper {
	margin-bottom: 2em
}

.wc-tabs-wrapper .wc-tab {
	margin: 0;
	padding: 25px;
	background: var(--color-soft-white);
	border: 1px solid var(--color-grey-2);
	border-radius: 0 5px 5px;
	font-size: 1.125rem
}

.woocommerce-breadcrumb {
	display: inline-block;
	background: #f2f2f2;
	padding: 15px 20px;
	border-radius: 0 0 5px 5px;
	width: 100%
}

.woocommerce-breadcrumb .current {
	color: var(--color-main)
}

.woocommerce-breadcrumb :is(a, span) {
	margin: 0 5px
}

.woocommerce-breadcrumb :first-child {
	margin-left: 0
}

.woocommerce-breadcrumb :last-child {
	margin-right: 0
}

.archive-product-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	margin: 40px 0
}

.archive-product-grid .widget-area .widget-title {
	margin-top: 0
}

@media (min-width:1200px) {
	.archive-product-grid {
		grid-template-columns: 220px 1fr
	}

	.archive-product-grid .content-area {
		grid-column-start: 2;
		grid-row-start: 1
	}

	.archive-product-grid .widget-area {
		grid-column-start: 1;
		grid-row-start: 1
	}

	.woocommerce-breadcrumb {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		width: auto
	}
}

.woocommerce-pagination ul.page-numbers {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.woocommerce-pagination ul.page-numbers .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px
}

.woocommerce-pagination ul.page-numbers .page-numbers.current {
	background: var(--color-main);
	color: var(--color-white);
	border-radius: 5px
}

.woocommerce-ordering {
	margin-bottom: 15px
}

.woocommerce-ordering .orderby {
	padding: 5px
}

.product-category-filter {
	background: var(--color-soft-white);
	padding: 20px
}

.product-category-filter .title {
	font-size: 1rem;
	margin: 0
}

.product-category-filter .filter-label {
	display: block;
	margin-bottom: 5px;
	cursor: pointer
}

.product-category-filter .filter-checkbox {
	display: none
}

.product-category-filter .filter-box:not(:first-child) {
	margin-top: 30px
}

.product-category-filter .filter-box .title-box {
	cursor: pointer;
	margin-block-end: 5px;
	display: grid;
	grid-template-columns: 1fr 20px;
	align-items: center
}

.product-category-filter .filter-box .sub-category {
	margin-left: 30px
}

.product-category-filter .filter-box .filter-list-box {
	display: none
}

.product-category-filter .filter-box .filter-list-box.-active {
	display: block
}

.product-category-filter .filter-checkbox + span {
	display: block;
	position: relative;
	padding-left: 30px
}

.product-category-filter .filter-checkbox + span:before {
	content: "";
	background: var(--color-white);
	border: 1px solid var(--color-grey-2);
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 0
}

.product-category-filter .filter-checkbox + span:after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	top: 6px;
	left: 4px;
	background: var(--color-white);
	-webkit-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

.product-category-filter .filter-checkbox:checked + span:after {
	background: var(--color-main)
}

.product-category-form .product-category-filter-submit {
	text-align: center;
	background-color: var(--color-main);
	color: var(--color-white);
	font-family: Kanit, sans-serif;
	padding: 8px 16px;
	border: 0;
	width: 100%;
	margin-top: 24px;
	font-size: 1.125rem;
	cursor: pointer;
	display: block;
	border-radius: 4px
}

.product-category-search {
	display: grid;
	grid-template-columns: 1fr 40px;
	margin-bottom: 30px
}

.aws-container .aws-search-form {
	margin-bottom: 30px
}

.aws-container .aws-search-form .aws-search-field,
.product-category-search .product-category-search-field {
	height: 40px;
	border-radius: 0;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	padding: 5px 10px;
	width: 100%;
	font-family: Kanit, sans-serif;
	color: #404040;
	font-size: 1rem
}

.aws-container .aws-search-form .aws-search-btn,
.product-category-search .product-category-search-submit {
	all: unset;
	cursor: pointer;
	box-sizing: border-box;
	background-color: var(--color-main);
	color: var(--color-white);
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	width: 40px;
	height: 40px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.aws-container .aws-search-form .aws-search-btn svg {
	fill: var(--color-white)
}

.woocommerce-product-meta {
	border-collapse: collapse;
	margin-block-end: 1rem
}

.woocommerce-product-meta .woocommerce-product-meta-item__label {
	background-color: var(--color-cream);
	padding: 8px 16px;
	margin: 0
}

.woocommerce-product-meta .woocommerce-product-meta-item .woocommerce-product-meta-item__value {
	font-size: 1.25rem;
	background-color: var(--color-white);
	padding: 8px 16px
}

@media (min-width:768px) {
	.woocommerce-product-meta .woocommerce-product-meta-item {
		display: grid;
		grid-template-columns: 250px 1fr
	}
}