.elementor-6742 .elementor-element.elementor-element-ce047c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6742 .elementor-element.elementor-element-a444422 .elementor-heading-title{font-family:"IBMPlexSansThai", Sans-serif;font-size:40px;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6742 .elementor-element.elementor-element-8904c13 a{color:#EA4700;}.elementor-6742 .elementor-element.elementor-element-8904c13 a:hover, .elementor-6742 .elementor-element.elementor-element-8904c13 a:focus{color:#FF4D00;}.elementor-6742 .elementor-element.elementor-element-9d2a835{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6742 .elementor-element.elementor-element-5b93eeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-6742 .elementor-element.elementor-element-9282ea7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6742 .elementor-element.elementor-element-a50f488{--grid-columns:5;}.elementor-6742 .elementor-element.elementor-element-a50f488 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-6742 .elementor-element.elementor-element-a50f488 .e-loop-item > .elementor-section, .elementor-6742 .elementor-element.elementor-element-a50f488 .e-loop-item > .elementor-section > .elementor-container, .elementor-6742 .elementor-element.elementor-element-a50f488 .e-loop-item > .e-con, .elementor-6742 .elementor-element.elementor-element-a50f488 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-6742 .elementor-element.elementor-element-d488b09{--display:flex;}.elementor-6742 .elementor-element.elementor-element-a3f2505 .elementor-heading-title{font-family:"IBMPlexSansThai", Sans-serif;font-size:40px;font-weight:700;}.elementor-6742 .elementor-element.elementor-element-cc2c448{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6742 .elementor-element.elementor-element-381d8d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6742 .elementor-element.elementor-element-b66a5fd img{box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-6742 .elementor-element.elementor-element-10df713{width:initial;max-width:initial;}.elementor-6742 .elementor-element.elementor-element-10df713 img{box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}@media(min-width:481px){.elementor-6742 .elementor-element.elementor-element-ce047c0{--content-width:1280px;}.elementor-6742 .elementor-element.elementor-element-d488b09{--content-width:1280px;}.elementor-6742 .elementor-element.elementor-element-381d8d7{--width:50%;}}@media(min-width:1920px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1600px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1366px){.elementor-6742 .elementor-element.elementor-element-a50f488{--grid-row-gap:10px;--grid-column-gap:10px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-6742 .elementor-element.elementor-element-a50f488{--grid-columns:2;}}@media(max-width:480px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-6742 .elementor-element.elementor-element-a444422{text-align:center;}.elementor-6742 .elementor-element.elementor-element-a444422 .elementor-heading-title{font-size:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-6742 .elementor-element.elementor-element-a50f488{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-a50f488 */.elementor-element-a50f488 {
--bc-crocs-blue: #E94700;
--bc-crocs-blue-dark: #091823;
--bc-crocs-yellow: #e2e2e2;
--bc-crocs-orange: #E94700;
--bc-crocs-text: #111827;
--bc-crocs-muted: #64748b;
--bc-crocs-line: #e8edf2;
--bc-crocs-bg: #f6f8fb;
}

/* Grid spacing */
.elementor-element-a50f488 .elementor-loop-container {
gap: 22px !important;
}

/* Product Card */
.elementor-element-a50f488 .e-loop-item .elementor-element-5459890 {
background: #ffffff;
border: 1px solid var(--bc-crocs-line);
border-radius: 26px;
overflow: hidden;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}

/* Inner card padding */
.elementor-element-a50f488 .e-loop-item .elementor-element-5459890>.e-con-inner {
padding: 14px 14px 16px;
gap: 10px !important;
}

/* Hover card - ไม่มีกรอบสีส้ม */
@media (hover: hover) {
.elementor-element-a50f488 .e-loop-item:hover .elementor-element-5459890 {
transform: translateY(-4px);
border-color: var(--bc-crocs-line) !important;
box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
}
}

/* Image Area */
.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 {
width: 100% !important;
max-width: 100% !important;
background: #ffffff !important;
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 img {
width: 100%;
max-width: 300px;
height: auto;
object-fit: contain;
margin: 0 auto;
transition: opacity 0.24s ease;
}

/* Product Title */
.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 {
margin-top: 4px;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .product_title,
.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .elementor-heading-title {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 800 !important;
color: var(--bc-crocs-text) !important;
margin: 0 !important;
text-align: left;
min-height: 42px;
}

/* Price */
.elementor-element-a50f488 .e-loop-item .elementor-element-9643e0d {
margin-top: 0;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-9643e0d .price {
margin: 0 !important;
color: var(--bc-crocs-blue) !important;
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}

/* Dynamic WooCommerce Product Tags */
.elementor-element-a50f488 .bc-product-tag-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 9px;
min-height: 24px;
}

.elementor-element-a50f488 .bc-product-tag-pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 23px;
padding: 5px 10px;
border-radius: 999px;
background: #f3f4f6;
border: 1px solid #e5e7eb;
color: #111827;
font-size: 11px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.2px;
white-space: nowrap;
transition:
background 0.2s ease,
color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}


/* Tag Colors */
.elementor-element-a50f488 .bc-product-tag-pill.tag-s1 {
background: #fff7ed;
border-color: #fed7aa;
color: #ea580c;
}

.elementor-element-a50f488 .bc-product-tag-pill.tag-s1p,
.elementor-element-a50f488 .bc-product-tag-pill.tag-s1ps {
background: #fef3c7;
border-color: #fde68a;
color: #92400e;
}

.elementor-element-a50f488 .bc-product-tag-pill.tag-s2 {
background: #eff6ff;
border-color: #bfdbfe;
color: #1d4ed8;
}

.elementor-element-a50f488 .bc-product-tag-pill.tag-s3 {
background: #ecfdf5;
border-color: #bbf7d0;
color: #047857;
}

.elementor-element-a50f488 .bc-product-tag-pill.tag-src {
background: #f5f3ff;
border-color: #ddd6fe;
color: #6d28d9;
}

.elementor-element-a50f488 .bc-product-tag-pill.tag-esd {
background: #fdf2f8;
border-color: #fbcfe8;
color: #be185d;
}

/* Product image hover layer support */
.elementor-element-a50f488 .e-loop-item .elementor-widget-theme-post-featured-image {
position: relative;
overflow: hidden;
background: #ffffff !important;
}

.elementor-element-a50f488 .e-loop-item .elementor-widget-theme-post-featured-image img.product-hover-img {
position: absolute;
inset: 0;
width: 100%;
max-width: 300px;
height: auto;
object-fit: contain;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease;
}

.elementor-element-a50f488 .e-loop-item.has-hover-img:hover .elementor-widget-theme-post-featured-image
img.product-hover-img {
opacity: 1;
}

/* Pagination Crocs Style */
.elementor-element-a50f488 .elementor-pagination {
margin-top: 36px;
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
flex-wrap: wrap;
}

.elementor-element-a50f488 .elementor-pagination .page-numbers {
min-width: 40px;
height: 40px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid var(--bc-crocs-line);
background: #ffffff;
color: var(--bc-crocs-text);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition:
background 0.2s ease,
color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}

.elementor-element-a50f488 .elementor-pagination a.page-numbers:hover {
background: var(--bc-crocs-yellow);
border-color: var(--bc-crocs-yellow);
color: #111827;
transform: translateY(-1px);
}

.elementor-element-a50f488 .elementor-pagination .page-numbers.current {
background: var(--bc-crocs-blue);
border-color: var(--bc-crocs-blue);
color: #ffffff;
}

.elementor-element-a50f488 .elementor-pagination .page-numbers.prev,
.elementor-element-a50f488 .elementor-pagination .page-numbers.next {
min-width: 92px;
}

/* Filter custom pagination */
.elementor-element-a50f488 .bc-filter-footer {
width: 100%;
margin-top: 34px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

.elementor-element-a50f488 .bc-filter-summary {
color: var(--bc-crocs-muted);
font-size: 13px;
font-weight: 700;
}

.elementor-element-a50f488 .bc-filter-pagination {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}

.elementor-element-a50f488 .bc-filter-page-btn {
appearance: none;
min-width: 40px;
height: 40px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid var(--bc-crocs-line);
background: #ffffff;
color: var(--bc-crocs-text);
font-size: 13px;
font-weight: 900;
cursor: pointer;
transition: 0.2s ease;
}

.elementor-element-a50f488 .bc-filter-page-btn:hover {
background: var(--bc-crocs-yellow);
border-color: var(--bc-crocs-yellow);
}

.elementor-element-a50f488 .bc-filter-page-btn.is-active {
background: var(--bc-crocs-blue);
border-color: var(--bc-crocs-blue);
color: #ffffff;
}
@media(max-width:480px){
.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .product_title,
.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .elementor-heading-title{
font-size:14px !important;
}
.elementor-element-a50f488 .e-loop-item .elementor-element-5459890 > .e-con-inner{
padding: 10px 5px!important;
}
}
/* Mobile */
@media (max-width: 767px) {
.elementor-element-a50f488 .elementor-loop-container {
gap: 18px !important;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-5459890>.e-con-inner {
padding: 12px 12px 14px;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 {
min-height: 230px;
padding: 16px;
border-radius: 20px;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 img,
.elementor-element-a50f488 .e-loop-item .elementor-widget-theme-post-featured-image img.product-hover-img {
max-width: 230px;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .product_title,
.elementor-element-a50f488 .e-loop-item .elementor-element-41fdcb6 .elementor-heading-title {
font-size: 15px !important;
min-height: auto;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-9643e0d .price {
font-size: 17px !important;
}

.elementor-element-a50f488 .bc-product-tag-wrap {
gap: 5px;
margin-top: 8px;
}

.elementor-element-a50f488 .bc-product-tag-pill {
min-height: 22px;
padding: 5px 9px;
font-size: 10.5px;
}

.elementor-element-a50f488 .elementor-pagination .page-numbers.prev,
.elementor-element-a50f488 .elementor-pagination .page-numbers.next {
min-width: 78px;
}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 {
min-height: 180px;
}

.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 img,
.elementor-element-a50f488 .e-loop-item .elementor-widget-theme-post-featured-image img.product-hover-img {
max-width: 250px;
}
}

@media(max-width:767px) {

.elementor-element-a50f488 .e-loop-item .elementor-element-f2c85e4 {
min-height: 0px;
padding: 0px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-381d8d7 */.elementor-element-381d8d7 .elementor-widget-image {
  overflow: hidden;
}

.elementor-element-381d8d7 .elementor-widget-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.35s ease;
  transform-origin: center center;
}

.elementor-element-381d8d7 .elementor-widget-image:hover img {
  transform: scale(1.02);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBMPlexSansThai';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://parade.co.th/wp-content/uploads/2026/04/IBMPlexSansThai-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'IBMPlexSansThai';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://parade.co.th/wp-content/uploads/2026/04/IBMPlexSansThai-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'IBMPlexSansThai';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://parade.co.th/wp-content/uploads/2026/04/IBMPlexSansThai-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'IBMPlexSansThai';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://parade.co.th/wp-content/uploads/2026/04/IBMPlexSansThai-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */