.collection{max-width:1312px;margin:0 auto;padding:10px 24px 60px}.collectionTop,.collectionTopLeft,.collectionTopRight{display:flex;align-items:center}.collectionTop{justify-content:space-between;gap:20px;margin-bottom:30px}.collectionTopLeft{gap:20px}.collectionTitle{color:#111827;font-size:clamp(20px,3dvw,24px);font-weight:700}.collectionResults{color:#6b7280;background-color:#fff;font-size:14px;line-height:1;border-radius:6px;border:1px solid #E5E7EB;padding:4px 8px 2px}.collectionTopRight{gap:8px}.collectionSorting{position:relative}.collectionSortingInner{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#111827;font-size:14px;font-weight:500;line-height:1;min-width:200px;border-radius:8px;border:2px solid #E5E7EB;background:#fff;padding:8px;cursor:pointer;position:relative;white-space:nowrap}.collectionSortingInner:after{content:url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1518 7.64006C2.1691 7.52093 2.22125 7.40958 2.30175 7.32006L5.34675 3.94005C5.4269 3.84465 5.5256 3.7664 5.6368 3.71005C5.7506 3.6549 5.8753 3.6259 6.00175 3.62505C6.1205 3.62315 6.23815 3.647 6.34675 3.69505C6.464 3.74185 6.56975 3.8135 6.65675 3.90505L9.70679 7.32006C9.78764 7.40994 9.84135 7.5209 9.86175 7.64006C9.87843 7.76074 9.86112 7.88368 9.81177 7.99506C9.76385 8.10737 9.68386 8.20304 9.58179 8.27005C9.47978 8.33461 9.3624 8.37086 9.24176 8.37506L2.74175 8.37506C2.621 8.3716 2.5035 8.33529 2.4018 8.27005C2.2992 8.20226 2.2177 8.10697 2.16675 7.99506C2.1263 7.88089 2.12115 7.75723 2.1518 7.64006Z' fill='%236B7280'/%3E%3Cpath d='M9.8482 12.3599C9.8309 12.4791 9.77875 12.5904 9.69825 12.6799L6.65325 16.0599C6.5731 16.1553 6.4744 16.2336 6.3632 16.2899C6.2494 16.3451 6.1247 16.3741 5.99825 16.3749C5.8795 16.3768 5.76185 16.353 5.65325 16.3049C5.536 16.2581 5.43025 16.1865 5.34325 16.0949L2.29321 12.6799C2.21236 12.5901 2.15865 12.4791 2.13825 12.3599C2.12157 12.2393 2.13888 12.1163 2.18823 12.0049C2.23615 11.8926 2.31614 11.797 2.41821 11.7299C2.52022 11.6654 2.6376 11.6291 2.75824 11.6249H9.25825C9.379 11.6284 9.4965 11.6647 9.5982 11.7299C9.7008 11.7977 9.7823 11.893 9.83325 12.0049C9.8737 12.1191 9.87885 12.2428 9.8482 12.3599Z' fill='%236B7280'/%3E%3C/svg%3E%0A");width:12px;height:20px}.collectionSortingInner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;background-color:transparent;pointer-events:none;border-radius:8px;transition:ease .2s}.collectionSortingInner.active:before{border-color:#111827}.collectionSortingDrop{position:absolute;z-index:31;width:100%;display:grid;grid-template-rows:0;transition:grid-template-rows ease-in .3s}.collectionSortingInner.active+.collectionSortingDrop{grid-template-rows:1fr}.collectionSortingDrop>div{overflow:hidden}.collectionSortingDropInner{width:100%;display:flex;flex-direction:column;padding:6px;border-radius:8px;border:1px solid #D1D5DB;background:#fff;box-shadow:0 4px 8px #0000001a}.collectionSortingItem{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;color:#111827;font-size:14px;font-weight:500;line-height:1;cursor:pointer}.collectionSortingItem.active{background-color:#f3f4f6}.collectionSortingItemInput{display:none}.collectionSortingItemIndicator{width:20px;height:20px;border-radius:50%;border:1px solid #111827;background-color:#fff}.collectionSortingItem.active .collectionSortingItemIndicator{border-width:5px}.collectionFilterButton{color:#111827;font-size:14px;font-weight:500;line-height:1.2;border-radius:8px;border:1px solid #E5E7EB;background:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.collectionFilterButton span{font-weight:400;border-radius:4px;border:1px solid #E5E7EB;background:#fff;padding:2px 4px}.collectionContent{padding:0 0 70px}.collectionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.collectionGrid.quiz{margin:24px 0;grid-template-columns:2fr 1fr 1fr}.collectionGridQuiz{position:relative}.collectionGridQuizImage{object-fit:cover;height:100%}.collectionGridQuizContent{position:absolute;bottom:24px;left:24px;width:calc(100% - 48px);color:#fff}.collectionGridQuizContentTitle{font-size:24px;font-weight:700}.collectionGridQuizContentSubtitle{font-size:14px;margin-top:4px}.collectionGridQuizContentButton{display:block;border-radius:4px;padding:6px 10px;margin-top:10px;max-width:fit-content;background-color:#fff;color:#111827;font-size:14px;font-weight:600;line-height:1;transition:ease .3s}.collectionGridQuizContentButton:hover{opacity:.7}@media (max-width: 800px){.collection{padding:24px 24px 60px}.collectionTop{flex-direction:column;justify-content:unset;align-items:unset;gap:16px;margin-bottom:24px}.collectionTopLeft{gap:12px}.collectionSorting{position:unset}.collectionTopRight{display:grid;grid-template-columns:2fr 1fr;width:100%;left:0;position:fixed;bottom:0;background-color:#fff;padding:15px 10px;z-index:99}.collectionSortingDrop{position:fixed;bottom:0;left:0;width:100dvw;grid-template-rows:1fr;transition:all ease-in .3s;transform:translateY(110%);z-index:100}.collectionSortingInner.active+.collectionSortingDrop{transform:translateY(0)}.collectionSortingDropTitle{color:#111827;font-weight:600;line-height:1;padding:16px;border-bottom:1px solid #E5E7EB;border-radius:16px 16px 0 0;background-color:#fff;transform:translateY(2px)}.collectionSortingDropInner{padding:16px 8px 24px;border-radius:0;border:none;box-shadow:none}.collectionContent{padding:0}.collectionGrid{grid-template-columns:repeat(3,1fr);gap:16px}.collectionGrid.quiz{margin:16px 0;grid-template-areas:"quiz quiz" "item-1 item-2";grid-template-columns:1fr 1fr}.collectionGridQuiz{grid-area:quiz}.collectionGridQuizContent{bottom:20px;left:16px;width:calc(100% - 32px)}.collectionGridItem-9{grid-area:item-1}.collectionGridItem-10{grid-area:item-2}}@media (max-width: 550px){.collection{padding:24px 16px 30px}.collectionGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 350px){.collectionTopLeft{flex-direction:column;gap:10px}.collectionTopRight{grid-template-columns:1fr;gap:10px}}.collectionFiltersInner{position:fixed;top:0;bottom:0;left:100%;width:100%;max-width:430px;animation:slide-in ease .4s forwards;background-color:#fff;color:#111827;overflow-y:auto}.collectionFiltersTop{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #E5E7EB}.collectionFiltersTopTitle{font-weight:600;line-height:1}.collectionFiltersExit{max-width:fit-content;cursor:pointer}.collectionFiltersExit svg{width:20px;height:20px}.collectionFiltersContent{display:flex;flex-direction:column;justify-content:space-between}.collectionFiltersOptions{display:grid}.collectionFiltersOptionsItem{padding:16px 12px;cursor:pointer}.collectionFiltersOptionsItem.price{order:2}.collectionFiltersOptionsItemTitle{font-weight:600;line-height:1;display:flex;align-items:center;justify-content:space-between}.collectionFiltersOptionsItemTitle:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.25 7.5L10 13.75L3.75 7.5' stroke='%23111827' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:20px;height:20px;transition:ease .4s}.collectionFiltersOptionsItemTitle.active:after{transform:rotateX(180deg)}.collectionFiltersOptionsItemValues{display:grid;grid-template-rows:0fr;transition:ease .4s}.collectionFiltersOptionsItemTitle.active+.collectionFiltersOptionsItemValues{grid-template-rows:1fr}.collectionFiltersOptionsItemValues>div{overflow:hidden}.collectionFiltersOptionsItemValuesPrice{display:grid;align-items:center;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.collectionFiltersOptionsItemValuesPriceInput{border-radius:4px;border:1px solid #ececec;padding:8px}.collectionFiltersOptionsItemValuesPriceInput{-moz-appearance:textfield}.collectionFiltersOptionsItemValuesPriceInput::-webkit-outer-spin-button,.collectionFiltersOptionsItemValuesPriceInput::-webkit-inner-spin-button{-webkit-appearance:none}#collectionFiltersOptionsItemValuesPriceButton{padding:8px;max-width:unset;border-radius:4px}.collectionFiltersOptionsItemValuesLink{display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer}.collectionFiltersOptionsItemValuesLink:first-of-type{padding:20px 0 10px}.collectionFiltersOptionsItemValuesLink .collectionFiltersOptionsItemValuesLinkInput{display:none}.collectionFiltersOptionsItemValuesLinkIndicator{border-radius:4px;width:20px;height:20px;border:1px solid #111827;background-color:#fff;position:relative}.collectionFiltersOptionsItemValuesLinkInput:checked~.collectionFiltersOptionsItemValuesLinkIndicator{background-color:#111827}.collectionFiltersOptionsItemValuesLinkInput:checked~.collectionFiltersOptionsItemValuesLinkIndicator:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 7.8632L5.81429 10.6775C5.91329 10.7777 6.03118 10.8573 6.16115 10.9116C6.29112 10.9659 6.43057 10.9939 6.57143 10.9939C6.71233 10.9939 6.85173 10.9659 6.98173 10.9116C7.11167 10.8573 7.22953 10.7777 7.3286 10.6775L13 5.0061' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:16px;height:16px;position:absolute;left:50%;top:50%;translate:-50% -50%}.collectionFiltersOptionsItemValuesLinkText{font-size:14px;font-weight:400;line-height:1}.collectionFiltersOptionsItemValuesLinkImage{margin-left:auto;border-radius:4px;width:24px;height:24px;object-fit:contain}.collectionFiltersContentBottom{margin-top:auto;padding:16px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.collectionFiltersContentBottomButton{font-size:14px;font-weight:600;line-height:1;border-radius:4px;border:1px solid;padding:12px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:50px}.collectionFiltersContentBottomButton span{border-radius:50%;border:1px solid #E5E7EB;display:grid;place-content:center;width:24px;height:24px}.collectionFiltersClear{border-color:#e5e7eb;background:#fff;color:#030712;max-width:fit-content}.collectionFiltersActivate{border-color:#030712;background:#030712;color:#fff}@media (max-width: 800px){.collectionFiltersInner{top:100%;left:0;bottom:unset;max-width:unset;max-height:100%;border-radius:16px 16px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/main-collection.css.map */