.collection-section{padding:0}.collection-banner{width:100%;position:relative;background-color:var(--color-primary-light)}.collection-banner-image{width:100%;height:auto;display:block}@media screen and (max-width:768px){.collection-banner{height:auto!important;min-height:fit-content;overflow:visible}.collection-banner-mobile{display:block!important;width:100%;height:auto!important;max-height:none!important}.collection-content{position:relative;z-index:1;margin-top:0;background-color:var(--color-background, #ffffff)}}.collection-banner-desktop{display:block}.collection-banner-mobile{display:none}@media screen and (max-width:768px){.collection-banner-desktop{display:none}}.collection-banner-overlay{position:absolute;bottom:0;left:0;width:100%;background:var(--color-primary);display:flex;align-items:center;padding:16px 48px}.collection-banner-content{color:#fff;display:flex;align-items:center;gap:24px;width:100%}.collection-banner-title{font-family:Kanit,sans-serif;font-size:var(--font-size-h2, 32px);font-weight:500;margin:0;color:#fff;letter-spacing:.02em}.collection-banner-description{font-family:Inter,sans-serif;font-size:16px;line-height:1.4;margin:0;color:#ffffffe6}@media screen and (max-width:768px){.collection-banner-overlay{padding:12px 20px}.collection-banner-title{font-size:20px}.collection-banner-description{display:none}}.collection-content{display:flex;gap:32px;padding:40px 96px;position:relative;z-index:1;background-color:var(--color-background, #ffffff)}@media screen and (max-width:768px){.collection-content{margin-top:0}}.collection-sidebar{width:250px;flex-shrink:0}.collection-sidebar-sticky{position:sticky;top:120px}.filter-section{background-color:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-bottom:16px}.filter-title{font-family:var(--font-secondary);font-size:16px;font-weight:600;color:#1f2937;margin:24px 0 16px;padding-bottom:12px;border-bottom:1px solid #E5E7EB;text-transform:uppercase}.filter-scrollable-content>.filter-title:first-of-type{margin-top:0}.filter-options{display:flex;flex-direction:column;gap:12px}.filter-option{display:flex;align-items:center;gap:10px;cursor:pointer}.filter-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.filter-option label{font-family:var(--font-primary);font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-option-count{font-size:12px;color:#9ca3af;margin-left:auto}.filter-clear-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 12px;background-color:transparent;border:1px solid #D1D5DB;border-radius:6px;font-family:var(--font-primary);font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-clear-btn:hover{background-color:#f3f4f6;color:#374151}.collection-products-wrapper{flex:1;min-width:0}.collection-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.collection-products-count{font-family:var(--font-primary);font-size:14px;color:#6b7280}.collection-sort-wrapper{display:flex;align-items:center;gap:8px}.collection-sort-label{font-family:var(--font-primary);font-size:14px;color:#6b7280}.collection-sort-select{padding:8px 32px 8px 12px;font-family:var(--font-primary);font-size:14px;border:1px solid #D1D5DB;border-radius:6px;background-color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.collection-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.collection-no-products{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-family:var(--font-primary);font-size:16px}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding-top:40px;border-top:1px solid #E5E7EB}.collection-pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #D1D5DB;border-radius:8px;background-color:#fff;color:#374151;font-family:var(--font-primary);font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none}.collection-pagination-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.collection-pagination-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.collection-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.collection-content{padding:32px 48px;gap:24px}.collection-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.collection-sidebar{width:220px}}.mobile-collection-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background-color:var(--color-primary-light);border-radius:8px;margin-bottom:24px}.price-range-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.price-input-group{display:flex;align-items:center;border:1px solid #D1D5DB;border-radius:6px;padding:8px 12px;flex:1;background:#fff}.currency-symbol{color:#6b7280;font-size:14px;margin-right:4px;font-family:var(--font-primary)}.price-input{border:none;width:100%;outline:none;font-family:var(--font-primary);font-size:14px;color:#374151;padding:0}.price-range-separator{color:#6b7280;font-weight:500}.mobile-filter-sort-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-family:var(--font-primary);font-size:14px;font-weight:500;color:#374151;cursor:pointer;padding:0}.mobile-product-count{font-family:var(--font-primary);font-size:14px;font-weight:400;color:#6b7280}.filter-header-mobile,.mobile-sort-section,.mobile-filter-footer{display:none}@media(min-width:769px){.mobile-collection-toolbar{display:none}}@media(max-width:768px){.collection-banner{height:200px}.collection-banner-overlay{padding:0 24px}.collection-banner-title{font-size:32px}.collection-banner-description{font-size:14px}.collection-content{flex-direction:column;padding:24px 16px}.collection-sidebar{width:100%;order:-1}.collection-sidebar-sticky{position:static}.filter-section{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2147483647;padding:60px 0 0;margin:0;border-radius:0;border:none;display:flex!important;flex-direction:column;transform:translateY(100%);transition:transform .3s ease-in-out;opacity:0;visibility:hidden}.filter-section.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.filter-scrollable-content{flex:1;overflow-y:auto;padding-bottom:20px}.filter-header-mobile{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB;background:#fff;flex-shrink:0}.filter-header-mobile h3{margin:0;font-family:var(--font-secondary);font-size:18px;font-weight:600}.close-filter-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151}.mobile-filter-footer{display:block;padding:16px 20px;border-top:1px solid #E5E7EB;background:#fff;flex-shrink:0}.apply-filter-btn{width:100%;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:12px;font-family:var(--font-primary);font-size:16px;font-weight:500;cursor:pointer}.mobile-sort-section{display:block;padding:20px;border-bottom:1px solid #E5E7EB}.mobile-sort-section .filter-title{padding-left:0;padding-right:0;margin-top:0}.filter-options,.filter-title,.price-range-wrapper{padding-left:20px;padding-right:20px}.filter-title{margin-top:20px}.filter-clear-btn{margin:20px;width:calc(100% - 40px);justify-content:center;border:1px solid #E5E7EB;border-radius:8px;padding:12px}.collection-products-header{display:none}.collection-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.collection-products-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:768px){.collection-product-item{width:100%;min-width:0}.collection-products-grid .product-card{flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important}.collection-products-grid .product-card-image-wrapper{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1 / 1}.collection-products-grid .product-card-image{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important}.collection-products-grid .product-card-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.collection-products-grid .product-card-description{font-size:11px;line-height:1.3;min-height:auto;max-height:none}.collection-products-grid .product-card-variant-selector{padding:6px 8px;height:auto;gap:6px}.collection-products-grid .pc-variant-info{gap:4px;flex-wrap:wrap;justify-content:center}.collection-products-grid .pc-variant-name{font-size:11px}.collection-products-grid .pc-variant-price{font-size:12px}.collection-products-grid .product-card-button{font-size:11px;height:28px;padding:4px 0}}.mobile-filter-toggle{display:none}@media(max-width:768px){.mobile-filter-toggle{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/collection.css.map */