.pairing-grid-section{padding:40px 72px}@media (max-width:1023px){.pairing-grid-section{padding:16px}}.pairing-grid-section .pairing-filters{border-bottom:1px solid rgba(0,0,0,.2);display:flex;gap:24px;justify-content:center;justify-content:safe center;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:max(320px,80%);min-width:300px;overflow-x:auto;padding:0 100px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:1023px){.pairing-grid-section .pairing-filters{padding-left:16px;padding-right:16px}}.pairing-grid-section .pairing-filters .pairing-cat{color:var(--grey);position:relative;text-transform:capitalize;transition:color .4s;white-space:nowrap}.pairing-grid-section .pairing-filters .pairing-cat:after{border-bottom:3px solid #000;bottom:-16px;content:"";left:0;opacity:0;position:absolute;transition:opacity .4s ease-in-out;width:100%}.pairing-grid-section .pairing-filters .pairing-cat.active,.pairing-grid-section .pairing-filters .pairing-cat:hover{color:#000}.pairing-grid-section .pairing-filters .pairing-cat.active:after,.pairing-grid-section .pairing-filters .pairing-cat:hover:after{opacity:1}.pairing-grid-section .pairing-filters .pairing-cat.active{font-weight:500}.pairing-grid-section .pairing-grid{display:flex;flex-wrap:wrap;gap:24px}.pairing-grid-section .pairing-grid .pairing-card{position:relative;width:calc(50% - 12px)}@media (max-width:1023px){.pairing-grid-section .pairing-grid .pairing-card{width:100%}}.pairing-grid-section .pairing-grid .pairing-card .image-wrapper{aspect-ratio:1}.pairing-grid-section .pairing-grid .pairing-card .image-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pairing-grid-section .pairing-grid .pairing-card .overlay{background-color:rgba(0,0,0,.4);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .8s;width:100%;z-index:1}.pairing-grid-section .pairing-grid .pairing-card .content{bottom:40px;color:#fff;display:flex;flex-direction:column;gap:40px;left:40px;max-height:80%;opacity:0;overflow-y:auto;position:absolute;right:40px;transition:opacity .6s;z-index:2}@media (max-width:1023px){.pairing-grid-section .pairing-grid .pairing-card .content{bottom:16px;gap:24px;left:16px;margin-bottom:24px;right:16px}}.pairing-grid-section .pairing-grid .pairing-card .content .pairing-title{color:#fff;margin-bottom:0}.pairing-grid-section .pairing-grid .pairing-card .content .pairing-row{align-items:flex-start;display:flex;gap:8px}.pairing-grid-section .pairing-grid .pairing-card .content .pairing-row .row-img{max-width:32px}.pairing-grid-section .pairing-grid .pairing-card .content .pairing-row .row-content .row-title{font-size:1.125rem;font-weight:500;margin-bottom:4px}.pairing-grid-section .pairing-grid .pairing-card .content .pairing-row .row-content .row-content{font-size:1.125rem;margin-bottom:0}.pairing-grid-section .pairing-grid .pairing-card .help-text{align-items:center;background:#000;bottom:0;color:#fff;display:flex;font-weight:500;gap:8px;left:0;padding:8px;position:absolute;transition:opacity .6s;z-index:6}@media (max-width:1023px){.pairing-grid-section .pairing-grid .pairing-card .help-text span.desktop-text{display:none}}@media (min-width:1024px){.pairing-grid-section .pairing-grid .pairing-card .help-text span.mob-text{display:none}}.pairing-grid-section .pairing-grid .pairing-card:hover .content,.pairing-grid-section .pairing-grid .pairing-card:hover .overlay{opacity:1}.pairing-grid-section .pairing-grid .pairing-card:hover .help-text{opacity:0}.pairing-grid-section .pairing-grid .pairing-card.hidden{display:none}