#drawerCompare{top:auto;bottom:1.6rem;left:1.6rem;right:1.6rem;height:auto;border-radius:2rem;overflow:visible}#drawerCompare::part(content){max-width:1200px;margin:0 auto;border-radius:2rem;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f;overflow:hidden}#drawerCompare::part(body){padding:2rem 2.4rem}#drawerCompare::part(close-button){position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);left:auto;width:3.4rem;height:3.4rem;border-radius:999px;background:rgb(var(--color-background));border:1px solid rgba(30,41,59,.1);color:rgb(var(--color-foreground));box-shadow:0 2px 8px #0f172a14;cursor:pointer;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;z-index:5}.dir--rtl #drawerCompare::part(close-button){right:auto;left:1.8rem}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:1150px){#drawerCompare::part(close-button):hover{color:rgb(var(--color-foreground));border-color:#1e293b40;box-shadow:0 4px 12px #0f172a24}}.hdt-compare-list{display:flex;align-items:center;gap:2.4rem}#drawerCompare .hdt-compare-head{flex:0 0 auto;display:flex;align-items:center;gap:1.4rem;min-width:22rem;max-width:26rem}.hdt-compare-icon-badge{flex-shrink:0;width:5.2rem;height:5.2rem;border-radius:999px;background:color-mix(in srgb,#3bb77e 12%,#ffffff);border:1px solid color-mix(in srgb,#3bb77e 20%,transparent);display:inline-flex;align-items:center;justify-content:center;color:#3bb77e}.hdt-compare-icon-badge svg{width:2.6rem;height:2.6rem;stroke:#3bb77e}.hdt-compare-head-text{display:flex;flex-direction:column;gap:.3rem}#drawerCompare .hdt-compare-head__title{font-size:2rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground));margin:0}.hdt-compare-head__sub{font-size:1.3rem;color:#475569bf;line-height:1.4;margin:0}#drawerCompare .hdt-compare-products{flex:1 1 auto;display:flex;align-items:center;gap:1.2rem;overflow-x:auto;padding:.4rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}#drawerCompare .hdt-compare-products::-webkit-scrollbar{display:none}#drawerCompare .hdt-compare-products>div{flex:0 0 12rem;padding:0;position:relative}#drawerCompare .hdt-compare-image{display:block;border-radius:1.4rem;overflow:hidden;aspect-ratio:1 / 1;background:#f0f4f4}#drawerCompare .hdt-compare-image .hdt-ratio{position:relative;width:100%;height:100%;aspect-ratio:1 / 1}#drawerCompare .hdt-compare-image img{width:100%;height:100%;object-fit:cover;display:block}#drawerCompare .hdt-compare-remove{position:absolute;top:-.8rem;right:-.8rem;width:2.6rem;height:2.6rem;border-radius:999px;background:#fff;border:1px solid rgba(30,41,59,.12);box-shadow:0 2px 8px #0f172a1a;color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .2s ease,color .2s ease,transform .2s ease}.dir--rtl #drawerCompare .hdt-compare-remove{right:auto;left:-.8rem}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:1150px){#drawerCompare .hdt-compare-remove:hover{background:#ff4b4b;color:#fff;border-color:#ff4b4b;transform:scale(1.1)}}.hdt-compare-divider{flex-shrink:0;width:1px;height:8rem;background:#1e293b1a;border-radius:999px}#drawerCompare .hdt-compare-buttons{flex:0 0 auto;display:flex;align-items:center;padding-right:5.2rem}#drawerCompare .hdt-compare-buttons-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0;text-align:center}#drawerCompare .hdt-compapre-button__view-page{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:#3a7c57;color:#fff;border-radius:999px;border:none;padding:1rem 2.2rem;font-size:1.45rem;font-weight:600;line-height:1.2;min-height:4.6rem;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .25s ease;box-shadow:0 4px 12px #3a7c5740}#drawerCompare .hdt-compapre-button__view-page svg{width:1.6rem;height:1.6rem;stroke:#fff;flex-shrink:0}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:1150px){#drawerCompare .hdt-compapre-button__view-page:hover{background:#2d6445;transform:translateY(-1px);box-shadow:0 6px 18px #3a7c5759}}#drawerCompare .hdt-compapre-button__clear-all{margin-top:0!important;margin-inline-start:0!important}#drawerCompare .hdt-compapre-button__clear-all hdt-clear-all,#drawerCompare .hdt-compapre-button__clear-all a{background:transparent;color:#3a7c57;font-size:1.3rem;font-weight:600;border:none;padding:0 0 2px;border-bottom:1.5px dotted #3a7c57;border-radius:0;min-height:unset;min-width:unset;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s ease,border-color .2s ease}@media(-moz-touch-enabled:0),(hover:hover)and (min-width:1150px){#drawerCompare .hdt-compapre-button__clear-all hdt-clear-all:hover,#drawerCompare .hdt-compapre-button__clear-all a:hover{color:#e03030;border-color:#e03030}}@media(max-width:1199px){#drawerCompare::part(close-button){top:1.2rem;right:1.2rem;transform:none}.dir--rtl #drawerCompare::part(close-button){left:1.2rem;right:auto}#drawerCompare .hdt-compare-buttons{padding-right:0}}@media(max-width:1024px){#drawerCompare{left:.8rem;right:.8rem;bottom:.8rem}.hdt-compare-list{flex-direction:column;align-items:stretch;gap:1.4rem;max-height:80vh;overflow-y:auto}#drawerCompare .hdt-compare-head{min-width:unset;max-width:unset;flex:unset}.hdt-compare-divider{width:100%;height:1px}#drawerCompare .hdt-compare-buttons{flex:unset;padding-right:0}#drawerCompare .hdt-compare-buttons-wrap{flex-direction:row;justify-content:center;gap:1.6rem;flex-wrap:wrap}#drawerCompare .hdt-compare-products>div{flex:0 0 9rem}}@media(max-width:767px){#drawerCompare{left:0;right:0;bottom:0;border-radius:1.6rem 1.6rem 0 0}#drawerCompare::part(content){border-radius:1.6rem 1.6rem 0 0}#drawerCompare::part(body){padding:1.6rem}#drawerCompare .hdt-compare-head__title{font-size:1.7rem}.hdt-compare-icon-badge{width:4rem;height:4rem}.hdt-compare-icon-badge svg{width:2rem;height:2rem}#drawerCompare .hdt-compare-products>div{flex:0 0 8rem}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/hdt-custom-compare-drawer.css.map */