< data-shopify="">.collection_content .facets-vertical{ min-height: 60vh; border-top: 1px solid #1010101A; } /* .section-template--20659014598904__product-grid-padding { padding-top: 27px; padding-bottom: 0px; } */ .desk_accessories_hide{ display: none; } /* .collection_item_discount{ display: none; position: absolute; line-height: 1.1; text-align: center; padding: 0 15px; border-radius: 5px; font-size: 13px; top: 0; left: 0; color: #fff; background-image: url('//www.perlegear.com/cdn/shop/t/5/assets/product-card-label-icon.svg?v=11716471373784523471761100928'); transform: translate(-20%-50%); width: 76px; height: 76px; background-repeat: no-repeat; background-size: 100% 100%; padding-top: 24px; } .collection_item_discount b{ font-size: 18px; font-family: 'pg-font-bold'; display: block; } */ .product-grid-container .product_card_media{ width: 50%; } .collection_item_discount{ font-size: 13px; line-height: 1; font-family: 'pg-font-bold'; position: absolute; top: 0; left: 0; color: #fff; background: #ff7100; padding: 10px 15px; border-top-left-radius: 8px; height: 36px; } .collection_item_discount::after{ content: " "; display: block; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 20px solid #ff7100; position: absolute; top: 0; right: -20px; } .collection_item_discount .product_off_c{ display: flex; justify-content: center; } .collection_item_discount div.collection_item_discount span{ font-family: 'pg-font-medium'; text-align: left; } .collection_item_discount .product_off_num{ font-size: 16px; } .collection_content .facets-vertical .facets-wrapper{ width: 26%; display: flex; justify-content: flex-end; flex-shrink: 0; } .collection_content .facets-vertical .facets-wrapper .facets-container{ padding-right: 24px; padding-top: 25px; } .facets-vertical .product-grid-container{ width: 74%; padding-left: 3.5%; padding-right: 3.5%; padding-top: 1.8%; padding-bottom: 3.5%; } #ProductGridContainer .collection_vertical_content{ width: 100%; max-width: 1128px; } .card--standard>.card__content{ padding-bottom: 20px; } #ProductGridContainer .card_atc_button{ width: auto; height: 36px; padding: 0px 12px; font-size: 16px; color: #fff; background: #101010; border-radius: 20px; } #ProductGridContainer .card_atc_button .loading__spinner{ border-radius: 20px; } #ProductGridContainer .card_atc_button .loading__spinner svg{ width: 20px; height: 20px; } #ProductGridContainer .card_atc_button:hover{ background: #FF850B; } .collection_type_select{ width: 100%; padding: 20px 0; } .collection_type_select .type_select_ul{ width: calc(100% - 30px); display: flex; justify-content: center; } .collection_type_select .type_select_ul .type_select_li{ width: 120px; height: 130px; display: flex; flex-direction: column; align-items: center; cursor: pointer; padding: 10px 20px 20px 20px; text-align: center; border-radius: 10px; } .collection_type_select .type_select_ul .type_select_li img{ width: 100%; aspect-ratio: 1 / 1; } .collection_type_select .type_select_ul .type_select_li span{ font-size: 12px; color: #101010; line-height: 1; font-family: 'pg-font-light'; white-space: nowrap; margin-top: 10px; } .collection_type_select .type_select_ul .type_select_li:hover{ background: #F5F5F7; } .collection_type_select .type_select_ul .type_select_li:hover span{ font-family: 'pg-font-semiBold'; } .collection_size_selece{ width: 270px; border-bottom: 1px solid #1010101A; display: flex; justify-content: space-between; margin-bottom: 25px; } .collection_size_selece span{ font-size: 12px; color: #101010; line-height: 26px; font-family: 'pg-font-medium'; cursor: pointer; } .collection_size_selece span.active{ color: #FF850B; border-bottom: 2px solid #FF850B; } @media screen and (max-width: 1250px){ .collection_content .facets-vertical .facets-wrapper{ width: 32%; } .facets-vertical .product-grid-container{ width: 68%; } } @media screen and (max-width: 990px){ .collection_type_select{ display: none; } .collection_content .facets-vertical .facets-wrapper .facet-filters-form{ display: none !important; } .collection_content .facets-vertical .facets-wrapper{ width: 100%; justify-content: flex-start; } .collection_content .facets-vertical .facets-wrapper .facets-container{ width: 100%; padding: 10px 16px; } .collection_content .facets-vertical{ border-top-width: 0; } .facets-vertical .product-grid-container{ width: 100%; padding: 20px 16px; background-color: #fff; } .facets-layout-list{ padding: 10px 0; } .collection_content #FacetFiltersFormMobile .facets__label{ padding: 15px 4vw; } .mobile-facets__label .icon-checkmark,input.mobile-facets__checkbox{ left: 4vw; top: 50%; transform: translateY(-50%); } input.mobile-facets__checkbox{ width: 14px; height: 14px; padding: 0; margin: 0; } } @media screen and (max-width: 750px) { }