.button-row-section{width:100%}.button-row-section-padding{padding:65px 8px 52px}.buttons-only-padding{padding-top:0;padding-bottom:32px}.button-row-container{margin:0 auto}.button-row__title.title-wrapper{margin-bottom:4.5rem}@media screen and (max-width: 749px){.button-row-section-padding{padding:3px 8px 32px!important}.buttons-only-padding{padding-top:28px!important;padding-bottom:20px}.button-row__title.title-wrapper{margin-bottom:2rem}.button-row__title.title-wrapper--no-top-margin>.title{font-size:2.8rem}}.button-row__title .title:not(:only-child){margin-bottom:1rem}@media screen and (min-width: 990px){.button-row__title--desktop-slider .title{margin-bottom:2.5rem}.button-row__title.title-wrapper--self-padded-tablet-down{padding:0 5rem}}.button-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center}.button-row-item{display:inline-block;background:#f7f2ea;padding:12px 8px;font-size:1.5rem;cursor:pointer;border-radius:14px;color:var(--color-foreground, #000);text-decoration:none;transition:all .3s ease;border:2px solid transparent;font-weight:400;text-align:center;white-space:nowrap;font-weight:500}.button-row-item:hover,.button-row-item.active,.button-row-item:active{background:#ccd6bd;text-decoration:none}.button-row-item.button--secondary{background:var(--color-button, #000);color:var(--color-button-text, #fff)}.button-row-item.button--secondary:hover,.button-row-item.button--secondary.active,.button-row-item.button--secondary:active{background-color:var(--color-button-hover, #333);color:var(--color-button-text, #fff)}@media screen and (min-width: 750px){.button-row-item{padding:16px 12px;font-size:16px;width:auto}}@media (max-width: 749px){.button-row-container{margin:0}.button-row{width:100%;padding:0 16px}.button-row-slider{overflow-x:scroll;justify-content:start;flex-wrap:nowrap;scrollbar-width:none;scrollbar-gutter:none}.button-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:0 12px}.button-row-grid .button-row-item{width:100%!important;max-width:none!important;margin:0!important}.button-row-item{max-width:300px;margin:0 auto;border-radius:8px}}slider-component{position:relative}slider-component .product-grid{overflow-y:hidden;width:calc(100vw - 20rem);margin-left:auto;margin-right:auto;margin-bottom:0!important}.slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:5rem!important}html[lang=ar] .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media):first-child{margin-right:0;margin-left:unset}@media (max-width: 991px){.collection ul.grid:has(.color-variants__list){padding-bottom:0!important}.slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:4rem!important}}slider-component .slider-counter{display:none}@media (min-width: 992px){.slider--desktop .slider__slide:first-child{margin-left:0!important}.slider--desktop:after{content:none!important}}slider-component .slider-button{display:block}slider-component .slider-button .icon{margin:0 auto}.slider-button .icon{height:1rem!important}.slider-button--prev{position:absolute;top:33%;left:3rem;transform:translateY(-50%);z-index:10}.slider-button--next{position:absolute;top:33%;right:3rem;transform:translateY(-50%);z-index:10}@media (max-width: 991px){.slider-button--prev,.slider-button--next{top:44%}}html[lang=ar] .slider-button--prev{left:auto;right:3rem;transform:translateY(-50%) rotate(180deg)}html[lang=ar] .slider-button--next{left:3rem;right:auto;transform:translateY(-50%) rotate(180deg)}.slider-button[disabled] .icon{display:none}.slider-button .icon{height:1.6rem!important}@media (max-width: 991px){.slider-button{width:auto!important}.slider-button .icon{height:1.4rem!important}.slider-button--prev{left:0}html[lang=ar] .slider-button--prev{left:auto;right:0}@media (max-width: 749px){html[lang=ar] slider-component{padding-right:20px}}.slider-button--next{right:0}html[lang=ar] .slider-button--next{left:0;right:auto}slider-component .slider-button:before{content:"";position:absolute;top:-200px;left:0;right:0;bottom:0;width:100%;height:400px;z-index:-1}.slider-button--prev:before{background:linear-gradient(-90deg,#faf5ef11,#faf5ef)}.slider-button--next:before{background:linear-gradient(90deg,#faf5ef11,#faf5ef)}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-button-row.css.map */