.rec{background:var(--c_bg-gold);position:relative}.rec__inner{margin-inline:auto;padding:0 1rem;width:min(1200px,90%)}.rec__nav{align-items:center;background:var(--gradient);border-radius:20px;box-shadow:0 10px 30px color(from var(--gradient) srgb r g b/.15);display:flex;gap:1rem;margin-bottom:3rem;padding:0 1rem;position:sticky;top:2rem;transition:top .25s ease;z-index:2}body:has(.header.show) .rec__nav{top:6rem}.rec__nav__logo{align-self:center;height:22px;width:32px}.rec__nav__menu{flex:1;margin:.5rem 0}.rec__nav a{display:none}.rec__nav__select{background:transparent;color:var(--c-white);display:block;font-family:var(--f-secondary);font-weight:600;width:100%}@media (min-width:1024px){.rec__nav__menu{align-items:flex-end;display:flex;gap:1rem;margin:.5rem 0 0}.rec__nav a{border-radius:10px 10px 0 0;color:var(--c-white);display:block;flex:1;font-family:var(--f-secondary);font-weight:600;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background .25s ease}.rec__nav a:where(:hover,:focus){background:color(from var(--c-white) srgb r g b/.15)}.rec__nav a.active{background:var(--c-white);color:var(--gradient)}.rec__nav a.active:has(+a.active){background:transparent;color:var(--c-white)}.rec__nav__select{display:none}}.rec__main{display:grid;gap:20px 0;grid-template-columns:repeat(1,1fr);padding:2rem 0 4rem}.rec__category:not(:first-child){margin-top:6rem}.category__sub{font-weight:500}.rec__item{background:#fff;border:none;border-radius:20px;box-shadow:0 5px 10px 0 rgba(211,60,113,.35),0 20px 80px 0 rgba(211,60,113,.15);display:grid;grid-template-areas:"img" "body";grid-template-columns:1fr;overflow:hidden;padding:0;position:relative;transform:translateY(0);transition:transform .25s ease-in-out,box-shadow .25s ease-in-out;z-index:0}.rec__item:hover{box-shadow:0 20px 60px 0 rgba(211,60,113,.15);cursor:pointer;transform:translateY(-10px);z-index:1}.rec__image{grid-area:img;height:100%;padding:1.5rem;position:relative;width:100%}.rec__image>img{aspect-ratio:1/1;border-radius:15px;height:100%;object-fit:cover;overflow:hidden;width:100%}.rec__body{display:flex;flex-direction:column;gap:10px;grid-area:body;height:100%;padding:0 1.5rem 1.5rem;text-align:left}.rec__item:not(:has(.rec__cats__certified,.rec__title)) .rec__body{height:auto;margin-block:auto}.rec__title{color:#314c74;font-family:var(--f-secondary);font-size:20px;font-weight:600;margin:0}.rec__title>.rec__company-name{color:var(--dpink);display:block;font-size:15px;font-weight:600}.rec__cats__certified{background:var(--gradient);border-radius:0 0 20px 20px;color:var(--c-white);font-family:var(--f-secondary);font-size:.9rem;font-weight:600;justify-self:flex-end;letter-spacing:1px;line-height:1;margin:auto -1.5rem -1.5rem;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.rec__excerpt{--lines:5;display:-webkit-box;font-size:15px;font-weight:400;-webkit-line-clamp:var(--lines);-webkit-box-orient:vertical;color:#314c74;line-height:17px;overflow:hidden;text-overflow:ellipsis}.rec__more{color:var(--dpink);font-family:var(--f-primary);font-size:14px;font-weight:700;text-align:center;text-decoration:underline}@media (min-width:530px) and (max-width:649px){.rec__item{grid-template-areas:"img body";grid-template-columns:repeat(2,1fr)}.rec__body{padding:1.5rem}.rec__image{padding:1.5rem 0 1.5rem 1.5rem}.rec__cats__certified{border-radius:20px 0 20px 0;font-size:.7rem;margin-left:auto;width:calc(100% + 1.5rem)}}@media (min-width:650px) and (max-width:749px){.rec__main{gap:20px;grid-template-columns:repeat(2,1fr)}.rec__item{grid-template-areas:"img" "body";grid-template-columns:1fr}}@media (min-width:750px) and (max-width:949px){.rec__main{gap:20px 0;grid-template-columns:repeat(1,1fr)}.rec__item{grid-template-areas:"img body";grid-template-columns:repeat(2,1fr)}.rec__body{padding:1.5rem}.rec__image{padding:1.5rem 0 1.5rem 1.5rem}.rec__excerpt{--lines:10}.rec__cats__certified{border-radius:20px 0 20px 0;font-size:.7rem;margin-left:auto;width:calc(100% + 1.5rem)}}@media (min-width:950px){.rec__main{gap:20px}.rec__item,.rec__main{grid-template-columns:repeat(2,1fr)}.rec__item{grid-template-areas:"img body"}.rec__body{padding:1.5rem}.rec__image{padding:1.5rem 0 1.5rem 1.5rem}.rec__excerpt{--lines:10}.rec__cats__certified{border-radius:20px 0 20px 0;font-size:.7rem;font-size:.9rem;margin-left:auto;width:calc(100% + 1.5rem)}}.rec__popover{border:none;border-radius:20px;box-shadow:0 20px 80px 0 rgba(211,60,113,.5);overflow:hidden;width:min(800px,calc(100% - 2rem))}.rec__popover::backdrop{background:var(--gradient);opacity:.8}.rec__popover__content{background:#fff;border-radius:10px;max-height:80dvh;overflow:auto;padding:3rem clamp(1rem,2.5vw,2rem) clamp(1rem,2.5vw,2rem)}button.rec__close{background:transparent;border:0;font-size:30px;position:absolute;right:1rem;top:1rem}.rec__popover__image{aspect-ratio:1/1;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);float:right;margin:0 0 20px 20px;max-width:clamp(120px,33%,250px);overflow:hidden;width:100%}.rec__popover__image img{display:block;height:100%!important;object-fit:cover;object-position:center;width:100%!important}.rec__popover .rec__cats__certified{bottom:auto;left:0;max-width:300px;right:auto;top:0}.rec__popover .rec__title{font-size:clamp(26px,3vw,40px);margin-bottom:2rem;margin-top:1rem}body.popover-open{overflow:hidden}