.trendyol-mobile-trigger{display:none;align-items:center;justify-content:center;padding:12px 20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:#3d3832;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:16px}.trendyol-mobile-trigger:hover{background-color:#fafafa;border-color:#722f37}.trendyol-mobile-trigger__icon{width:18px;height:18px;margin-right:8px;color:#6b5b47}.trendyol-mobile-trigger__text{flex:1;text-align:left}.trendyol-mobile-trigger__count{background-color:#722f37;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.trendyol-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.trendyol-mobile-overlay.is-active{opacity:1;visibility:visible}.trendyol-mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:375px;background-color:#fff;z-index:1001;transform:translate(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.trendyol-mobile-drawer.is-active{transform:translate(0)}.trendyol-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fff;position:sticky;top:0;z-index:10}.trendyol-mobile-header__title{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;color:#3d3832;margin:0}.trendyol-mobile-header__close{background:none;border:none;padding:8px;cursor:pointer;color:#6b5b47;transition:color .2s ease}.trendyol-mobile-header__close:hover{color:#3d3832}.trendyol-mobile-header__close-icon{width:24px;height:24px}.trendyol-mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.trendyol-mobile-category{border-bottom:1px solid #f0f0f0}.trendyol-mobile-category__header{padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#fff;transition:background-color .2s ease;touch-action:manipulation}.trendyol-mobile-category__header:active{background-color:#fafafa}.trendyol-mobile-category__title{font-family:Poppins,sans-serif;font-weight:500;font-size:16px;color:#3d3832;margin:0}.trendyol-mobile-category__badge{background-color:#f0f0f0;color:#6b5b47;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;margin-right:12px}.trendyol-mobile-category__arrow{width:20px;height:20px;color:#6b5b47;transition:transform .2s ease}.trendyol-mobile-category.is-open .trendyol-mobile-category__arrow{transform:rotate(180deg)}.trendyol-mobile-category__content{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#fafafa}.trendyol-mobile-category.is-open .trendyol-mobile-category__content{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.trendyol-mobile-category__inner{padding:20px}.trendyol-mobile-search{margin-bottom:20px;position:relative}.trendyol-mobile-search__input{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;color:#3d3832;background-color:#fff;transition:border-color .2s ease}.trendyol-mobile-search__input:focus{outline:none;border-color:#722f37}.trendyol-mobile-search__input::placeholder{color:#6b5b47}.trendyol-mobile-checkbox{display:flex;align-items:center;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:15px;color:#3d3832;transition:background-color .2s ease;border-radius:8px;margin:-8px -16px;padding:16px;touch-action:manipulation;position:relative}.trendyol-mobile-checkbox:active{background-color:#722f370d}.trendyol-mobile-checkbox__input{position:absolute;opacity:0;width:0;height:0}.trendyol-mobile-checkbox__mark{width:22px;height:22px;background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;margin-right:16px;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.trendyol-mobile-checkbox__input:checked~.trendyol-mobile-checkbox__mark{background-color:#722f37;border-color:#722f37}.trendyol-mobile-checkbox__mark:after{content:"";width:6px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.trendyol-mobile-checkbox__input:checked~.trendyol-mobile-checkbox__mark:after{opacity:1}.trendyol-mobile-checkbox__label{flex:1;line-height:1.4;padding-right:16px}.trendyol-mobile-checkbox__count{font-size:13px;color:#6b5b47;font-weight:500}.trendyol-mobile-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:8px}.trendyol-mobile-color{aspect-ratio:1;border-radius:6px;position:relative;cursor:pointer;transition:transform .2s ease;touch-action:manipulation}.trendyol-mobile-color:active{transform:scale(.95)}.trendyol-mobile-color__input{position:absolute;opacity:0;width:100%;height:100%}.trendyol-mobile-color__swatch{width:100%;height:100%;border-radius:6px;border:2px solid transparent;transition:border-color .2s ease;display:block}.trendyol-mobile-color__input:checked~.trendyol-mobile-color__swatch{border-color:#722f37}.trendyol-mobile-price{padding:20px 0}.trendyol-mobile-price__inputs{display:flex;gap:16px;margin-bottom:24px}.trendyol-mobile-price__input{flex:1}.trendyol-mobile-price__label{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;color:#6b5b47;margin-bottom:8px}.trendyol-mobile-price__field{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-weight:400;font-size:16px;color:#3d3832;background-color:#fff;transition:border-color .2s ease}.trendyol-mobile-price__field:focus{outline:none;border-color:#722f37}.trendyol-mobile-footer{padding:20px;border-top:1px solid #f0f0f0;background-color:#fff;display:flex;gap:12px;position:sticky;bottom:0}.trendyol-mobile-button{flex:1;padding:16px 20px;border-radius:8px;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;touch-action:manipulation}.trendyol-mobile-button--primary{background-color:#722f37;color:#fff}.trendyol-mobile-button--primary:active{background-color:#5a252b}.trendyol-mobile-button--secondary{background-color:#fff;color:#6b5b47;border:1px solid #e0e0e0}.trendyol-mobile-button--secondary:active{background-color:#fafafa}.trendyol-mobile-active-filters{padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.trendyol-mobile-active-filters__title{font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:#3d3832;margin:0 0 12px}.trendyol-mobile-active-filters__list{display:flex;flex-wrap:wrap;gap:8px}.trendyol-mobile-active-filter{display:inline-flex;align-items:center;padding:8px 14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;font-family:Poppins,sans-serif;font-weight:400;font-size:13px;color:#3d3832;touch-action:manipulation}.trendyol-mobile-active-filter__remove{margin-left:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#722f37;color:#fff;border-radius:50%;cursor:pointer;font-size:12px}@media screen and (max-width: 989px){.trendyol-mobile-trigger{display:flex}.trendyol-mobile-overlay,.trendyol-mobile-drawer{z-index:9999}}@media screen and (min-width: 750px) and (max-width: 989px){.trendyol-mobile-drawer{max-width:400px}.trendyol-mobile-checkbox{font-size:14px;padding:12px 16px}.trendyol-mobile-category__header{padding:16px 20px}}body.trendyol-mobile-open{overflow:hidden;position:fixed;width:100%}.trendyol-mobile-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10}.trendyol-mobile-loading__spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #722F37;border-radius:50%;animation:trendyol-mobile-spin 1s linear infinite}@keyframes trendyol-mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.trendyol-mobile-drawer,.trendyol-mobile-overlay,.trendyol-mobile-category__content{transition:none}.trendyol-mobile-loading__spinner{animation:none;border:3px solid #722F37}}@media (prefers-contrast: high){.trendyol-mobile-checkbox__mark,.trendyol-mobile-price__field,.trendyol-mobile-search__input{border-width:2px}.trendyol-mobile-button--primary{border:2px solid #722F37}}@supports (padding: max(0px)){.trendyol-mobile-header{padding-top:max(16px,env(safe-area-inset-top))}.trendyol-mobile-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-trendyol-mobile.css.map */