.hdt-compare-table{border:.1rem solid rgb(var(--color-line-border));border-radius:var(--radius-input);color:rgb(var(--color-foreground2));border-radius:var(--radius-xs);max-height:85vh;overflow:auto}.hdt-compare-row{--spacing-x:0;--spacing-y:0}.hdt-compare-field{font-size:var(--text-lg)}.hdt-compare-field span{position:absolute;top:50%;transform:translateY(-50%)}.hdt-compare-col{padding:var(--spacing-1-6) var(--spacing-1);word-break:break-word;min-width:18rem;flex:1!important}.hdt-compare-col:not(:last-child){border-inline-end:.1rem solid rgb(var(--color-line-border))}.hdt-compare-row:nth-child(2n) .hdt-compare-col{background-color:rgb(var(--color-foreground)/.05)}.hdt-compare-basic__content{flex:1;width:100%}.hdt-compare-basic__content .hdt-compare-group-btns{margin-top:auto}.hdt-compare-remove{text-decoration:underline;transition:all .3s}.hdt-main-compare .hdt-placeholder-svg{fill:#222;background-color:#f5f5f5;border:.1rem solid #ddd;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hdt-compare-image{padding:var(--spacing-1-8) 0}.hdt-compare-image img{border-radius:var(--radius-product-card)}.hdt-compare-stock.is--in-stock{color:rgb(var(--color-custom-badge-background))}.hdt-compare-stock svg{margin-inline-end:var(--spacing-0-8);position:relative;top:-.1rem}.hdt-compare-title{transition:color .3s}.hdt-compare-price{margin-top:var(--spacing-1)}.hdt-compare-price .hdt-price__list{justify-content:center}.hdt-compare-price .hdt-price__list .hdt-price{letter-spacing:0}.hdt-compare-group-btns>div{margin-top:var(--spacing-2)}.hdt-compare-group-btns button,.hdt-compare-group-btns a{justify-content:center;align-items:center;gap:var(--spacing-1);border:1px solid rgb(var(--color-line-border));border-radius:var(--radius-button);width:4.2rem;min-height:4.2rem;transition:all .3s;display:flex;position:relative}.hdt-compare-group-btns button span,.hdt-compare-group-btns a span{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;line-height:1;display:none}.hdt-compare-group-btns button:before{content:"";z-index:2;width:1.8rem;height:1.8rem;animation:hdt_rotator .6s linear infinite var(--hdt-anim-state,paused);opacity:0;border:.2rem solid;border-top-color:#0000;border-radius:100%;margin:auto;position:absolute;inset:0}.hdt-compare-group-btns button[aria-busy=true]:before{opacity:1;--hdt-anim-state:running}.hdt-compare-group-btns button[aria-busy=true] svg,.hdt-compare-group-btns button[aria-busy=true] span{opacity:0}.hdt-compare-empty>*+*{margin-top:var(--spacing-3)}@media (width>=768px){.hdt-compare-col{min-width:30rem}}@media (width>=1150px){.hdt-compare-title{font-size:var(--text-lg)}.hdt-compare-field{font-size:var(--text-2xl)}.hdt-compare-col{min-width:36rem;padding-inline-start:var(--spacing-3-4);padding-inline-end:var(--spacing-3-4)}.hdt-compare-basic__content .hdt-compare-group-btns{margin-bottom:var(--spacing-2-4)}.hdt-compare-group-btns button,.hdt-compare-group-btns a{width:100%;padding:0 1rem}.hdt-compare-group-btns button span,.hdt-compare-group-btns a span{display:block}}@media (-moz-touch-enabled:0),(hover:hover) and (width>=1150px){.hdt-compare-group-btns button:hover{color:rgb(var(--color-accent));border-color:rgb(var(--color-accent))}.hdt-compare-title:hover,.hdt-compare-remove:hover{color:rgb(var(--color-accent))}}.hdt-main-compare{& .hdt-product-form{justify-content:center}& wrapp-hdt-open-modal-btn{display:inline-block}& .hdt-card-product__btn-ultra,& .hdt-card-product__btn-quick-view{border:1px solid rgb(var(--color-accent));color:rgb(var(--color-accent));border-radius:var(--radius-button);cursor:pointer;justify-content:center;align-items:center;width:100%;max-width:13.5rem;padding:0 18px;line-height:40px;transition:color .25s,background-color .25s,border-color .25s,box-shadow,opacity .25s;display:inline-flex;position:relative;overflow:hidden;& .hdt-pr-card-icon{justify-content:center;align-items:center;margin:auto;transition:opacity .15s,-webkit-transform .25s,transform .25s;display:flex;position:absolute;inset:0;transform:translateY(100%);& svg.hdt-svg-pr-icon{width:1.6rem;height:1.6rem}}& span:not(.hdt-pr-card-icon){text-overflow:ellipsis;white-space:nowrap;width:auto;line-height:40px;transition:opacity .15s,-webkit-transform .25s,transform .25s;display:inline-block;overflow:hidden}&:hover{color:rgb(var(--hdt-btn-color,var(--color-foreground)));background-color:rgb(var(--hdt-btn-bg,var(--color-button)));border-color:rgb(var(--hdt-btn-border,var(--color-button)));& .hdt-pr-card-icon{transform:translateY(0)}& span:not(.hdt-pr-card-icon){transform:translateY(-100%)}}}& .hdt-card-product__btn-ultra{background-color:rgb(var(--color-accent));color:rgb(var(--hdt-btn-color))}& .hdt-quantity-wrapp{border-radius:var(--radius-button);background-color:rgb(var(--hdt-btn-color)/.75);backdrop-filter:blur(5px);margin-inline-end:-1px;border:1px solid rgb(var(--color-accent));width:min(100%,80px);color:rgb(var(--color-accent));border-start-end-radius:0;border-end-end-radius:0;flex:0;justify-content:center;align-items:center;margin-top:10px;padding-inline-end:1px;display:flex;& button{min-width:24px;color:rgb(var(--hdt-btn-bg));& svg{width:8px;margin:auto}}& input{width:max(100%,36px);color:rgb(var(--hdt-btn-bg));text-align:center;background-color:#0000;font-size:16px;transform:scale(.95);&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-moz-appearance:textfield}}&~hdt-tooltip .hdt-card-product__btn-ultra{border-start-start-radius:0;border-end-start-radius:0;min-width:auto;@container btn_atc (width<=100px){& span:not(.hdt-pr-card-icon){opacity:0}& .hdt-pr-card-icon{transform:translateY(0)}}}}}.hdt-main-search{& .hdt-main-search-content{width:min(700px,100%);margin:90px auto 60px;@media (width<=768px){margin-top:40px;margin-bottom:40px}& .hdt-search-head{margin-bottom:15px;& .hdt-search-input{border-inline-end:0;border-radius:0;height:44px}& .hdt-mini-search__submit{border-radius:0;width:50px;height:44px;padding:5px;& svg{width:18px;.dir--ltr &{transform:rotateY(180deg)}}}}& .hdt-search-suggest{& .hdt-search-content-title{background-color:rgb(var(--color-background2)/.5);text-transform:uppercase;border:1px solid rgb(var(--color-line-border));padding:15px}& .hdt-suggest-products{--spacing-x:0px;--spacing-y:0px;border-inline-start:1px solid rgb(var(--color-line-border));& .hdt-loop-item .hdt-loop-inner{border-inline-end:1px solid rgb(var(--color-line-border));border-block-end:1px solid rgb(var(--color-line-border));padding:15px}}& .hdt-search-suggest-bottom{border:1px solid rgb(var(--color-line-border));border-block-start:0;padding:15px;& a{text-transform:uppercase;font-weight:var(--font-medium);gap:5px;transition:all .3s;&:hover{color:rgb(var(--color-accent));gap:10px}}}}}& .hdt-article-item{& .hdt-article-thumb{border-radius:var(--radius-product-media)}& .hdt-article-title{margin-top:15px}}& .hdt-page-item-inner{& .hdt-page-label{background-color:rgb(var(--color-background2)/.5);color:rgb(var(--color-foreground));border-radius:var(--radius-product-media);justify-content:center;align-items:center;display:flex}& .hdt-page-title{margin-top:15px}}& .hdt-search-empty{padding:10rem 0;@media (width<=768px){padding:5rem 0}& svg#icon-h-search{width:90px;height:auto}}}.hdt-list-view{& .hdt-article-inner{border:solid 1px rgb(var(--color-line-border));grid-template:auto auto/max(min(40%,180px),120px) auto auto;align-items:flex-start;gap:15px;padding:20px 10px;display:grid;@media (width>=768px){&{grid-template:auto auto/max(min(40%,150px),120px) auto max(min(40%,220px),120px);gap:10px 30px;padding:20px}}@media (width>=1150px){&{grid-template:auto auto/max(min(40%,180px),120px) auto max(min(40%,220px),120px);gap:10px 30px;padding:20px}}& .hdt-article-thumb{grid-row:1/3;grid-column-start:1;width:100%;min-width:80px;max-width:180px}& .hdt-article-content_wapper{flex-direction:column;grid-area:1/2/3/3;height:100%;display:flex;& .hdt-article-title{margin-top:0}}}}