.collection{padding:0 0 200px}.collectionTop{position:relative;display:flex;flex-direction:column;align-items:center;padding:90px 30px;text-align:center;margin-bottom:100px}.collectionTop.cover{background-color:#0006}.collectionTop:has(.collectionImage){color:#fff}.collectionImage{object-fit:cover;object-position:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.collectionTitle{font-size:64px;font-weight:700;line-height:1.4;letter-spacing:3px;margin-bottom:16px;text-transform:capitalize}.collectionDescription{font-size:20px;line-height:1.4}.collectionBody{display:grid;grid-template-columns:minmax(0,470px) 1fr;gap:40px;padding:0 30px;max-width:1760px;margin:0 auto}.collectionFilter{border:var(--green) 2px solid;border-radius:32px;padding:24px;min-height:880px;height:fit-content;background-color:#fff}.collectionFilterBackground{display:none}.collectionFilterSelect{display:flex;align-items:center;gap:8px;margin-bottom:16px}.collectionFilterSelectButton{background-color:#fff;border:2px solid var(--green);color:var(--green)}.collectionFilterSelectButton:hover{box-shadow:0 0 12px 3px var(--grey)}.collectionFilterSelectButton.active{background-color:var(--green);color:#fff}.collectionFilterSection{display:none}.collectionFilterSection.active{display:flex;flex-direction:column}.collectionFilterItem{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:22.5px 0;border-bottom:1px solid #678B1B66;cursor:pointer}.collectionFilterItemTitle{font-size:16px;font-weight:700}.collectionFilterItemToggle{width:24px;height:24px;border-radius:50%;background-color:var(--light-green);border:1px solid var(--green)}.collectionFilterItem.active .collectionFilterItemToggle{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM16.8364 8.3636C17.1879 8.71508 17.1879 9.28492 16.8364 9.6364L10.8364 15.6364C10.4849 15.9879 9.91508 15.9879 9.5636 15.6364L7.1636 13.2364C6.81213 12.8849 6.81213 12.3151 7.1636 11.9636C7.51508 11.6121 8.08492 11.6121 8.4364 11.9636L10.2 13.7272L12.8818 11.0454L15.5636 8.3636C15.9151 8.01213 16.4849 8.01213 16.8364 8.3636Z' fill='%23678B1B'/%3E%3C/svg%3E%0A");background-size:100%}.collectionContent{max-width:1130px}.collectionSorting{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-bottom:24px}.collectionSortingButton{cursor:pointer;width:110px}.collection-sorting{width:fit-content;cursor:pointer}.collection-sorting select{padding:14.5px 40px 14.5px 16px;border:2px solid var(--green);border-radius:100px;background-color:#fff;color:var(--green);font-size:16px;font-weight:700;background-position:90% 50%;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23678B1B'/%3E%3Cpath d='M11.5 7L8 10L4.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.collectionSortingAmount{line-height:1.4;color:var(--light-black)}.collectionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px}@media (max-width: 1450px){.collectionGrid{gap:20px}}@media (max-width: 1300px){.collectionGrid{grid-template-columns:repeat(2,1fr)}.collectionFilterSelect{flex-direction:column}}@media (max-width: 1000px){.collectionGrid{grid-template-columns:1fr}}@media (max-width: 800px){.collection{padding:0 0 64px}.collectionTop{padding:56.5px 24px;margin-bottom:64px}.collectionTitle{font-size:32px}.collectionDescription{font-size:16px}.collectionBody{grid-template-columns:1fr;gap:24px;padding:0 24px}.collectionFilter{border:none;border-radius:0;padding:0;min-height:unset}.collectionFilter:has(.collectionFilterSection.open) .collectionFilterBackground{display:block;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;background-color:#0006}.collectionFilterSelect{flex-direction:row;margin-bottom:0}.collectionFilterSelectButton{padding:15px 34px 15px 16px;text-align:start;background-size:16px;background-position:90% 50%;background-repeat:no-repeat}.collectionFilterSelectButton:hover{box-shadow:none}.collectionFilterSelectButton[data-filter=category],.collectionFilterSelectButton[data-filter=category].active{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='white'/%3E%3Cpath d='M11.5 7L8 10L4.5 7' stroke='%23678B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-color:var(--green);color:#fff}.collectionFilterSelectButton[data-filter=benefits],.collectionFilterSelectButton[data-filter=benefits].active{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23678B1B'/%3E%3Cpath d='M11.5 7L8 10L4.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");background-color:#fff;color:var(--green)}.collectionFilterSection{display:flex;flex-direction:column;background-size:12px;background-position:calc(100% - 30px) 24px;background-repeat:no-repeat;position:fixed;z-index:1000000;top:100%;left:0;width:100%;transition:ease .4s;background-color:#fff;border-radius:32px 32px 0 0;padding:24px;max-height:90%;overflow-y:auto}.collectionFilterSection.open{translate:0 -100%}.collectionFilterSectionTitle{font-size:24px;font-weight:700;margin-bottom:16px}.collectionFilterItemClose{position:absolute;top:4px;right:4px;padding:20px}.collectionSorting{justify-content:space-between}.collectionSortingButton{width:69px}.collection-sorting{display:none}.collectionGrid{grid-template-columns:repeat(2,1fr);gap:16px;justify-content:center}.collectionGrid .yotpo-sr-bottom-line-text{font-size:12px!important;line-height:1.4}.collectionGrid .star-container svg{max-width:80%!important}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/main-collection.css.map */
