.icon-filter{width:20px;height:20px;display:inline-block;background:url("../../img/hotdeal/icon/sansiri-hotunitoutlet-filter-icon.svg") no-repeat transparent;background-size:cover;}.icon-search{width:20px;height:20px;display:inline-block;background:url("../../img/hotdeal/icon/sansiri-hotunitoutlet-search-icon.svg") no-repeat transparent;background-size:cover;}.filter-container{margin:0;}.filter-container .search-bar{width:100%;padding:0 15px;margin-left:auto;margin-right:auto;}.filter-container .accordion-item{border:0;border-bottom:1px solid var(--border-color);border-radius:0;}.filter-container .accordion-item:first-child .accordion-button{padding-top:0!important;}.filter-container .accordion-item:last-child{border-bottom:0;}@media(min-width:1200px){.filter-container{position:relative;height:auto;overflow:hidden;padding:var(--spacing-md);background-color:var(--gray-bg);border-radius:var(--border-radius-lg);transform:translateY(0);}.filter-container .search-bar{padding:0;}.filter-container .modal-content{border:0;background:none;padding:0;}.filter-container .modal-body{padding:0;}}.filter-section{width:100%;padding:0 15px;margin:auto;}@media(min-width:1200px){.filter-section{width:100%;border-radius:var(--border-radius-lg);overflow:hidden;background-color:#fff;margin-bottom:var(--spacing-lg);padding:0;border:1px solid var(--border-color);}}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);background:#fff;}@media(min-width:1200px){.filter-header{padding:var(--spacing-md);background-color:var(--primary-color);border-top:0;}.filter-header .icon-filter{filter:invert(1);}}.filter-header .title{font-size:var(--font-default);}@media(min-width:1200px){.filter-header .title{color:#fff;}}.filter-header .close-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border:0;cursor:pointer;transition:all var(--transition-speed);}.filter-header .close-btn:hover{background-color:#0046ad;}.filter-header .close-btn:active{background-color:#003d96;transform:scale(.95);}.accordion-button{font-size:var(--font-default);color:#000!important;background-color:transparent!important;box-shadow:none!important;padding:var(--spacing-md) 0;}.accordion-button:after{background:url("../../img/hotdeal/icon/sansiri-hotunitoutlet-arrow-down-icon.svg") no-repeat transparent!important;filter:brightness(0);}.accordion-button[aria-expanded=true]{border-bottom:0;}.accordion-body{padding:var(--spacing-sm) 0 var(--spacing-md);}.accordion-collapse{position:unset;}.accordion-item:last-child .accordion-body{padding-bottom:20px;border-bottom:0;}.accordion-property{display:none;}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}.selected-tag{display:inline-flex;align-items:center;padding:var(--spacing-sm) 10px var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-default);border:1px solid var(--border-color);color:var(--dark-text);background-color:#fff;transition:all var(--transition-speed);white-space:nowrap;position:relative;overflow:hidden;}.selected-tag .remove-tag{border:0;margin-left:5px;flex-shrink:0;}@media(min-width:992px){.selected-tag{font-size:var(--font-default);padding:var(--spacing-xs) 5px var(--spacing-xs) 10px;}}.filter-tag{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-default);border:1px solid var(--border-color);background-color:#fff;color:var(--dark-text);cursor:pointer;transition:all var(--transition-speed);white-space:nowrap;position:relative;overflow:hidden;}.filter-tag .icon-flash-circle{width:24px;height:24px;position:absolute;top:6px;left:5px;}.filter-tag.selected,.filter-tag:hover{background-color:var(--selected-tag);color:#fff;}@media(min-width:1200px){.filter-tag{font-size:var(--font-default);padding:var(--spacing-xs) var(--spacing-md);}.filter-tag .icon-flash-circle{top:3px;}}.selected-tag span,.filter-tag span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.number-selector{width:28px;height:28px;justify-content:center;padding:0;transition:all var(--transition-speed);}.number-selector.more{width:48px;border-radius:var(--border-radius-xl);}.input-rang-wrapper{flex:1;}.input-rang-wrapper label{display:block;margin-bottom:5px;color:#000;}.input-rang-wrapper .input-box .unit{color:var(--dark-text);}.reset-filter,.reset-filter-m{color:#0053b5;border:0;background:transparent;text-decoration:underline;}@media(min-width:1200px){#selected-tags .reset-filter,.reset-filter-m{color:#fff;opacity:.8;}}.checkbox-item{display:flex;margin-bottom:var(--spacing-sm);position:relative;}.checkbox-item:last-child{margin-bottom:0;}.checkbox-item.sub{display:none;}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.checkbox-item input[type=checkbox]:checked~.checkbox-label{font-family:"GraphikTH-SemiBold";color:#000;}.checkbox-item .checkbox-custom{position:absolute;display:inline-block;width:20px;height:20px;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-right:var(--spacing-sm);transition:all var(--transition-speed);flex-shrink:0;z-index:0;}.checkbox-item .checkbox-custom::after{content:"";position:absolute;display:none;}.checkbox-item input[type=checkbox]:checked~.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color);}.checkbox-item input[type=checkbox]:checked~.checkbox-custom::after{content:"";position:absolute;display:block;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmark .2s ease-in-out forwards;}.checkbox-item .checkbox-label{font-size:var(--font-default);cursor:pointer;color:var(--dark-text);padding-left:30px;z-index:1;}.checkbox-dropdown{display:none;}.sort-container{display:flex;position:sticky;top:66px;z-index:1;align-items:center;justify-content:space-between;gap:10px;}.sort-container:before{content:"";position:absolute;top:-8px;left:-5px;right:-5px;bottom:-4px;z-index:-1;border:0;}.sort-container .sort-options{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--gray-bg);border-radius:30px;padding:5px 8px 5px 24px;position:relative;gap:10px;}.sort-container .selector{min-width:150px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:30px;transition:background-color .3s,color .3s;position:relative;z-index:2;font-family:"GraphikTH-Regular"!important;font-size:var(--font-default);}@media(min-width:1400px){.sort-container .selector{min-width:160px;}}.sort-container .selector .icon-arrow{width:10px;height:6px;margin-left:5px;margin-top:3px;}.sort-container .selector.active,.sort-container .selector.selected{font-family:"GraphikTH-SemiBold"!important;color:#fff;background-color:var(--primary-color);}.sort-container .selector.active .icon-arrow,.sort-container .selector.selected .icon-arrow{filter:invert(100%) brightness(500%);}.sort-container .selector:hover:not(.active):not(.selected){font-family:"GraphikTH-SemiBold"!important;color:var(--primary-color);background-color:var(--primary-hover);}.sort-container .selector:hover:not(.active):not(.selected) .icon-arrow{filter:unset;}.sort-container .selector .direction-selector{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:5px;min-width:100%;z-index:10;}.sort-container .selector:hover .direction-selector{display:block;}.sort-container .selector .option{padding:8px 12px;border-radius:8px;text-align:center;white-space:nowrap;transition:background-color .2s;font-family:"GraphikTH-Regular";color:#000;}.sort-container .selector .option:hover{font-family:"GraphikTH-SemiBold";background-color:var(--primary-hover);color:var(--primary-color);}.sort-container .hover-option{position:absolute;top:5px;bottom:0;background-color:var(--primary-hover);transition:all .3s ease;z-index:1;height:40px;border-radius:30px;}.sort-container .option-m{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:30px;padding-left:24px;color:#000;}.sort-container .option-m .icon-sort{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#fff;color:#000;}@media(min-width:1200px){.sort-container .option-m .icon-sort{width:40px;height:40px;}}.sort-container .filter-btn-m{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--primary-color);border:0;flex-shrink:0;}.sort-container .filter-btn-m .icon-filter{filter:invert(1);}@media(min-width:1200px){.sort-container .filter-btn-m{width:50px;height:50px;}}.set-layout .icon{width:50px;height:40px;cursor:pointer;border-width:1px;border-color:#c6c6c6;background-size:18px;background-repeat:no-repeat;background-position:center;background-color:#fff;transition:var(--transition);}.set-layout .icon:hover{background-color:var(--primary-hover);transition:var(--transition);}.set-layout .icon.active{background-color:#0053b5;}.set-layout .icon-grid{background-image:url(../../img/ico-th.svg);border-radius:20px 0 0 20px;border-style:solid none solid solid;}.set-layout .icon-grid.active{background-image:url(../../img/ico-th-w.svg);}.set-layout .icon-list{background-image:url(../../img/ico-list.svg);border-radius:0 20px 20px 0;border-style:solid solid solid none;}.set-layout .icon-list.active{background-image:url(../../img/ico-list-w.svg);}