.elementor-4321 .elementor-element.elementor-element-388e26f{--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-4321 .elementor-element.elementor-element-732827a{--display:flex;--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-4321 .elementor-element.elementor-element-dc4654f{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-4321 .elementor-element.elementor-element-ebf42cd{--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;}.elementor-4321 .elementor-element.elementor-element-f652d4e .woocommerce-breadcrumb{font-weight:500;}.elementor-4321 .elementor-element.elementor-element-9fcede4{--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-4321 .elementor-element.elementor-element-a5fd43d .elementor-heading-title{font-family:"IBMPlexSansThai", Sans-serif;font-size:40px;font-weight:700;}.woocommerce .elementor-4321 .elementor-element.elementor-element-5300df6 .term-description{font-size:18px;font-weight:500;}.elementor-4321 .elementor-element.elementor-element-5f8fa43{--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:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4321 .elementor-element.elementor-element-e2937f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4321 .elementor-element.elementor-element-e2937f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4321 .elementor-element.elementor-element-c158078{--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-4321 .elementor-element.elementor-element-d5f5461{--grid-columns:4;--auto-scroll-offset:0px;}.elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4321 .elementor-element.elementor-element-d5f5461 .e-loop-item > .elementor-section, .elementor-4321 .elementor-element.elementor-element-d5f5461 .e-loop-item > .elementor-section > .elementor-container, .elementor-4321 .elementor-element.elementor-element-d5f5461 .e-loop-item > .e-con, .elementor-4321 .elementor-element.elementor-element-d5f5461 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4321 .elementor-element.elementor-element-d5f5461 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:481px){.elementor-4321 .elementor-element.elementor-element-388e26f{--content-width:100%;}.elementor-4321 .elementor-element.elementor-element-732827a{--content-width:100%;}.elementor-4321 .elementor-element.elementor-element-ebf42cd{--content-width:100%;}.elementor-4321 .elementor-element.elementor-element-9fcede4{--content-width:1500px;}.elementor-4321 .elementor-element.elementor-element-5f8fa43{--content-width:1500px;}.elementor-4321 .elementor-element.elementor-element-e2937f6{--width:20%;}.elementor-4321 .elementor-element.elementor-element-c158078{--width:80%;}}@media(max-width:1024px) and (min-width:481px){.elementor-4321 .elementor-element.elementor-element-9fcede4{--content-width:95%;}.elementor-4321 .elementor-element.elementor-element-e2937f6{--width:30%;}.elementor-4321 .elementor-element.elementor-element-c158078{--width:70%;}}@media(max-width:767px) and (min-width:481px){.elementor-4321 .elementor-element.elementor-element-e2937f6{--width:100%;}.elementor-4321 .elementor-element.elementor-element-c158078{--width:100%;}}@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-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-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-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) and (min-width:481px){.elementor-4321 .elementor-element.elementor-element-9fcede4{--content-width:95%;}.elementor-4321 .elementor-element.elementor-element-5f8fa43{--content-width:95%;}.elementor-4321 .elementor-element.elementor-element-e2937f6{--width:25%;}.elementor-4321 .elementor-element.elementor-element-c158078{--width:75%;}}@media(max-width:1366px){.elementor-4321 .elementor-element.elementor-element-9fcede4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4321 .elementor-element.elementor-element-a5fd43d .elementor-heading-title{font-size:35px;}.elementor-4321 .elementor-element.elementor-element-d5f5461{--grid-columns:3;}}@media(max-width:1024px){.elementor-4321 .elementor-element.elementor-element-732827a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4321 .elementor-element.elementor-element-dc4654f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4321 .elementor-element.elementor-element-ebf42cd{--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-4321 .elementor-element.elementor-element-5300df6 .term-description{font-size:16px;}.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-4321 .elementor-element.elementor-element-d5f5461{--grid-columns:2;}}@media(max-width:480px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4321 .elementor-element.elementor-element-dc4654f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4321 .elementor-element.elementor-element-ebf42cd{--padding-top:5px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;}.elementor-4321 .elementor-element.elementor-element-f652d4e .woocommerce-breadcrumb{font-size:14px;}.elementor-4321 .elementor-element.elementor-element-9fcede4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4321 .elementor-element.elementor-element-a5fd43d .elementor-heading-title{font-size:24px;}.elementor-4321 .elementor-element.elementor-element-e2937f6{--width:99.412%;}.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-4321 .elementor-element.elementor-element-d5f5461{--grid-columns:2;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-f652d4e */.woocommerce .woocommerce-breadcrumb{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2937f6 *//* Filter sticky */
.elementor-element-2769aa2{
    position: sticky !important;
    top: 110px;
    align-self: flex-start;
    z-index: 20;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

/* ซ่อนเมื่อเลื่อนสุดสินค้าด้านล่าง */
.elementor-element-2769aa2.bc-filter-hide{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px);
}

/* มือถือไม่ sticky */
@media(max-width: 767px){
    .elementor-element-2769aa2{
        position: static !important;
        top: auto !important;
    }

    .elementor-element-2769aa2.bc-filter-hide{
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-d5f5461 */.elementor-element-c158078 {
        --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-c158078 .elementor-loop-container {
        gap: 22px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media(max-width:767px) {

        .elementor-element-c158078 .e-loop-item .elementor-element-f2c85e4 {
            min-height: 0px;
            padding: 0px;
        }
    }/* 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 */