.elementor-2562 .elementor-element.elementor-element-1de7380{--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-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-2562 .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:30px;--margin-bottom:0px;--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-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-2562 .elementor-element.elementor-element-8904c13 a{color:#EA4700;}.elementor-2562 .elementor-element.elementor-element-8904c13 a:hover, .elementor-2562 .elementor-element.elementor-element-8904c13 a:focus{color:#FF4D00;}.elementor-2562 .elementor-element.elementor-element-9d2a835{--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-2562 .elementor-element.elementor-element-9049d0c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2562 .elementor-element.elementor-element-95cf046{--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-2562 .elementor-element.elementor-element-0c4f516{--grid-columns:4;}.elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2562 .elementor-element.elementor-element-0c4f516 .e-loop-item > .elementor-section, .elementor-2562 .elementor-element.elementor-element-0c4f516 .e-loop-item > .elementor-section > .elementor-container, .elementor-2562 .elementor-element.elementor-element-0c4f516 .e-loop-item > .e-con, .elementor-2562 .elementor-element.elementor-element-0c4f516 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2562 .elementor-element.elementor-element-0c4f516 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1600px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-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:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-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-2562 .elementor-element.elementor-element-0c4f516{--grid-columns:2;}}@media(max-width:480px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-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-2562 .elementor-element.elementor-element-0c4f516{--grid-columns:1;}}@media(min-width:481px){.elementor-2562 .elementor-element.elementor-element-1de7380{--content-width:100%;}.elementor-2562 .elementor-element.elementor-element-9049d0c{--width:20%;}.elementor-2562 .elementor-element.elementor-element-95cf046{--width:80%;}}@media(min-width:1920px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.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-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 );}}/* Start custom CSS for loop-grid, class: .elementor-element-0c4f516 */.elementor-element-0c4f516 {
--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-0c4f516 .elementor-loop-container {
gap: 22px !important;
}

/* Product Card */
.elementor-element-0c4f516 .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-0c4f516 .e-loop-item .elementor-element-5459890>.e-con-inner {
padding: 14px 14px 16px;
gap: 10px !important;
}

/* Hover card - ไม่มีกรอบสีส้ม */
@media (hover: hover) {
.elementor-element-0c4f516 .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-0c4f516 .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-0c4f516 .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-0c4f516 .e-loop-item .elementor-element-41fdcb6 {
margin-top: 4px;
}

.elementor-element-0c4f516 .e-loop-item .elementor-element-41fdcb6 .product_title,
.elementor-element-0c4f516 .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-0c4f516 .e-loop-item .elementor-element-9643e0d {
margin-top: 0;
}

.elementor-element-0c4f516 .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-0c4f516 .bc-product-tag-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 9px;
min-height: 24px;
}

.elementor-element-0c4f516 .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-0c4f516 .bc-product-tag-pill.tag-s1 {
background: #fff7ed;
border-color: #fed7aa;
color: #ea580c;
}

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

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

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

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

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

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

.elementor-element-0c4f516 .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-0c4f516 .e-loop-item.has-hover-img:hover .elementor-widget-theme-post-featured-image
img.product-hover-img {
opacity: 1;
}

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

.elementor-element-0c4f516 .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-0c4f516 .elementor-pagination a.page-numbers:hover {
background: var(--bc-crocs-yellow);
border-color: var(--bc-crocs-yellow);
color: #111827;
transform: translateY(-1px);
}

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

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

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

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

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

.elementor-element-0c4f516 .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-0c4f516 .bc-filter-page-btn:hover {
background: var(--bc-crocs-yellow);
border-color: var(--bc-crocs-yellow);
}

.elementor-element-0c4f516 .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-0c4f516 .e-loop-item .elementor-element-41fdcb6 .product_title,
.elementor-element-0c4f516 .e-loop-item .elementor-element-41fdcb6 .elementor-heading-title{
font-size:14px !important;
}
.elementor-element-0c4f516 .e-loop-item .elementor-element-5459890 > .e-con-inner{
padding: 10px 5px!important;
}
}
/* Mobile */
@media (max-width: 767px) {
.elementor-element-0c4f516 .elementor-loop-container {
gap: 18px !important;
}

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

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

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

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

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

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

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

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

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

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

@media(max-width:767px) {

.elementor-element-0c4f516 .e-loop-item .elementor-element-f2c85e4 {
min-height: 0px;
padding: 0px;
}
}/* End custom CSS */