.collection-layout-switcher{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1.6rem}.collection-layout-switcher__title{margin:0;font-size:1.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.collection-layout-switcher__controls{display:flex;align-items:center;gap:1.2rem}.layout-switcher__button{position:relative;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;background:none;border-radius:.4rem;border:none;cursor:pointer;color:#000;transition:background-color .2s ease}.layout-switcher__button svg{width:2rem;height:2rem;fill:none;stroke:#000;stroke-width:2.5;stroke-linecap:round}.layout-switcher__button:hover,.layout-switcher__button[aria-pressed=true]{background-color:#00000014}.layout-switcher__button--mobile{display:none}@media screen and (max-width:989px){.collection-layout-switcher{display:flex;width:100%;min-height:38px;margin:0 0 12px;padding:0;flex-direction:row;align-items:center;justify-content:flex-end}.kk-desktop-collection-toolbar{display:flex}.collection-layout-switcher__controls{display:flex!important;gap:8px}.layout-switcher__button--desktop{display:none}.layout-switcher__button--mobile{display:flex}}@media screen and (min-width:750px){.collection-layout-switcher{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"count layouts spacer sort";width:100%;margin:0 0 12px;padding:0;align-items:center;column-gap:14px;row-gap:0}.collection-layout-switcher__title{grid-area:title;margin:0;font-size:14px!important;font-weight:400;line-height:1.4;text-transform:uppercase}.collection-layout-switcher__controls{grid-area:layouts;display:flex;align-items:center;gap:14px}.kk-desktop-product-count{grid-area:count;margin:0;white-space:nowrap}.layout-switcher__button{width:30px;height:30px;min-width:30px;min-height:30px;margin:0;padding:2px;border:0;color:#111;background:transparent;box-shadow:none}.layout-switcher__button svg{width:100%;height:100%;stroke:currentColor;stroke-width:3}.layout-switcher__button[aria-pressed=true]{color:#000;background:transparent}.kk-desktop-sort{grid-area:sort;display:block;justify-self:end;margin:0;padding:0}.kk-desktop-sort form{margin:0}.kk-desktop-sort__field{display:flex;align-items:center;gap:5px}.kk-desktop-sort__field>label{margin:0;color:#111;font-size:14px;font-weight:400;line-height:32px;white-space:nowrap}.kk-desktop-sort__select{position:relative;display:inline-flex;min-width:150px;height:32px;align-items:center;border-bottom:1px solid #777}.kk-desktop-sort__select select{width:150px;height:32px;min-height:32px;margin:0;padding:0 18px 0 0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none}.kk-desktop-sort__select .svg-wrapper{position:absolute;top:50%;right:1px;width:10px;height:6px;transform:translateY(-50%);pointer-events:none}.kk-desktop-sort__select .icon-caret{position:static;width:10px;height:6px}}@media screen and (min-width:990px){#product-grid.product-grid.kk-layout-switcher-active{column-gap:24px!important}#product-grid.product-grid.kk-layout-switcher-active.grid--4-col-desktop>.grid__item{width:calc((100% - 72px)/4)!important;max-width:calc((100% - 72px)/4)!important;flex:0 0 calc((100% - 72px)/4)!important}#product-grid.product-grid.kk-layout-switcher-active.grid--3-col-desktop>.grid__item{width:calc((100% - 48px) / 3)!important;max-width:calc((100% - 48px) / 3)!important;flex:0 0 calc((100% - 48px) / 3)!important}#product-grid.product-grid.kk-layout-switcher-active.grid--1-col-desktop>.grid__item{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}@media screen and (min-width:750px)and (max-width:989px){#product-grid.product-grid.kk-layout-switcher-active{column-gap:16px!important}#product-grid.product-grid.kk-layout-switcher-active.grid--2-col-tablet-down>.grid__item{width:calc((100% - 16px)/2)!important;max-width:calc((100% - 16px)/2)!important;flex:0 0 calc((100% - 16px)/2)!important}#product-grid.product-grid.kk-layout-switcher-active.grid--1-col-tablet-down>.grid__item{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}@media screen and (max-width:749px){#product-grid.product-grid.kk-layout-switcher-active{column-gap:12px!important}#product-grid.product-grid.kk-layout-switcher-active.grid--2-col-tablet-down>.grid__item{width:calc((100% - 12px)/2)!important;max-width:calc((100% - 12px)/2)!important;flex:0 0 calc((100% - 12px)/2)!important}#product-grid.product-grid.kk-layout-switcher-active.grid--1-col-tablet-down>.grid__item{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-layout-switcher.css.map */