.cmp-drawer{pointer-events:none}.cmp-drawer__overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.cmp-drawer.is-open .cmp-drawer__overlay{opacity:1;pointer-events:auto}.cmp-drawer__panel{background:#fff;border-radius:24px;display:flex;flex-direction:column;left:50%;max-height:calc(100vh - 215px);max-width:927px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.95);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1001}@media(max-height:550px){.cmp-drawer__panel{border-radius:0;height:100vh;max-height:100vh}}@media(max-width:1119px){.cmp-drawer__panel{border-radius:24px 24px 0 0;bottom:0;left:0;max-height:85vh;max-width:100%;opacity:1;top:auto;transform:translateY(100%);width:100%}}@media(max-width:599px){.cmp-drawer__panel{border-radius:20px 20px 0 0;max-height:90vh}}.cmp-drawer.is-open .cmp-drawer__panel{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}@media(max-width:1119px){.cmp-drawer.is-open .cmp-drawer__panel{transform:translateY(0)}}.cmp-drawer__header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:48px 40px 0}@media(max-width:1119px){.cmp-drawer__header{padding:30px 24px 0}}@media(max-width:599px){.cmp-drawer__header{padding:24px 20px 0}}.cmp-drawer__title{font-family:Hisense Alfabet,sans-serif;font-size:20px;font-weight:400;letter-spacing:0;line-height:28px}@media(max-width:1119px){.cmp-drawer__title{font-size:20px;line-height:28px}}@media(max-width:599px){.cmp-drawer__title{font-size:20px;line-height:28px}}.cmp-drawer__title{color:#383838;font-weight:500;margin:0}.cmp-drawer__close{align-items:center;background:none;border:none;color:#383838;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}@media(hover:hover)and (pointer:fine){.cmp-drawer__close:hover{color:#979797}}.cmp-drawer__body-wrapper{display:flex;flex:1;min-height:0;overflow:hidden;padding:36px 40px 0;width:100%}@media(max-width:1119px){.cmp-drawer__body-wrapper{padding:24px 24px 0}}@media(max-width:599px){.cmp-drawer__body-wrapper{padding:20px 20px 0}}.cmp-drawer__body-scroll{height:auto;max-height:100%;max-width:100%;overflow:auto;overscroll-behavior:contain;padding-right:12px;width:100%}.cmp-drawer__body-scroll::-webkit-scrollbar{width:5px}.cmp-drawer__body-scroll::-webkit-scrollbar-track{background:transparent}.cmp-drawer__body-scroll::-webkit-scrollbar-thumb{background:#c7c7c9;border-radius:50px}.cmp-drawer__body-scroll{scrollbar-color:#c7c7c9 transparent;scrollbar-width:thin}.cmp-drawer__body{display:flex;flex-direction:column;gap:20px;padding-bottom:80px;width:100%}@media(max-width:1119px){.cmp-drawer__body{gap:20px;min-width:-moz-fit-content;min-width:fit-content;width:100%}}@media(max-width:599px){.cmp-drawer__body{gap:16px;padding-bottom:100px}}.cmp-drawer__selects{align-items:flex-start;background:#fff;display:flex;flex-shrink:0;gap:12px;padding-bottom:8px;top:0;z-index:2}@media(max-width:599px){.cmp-drawer__selects{gap:8px}}.cmp-drawer__select-wrapper{flex:1;min-width:0;position:relative}.cmp-drawer__select-wrapper--hidden{display:none}.cmp-drawer__select{align-items:center;background:#fff;border:1px solid #e3e3e3;border-radius:12px;cursor:pointer;display:flex;gap:10px;height:43px;padding:0 16px;transition:border-color .2s ease;width:100%}@media(hover:hover)and (pointer:fine){.cmp-drawer__select:hover{border-color:#ababb0}}.cmp-drawer__select.is-open{border-color:#00aaa6}.cmp-drawer__select.has-value .cmp-drawer__select-label{color:#232323}.cmp-drawer__select.is-locked{cursor:default;pointer-events:none}.cmp-drawer__select.is-locked .cmp-drawer__select-label{color:#232323}.cmp-drawer__select.is-locked .cmp-drawer__select-chevron{display:none}.cmp-drawer__select-label{flex:1;font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0}@media(max-width:1119px){.cmp-drawer__select-label{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__select-label{font-size:14px;line-height:22px}}.cmp-drawer__select-label{color:#8c8f8f;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cmp-drawer__select-chevron{color:#8c8f8f;flex-shrink:0;transition:transform .2s ease}.cmp-drawer__select.is-open .cmp-drawer__select-chevron{transform:rotate(180deg)}.cmp-drawer__dropdown{background:#fff;border:1px solid #e3e3e3;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:10}.cmp-drawer__dropdown.is-open{display:block}.cmp-drawer__dropdown::-webkit-scrollbar{width:4px}.cmp-drawer__dropdown::-webkit-scrollbar-thumb{background:#c7c7c9;border-radius:50px}.cmp-drawer__dropdown{scrollbar-color:#c7c7c9 transparent;scrollbar-width:thin}.cmp-drawer__dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0;padding:10px 16px;width:100%}@media(max-width:1119px){.cmp-drawer__dropdown-item{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__dropdown-item{font-size:14px;line-height:22px}}.cmp-drawer__dropdown-item{color:#232323;text-align:left;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.cmp-drawer__dropdown-item:hover{background:#fafafa}}.cmp-drawer__dropdown-item:first-child{border-radius:12px 12px 0 0}.cmp-drawer__dropdown-item:last-child{border-radius:0 0 12px 12px}.cmp-drawer__dropdown-item:only-child{border-radius:12px}.cmp-drawer__select-placeholder{background:#fafafa;border-radius:12px;flex-shrink:0;height:43px;width:90px}@media(max-width:599px){.cmp-drawer__select-placeholder{width:60px}}.cmp-drawer__select-placeholder--hidden{display:none}.cmp-drawer__cards{align-items:stretch;display:flex;gap:12px}@media(max-width:599px){.cmp-drawer__cards{gap:8px}}.cmp-drawer__card{align-items:center;background:#fff;border:1px solid #e3e3e3;border-radius:12px;color:inherit;display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;overflow:hidden;padding:12px 12px 24px;text-decoration:none;transition:background .2s ease}@media(hover:hover)and (pointer:fine){.cmp-drawer__card:hover:not(.cmp-drawer__card--empty){background:#fafafa}}.cmp-drawer__card--empty{background:#fafafa;border:1px solid #e3e3e3;justify-content:center;padding-bottom:12px}.cmp-drawer__card-empty-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:36px}.cmp-drawer__card-empty-icon{align-items:center;background:#d6edea;border-radius:999px;color:#00aaa6;display:flex;height:52px;justify-content:center;width:52px}.cmp-drawer__card-empty-text{font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px}@media(max-width:1119px){.cmp-drawer__card-empty-text{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__card-empty-text{font-size:14px;line-height:22px}}.cmp-drawer__card-empty-text{color:#ababb0;margin:0;text-align:center}.cmp-drawer__card-top{align-items:flex-start;display:flex;justify-content:flex-end;width:100%}.cmp-drawer__card-remove{align-items:center;background:none;border:none;color:#ababb0;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:color .2s ease;width:18px}@media(hover:hover)and (pointer:fine){.cmp-drawer__card-remove:hover{color:#383838}}.cmp-drawer__card-image{height:130px;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain;width:196px}@media(max-width:1119px){.cmp-drawer__card-image{aspect-ratio:1080/714;height:auto;width:100%}}@media(max-width:599px){.cmp-drawer__card-image{aspect-ratio:1080/714;height:auto;width:100%}}.cmp-drawer__card-name{font-family:Hisense Alfabet,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}@media(max-width:1119px){.cmp-drawer__card-name{font-size:16px;line-height:24px}}@media(max-width:599px){.cmp-drawer__card-name{font-size:16px;line-height:24px}}.cmp-drawer__card-name{color:#383838;font-weight:500;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.cmp-drawer__spec-colors{display:flex;flex-direction:column;gap:6px}.cmp-drawer__spec-color-item{align-items:center;display:flex;font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;gap:6px;letter-spacing:0;line-height:22px;margin:0}@media(max-width:1119px){.cmp-drawer__spec-color-item{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__spec-color-item{font-size:14px;line-height:22px}}.cmp-drawer__spec-color-item{color:#525454}.cmp-drawer__spec-color-dot{background:var(--dot-color,#000);border:1px solid #e3e3e3;border-radius:50%;flex-shrink:0;height:14px;width:14px}.cmp-drawer__card-placeholder{align-items:center;align-self:stretch;background:#fafafa;border:none;border-radius:12px;color:#ababb0;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:32px 12px;transition:background .2s ease,color .2s ease;width:90px}@media(hover:hover)and (pointer:fine){.cmp-drawer__card-placeholder:hover{background:#e3e3e3;color:#525454}}@media(max-width:599px){.cmp-drawer__card-placeholder{max-width:60px;width:60px}}.cmp-drawer__specs{gap:4px}.cmp-drawer__spec-group,.cmp-drawer__specs{display:flex;flex-direction:column}.cmp-drawer__spec-label{font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0}@media(max-width:1119px){.cmp-drawer__spec-label{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__spec-label{font-size:14px;line-height:22px}}.cmp-drawer__spec-label{color:#232323;font-weight:500;padding-bottom:8px}.cmp-drawer__spec-row{align-items:flex-start;border-top:1px solid #e3e3e3;display:flex;gap:10px;padding-bottom:20px;padding-top:12px}.cmp-drawer__spec-value{flex:1;font-family:Hisense Alfabet,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0;min-width:0}@media(max-width:1119px){.cmp-drawer__spec-value{font-size:14px;line-height:22px}}@media(max-width:599px){.cmp-drawer__spec-value{font-size:14px;line-height:22px}}.cmp-drawer__spec-value{color:#525454}.cmp-drawer__spec-value--empty{opacity:0}.cmp-drawer__fade{background:linear-gradient(180deg,hsla(0,0%,100%,0) 14.5%,#fff);bottom:0;height:50px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}@media(max-width:1119px){.cmp-drawer__fade{height:140px}}@media(max-width:599px){.cmp-drawer__fade{height:100px}}