#search--drawer{display:flex;align-items:center;justify-content:center;background:#f6f6f6;border-radius:50%;height:38px;border:0;width:38px;cursor:pointer;transition:background .2s ease}#search--drawer:hover{background:#e8e8e8}#search--drawer:active{transform:scale(.95)}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;display:block!important;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999;-webkit-tap-highlight-color:transparent}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{position:fixed;top:0;padding:24px;right:-100%;width:100%;max-width:100vw;height:100%;background:#fff;box-shadow:-5px 0 25px #0003;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;border-radius:0;display:flex;flex-direction:column;gap:24px}.drawer::-webkit-scrollbar{width:6px}.drawer::-webkit-scrollbar-track{background:transparent;border-radius:10px}.drawer::-webkit-scrollbar-thumb{background:#92a1bd;border-radius:10px}.drawer::-webkit-scrollbar-thumb:hover{background:#7a8ca8}.drawer{scrollbar-width:thin;scrollbar-color:#92A1BD transparent}.drawer.active{right:0}.drawer-header{color:#000;display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;background:transparent;z-index:10;padding-bottom:8px}.drawer-title{font-size:20px;font-weight:700;flex:1}.close-btn,.account-btn{display:flex;align-items:center;justify-content:center;background:#f6f6f6;border-radius:50%;height:38px;border:0;width:38px;cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.close-btn:hover,.account-btn:hover{background:#e8e8e8}.close-btn:active,.account-btn:active{transform:scale(.95)}.drawer-search{padding:0;border-radius:16px;background-color:#f8f4f0;display:flex;gap:16px;flex-direction:column}.drawer-search .template-search__search{margin-top:0rem;margin-bottom:0rem}.drawer-search .template-search__search .search{margin-top:0rem}.drawer-search .field__input,.drawer-search .field__label{font-size:15px;letter-spacing:0px;color:#797878}.recommendation-links-wrapper{position:relative;overflow:hidden;padding:0 12px 12px;border-radius:0 0 16px 16px}.recommendation-links-wrapper:before,.recommendation-links-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:10;pointer-events:none}.recommendation-links-wrapper:before{left:0;background:linear-gradient(to right,#F8F4F0,transparent)}.recommendation-links-wrapper:after{right:0;background:linear-gradient(to left,#F8F4F0,transparent)}.drawer-search .recommendation-links{width:100%;overflow:visible}.drawer-search .recommendation-links .swiper-wrapper{display:flex}.drawer-search .recommendation-links .swiper-slide{width:auto}.drawer-search .recommendation-links a.link-btn{display:block;font-weight:600;font-size:14px;line-height:16px;letter-spacing:.02rem;color:#1c1710;text-decoration:none;padding:12px 20px;background:#fff;border-radius:200px;white-space:nowrap;transition:all .2s;-webkit-tap-highlight-color:transparent}.drawer-search .recommendation-links a.link-btn:active{transform:scale(.95)}.drawer-search .recommendation-links .swiper-slide{margin-right:10px}.drawer-search .recommendation-links .swiper-slide:last-child{margin-right:0}.drawer-search form.search{padding:12px 12px 0}.drawer-search .recommendation-links-wrapper:before,.drawer-search .recommendation-links-wrapper:after{z-index:3}.drawer-content h3{font-weight:500;font-size:18px;line-height:22px;letter-spacing:-.04rem;margin:0 0 16px}.drawer-content button.tab--button-category{padding:12px 20px;border-radius:200px;border:none;background:#f8f4f0;color:#1c1710;font-size:13px;line-height:16px;letter-spacing:-.03rem;font-weight:500;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:8px;margin-bottom:8px;-webkit-tap-highlight-color:transparent}.drawer-content button.tab--button-category:active{transform:scale(.95)}.drawer-content button.tab--button-category.active{color:#fff;background:#bcb0c9}.category-title-head{margin-bottom:24px}.category--tabs-drawer{display:flex;flex-wrap:wrap;gap:4px}.category-box{display:none;flex-direction:column;gap:16px}.category-box.active{display:flex}.category-box h4.category-box-heading{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.03rem;margin:0}.category-product-list{background:#f8f4f0;border-radius:16px;padding:12px 0 12px 12px}.category-product-list .mini-product-card{width:180px;background:#fff;border-radius:14px;overflow:hidden;position:relative;display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}.category-product-list .mini-product-card:active{transform:scale(.98)}.mini-image-product{aspect-ratio:1 / 1;padding:8px}.mini-image-product img{width:100%;height:100%;object-fit:cover}.mini-product-name{padding:4px 12px 12px;position:relative;bottom:0}.mini-product-name h4{font-weight:400;font-size:14px;line-height:18px;letter-spacing:-.02rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.category-product-list .swiper-slide{width:180px}.popular-badge-mini{position:absolute;top:12px;left:12px;background-color:#f0fea5;padding:4px 8px;font-weight:400;font-size:12px;line-height:16px;letter-spacing:-.02rem;text-align:center;border-radius:500px;z-index:1;color:#1c1710}h4.popular-solutions-heading{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.03rem;margin-bottom:12px;margin-top:0}.popular-solutions-box{padding:12px 0 12px 12px;background:#f8f4f0;border-radius:16px;display:flex;gap:12px}.solution-card-mini{width:170px;aspect-ratio:229 / 293;border-radius:14px;background-position:center;text-decoration:none;display:flex;background-size:cover;padding:20px;overflow:hidden;position:relative;flex-direction:column;justify-content:space-between;-webkit-tap-highlight-color:transparent}.solution-card-mini:active{transform:scale(.98)}.solution-card-mini:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000052}.solution-card-badge{background-color:#fff3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:6px 12px 6px 6px;border-radius:100px;display:inline-flex;gap:6px;font-family:DM Sans;font-weight:400;font-size:11px;line-height:14px;color:#fff;width:max-content;letter-spacing:-.02rem;position:relative;z-index:1}.solution-title-mini{font-weight:500;font-size:18px;line-height:22px;letter-spacing:-.04rem;position:relative;z-index:1;color:#fff;margin:0}.popular-solutions-box .swiper-slide{width:max-content}.drawer-all-treatments .all-treatments-heading{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.03rem;margin:0 0 12px}.drawer-all-treatments .all-treatments-box{padding:12px;background:#f8f4f0;border-radius:16px;display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.drawer-all-treatments .all-treatments-box::-webkit-scrollbar{width:4px}.drawer-all-treatments .all-treatments-box::-webkit-scrollbar-thumb{background:#92a1bd;border-radius:10px}span.treatment-first-letter{width:28px;height:28px;background-color:#fff;display:inline-flex;justify-content:center;align-items:center;line-height:0;border-radius:100px;font-weight:500;font-size:13px}.treatment-item{display:flex;flex-direction:column;gap:16px}.treatment-item h5{font-weight:600;font-size:14px;line-height:16px;letter-spacing:-.02rem;margin:0}.treatment-item h5 a{text-decoration:none;color:#1c1710;-webkit-tap-highlight-color:transparent}.treatment-item h5 a:active{opacity:.7}@media(min-width:768px){.drawer{max-width:450px;padding:28px;gap:28px;border-radius:20px 0 0 20px}.drawer-header{justify-content:end}.drawer-title{font-size:24px}.drawer-search{border-radius:18px;gap:18px}.drawer-search .field__input,.drawer-search .field__label{font-size:0 16px 16px 16px}.recommendation-links-wrapper{padding:14px;border-radius:0 0 18px 18px}.recommendation-links-wrapper:before,.recommendation-links-wrapper:after{width:50px}.drawer-search .recommendation-links a.link-btn{font-size:15px;line-height:17px;padding:14px 22px}.drawer-search .recommendation-links .swiper-slide{margin-right:12px}.drawer-search form.search{padding:14px}.drawer-content h3{font-size:20px;line-height:24px;margin-bottom:18px}.drawer-content button.tab--button-category{font-size:14px;line-height:18px;padding:14px 22px;height:38px}.category-title-head{margin-bottom:28px}.category-box{gap:18px}.category-box h4.category-box-heading{font-size:17px;line-height:22px}.category-product-list{border-radius:18px;padding:14px 0 14px 14px}.category-product-list .mini-product-card{width:195px;border-radius:15px}.mini-image-product{padding:9px}.mini-product-name{padding:4px 14px 14px}.mini-product-name h4{font-size:15px;line-height:19px}.category-product-list .swiper-slide{width:195px}.popular-badge-mini{top:14px;left:14px;font-size:13px;line-height:17px}h4.popular-solutions-heading{font-size:17px;line-height:22px;margin-bottom:14px}.popular-solutions-box{padding:14px 0 14px 14px;border-radius:18px;gap:14px}.solution-card-mini{width:185px;border-radius:15px;padding:22px}.solution-card-badge{padding:7px 14px 7px 7px;font-size:12px;line-height:15px}.solution-title-mini{font-size:20px;line-height:24px}.drawer-all-treatments .all-treatments-heading{font-size:17px;line-height:22px;margin-bottom:14px}.drawer-all-treatments .all-treatments-box{padding:14px;border-radius:18px;gap:18px}span.treatment-first-letter{width:30px;height:30px;font-size:14px}.treatment-item{gap:18px}.treatment-item h5{font-size:15px;line-height:17px}}@media(min-width:1024px){.drawer{max-width:40vw;padding:32px;gap:32px}.drawer::-webkit-scrollbar{width:8px}.recommendation-links-wrapper:before,.recommendation-links-wrapper:after{width:60px}.drawer-search{border-radius:20px;gap:20px}.recommendation-links-wrapper{padding:0 16px 16px;border-radius:0 0 20px 20px}.drawer-search .recommendation-links a.link-btn{font-size:16px;line-height:18px;padding:16px 24px}.drawer-search form.search{padding:16px 16px 0}.drawer-content h3{font-size:22px;line-height:26px;margin-bottom:20px}.drawer-content button.tab--button-category{font-size:14px;line-height:18px;padding:16px 24px;height:40px}.category-title-head{margin-bottom:32px}.category-box{gap:20px}.category-box h4.category-box-heading{font-size:18px;line-height:24px}.category-product-list{border-radius:20px;padding:16px 0 16px 16px}.category-product-list .mini-product-card{width:211px;border-radius:16px}.mini-image-product{padding:10px}.mini-product-name{padding:4px 16px 16px}.mini-product-name h4{font-size:16px;line-height:20px}.category-product-list .swiper-slide{width:211px}.popular-badge-mini{top:16px;left:16px;font-size:14px;line-height:18px}h4.popular-solutions-heading{font-size:18px;line-height:24px;margin-bottom:16px}.popular-solutions-box{padding:16px 0 16px 16px;border-radius:20px;gap:16px}.solution-card-mini{width:196px;border-radius:16px;padding:24px}.solution-card-badge{padding:8px 16px 8px 8px;font-size:12px;line-height:16px}.solution-title-mini{font-size:22px;line-height:26px}.drawer-all-treatments .all-treatments-heading{font-size:18px;line-height:24px;margin-bottom:16px}.drawer-all-treatments .all-treatments-box{padding:16px;border-radius:20px;gap:20px}span.treatment-first-letter{width:32px;height:32px;font-size:15px}.treatment-item{gap:24px}.treatment-item h5{font-size:16px;line-height:18px}}@media(hover:hover){.drawer-search .recommendation-links a.link-btn:hover{background:#f5f5f5;transform:translateY(-2px)}.drawer-content button.tab--button-category:hover{background:#e8e4ed}.drawer-content button.tab--button-category.active:hover{background:#a89bb5}.treatment-item h5 a:hover{text-decoration:underline}}@supports (padding: max(0px)){.drawer{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}@media(min-width:768px){.drawer{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}}@media(min-width:1024px){.drawer{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/search-drawer.css.map */