.card-container{container:card-container / inline-size;.wpb-card{height:100%}&:not(:has(>*)){display:none}}.wpb-card{--br:.8rem;--p:2.4rem;border-radius:var(--br);background-color:#fff;display:flex;flex-direction:column;position:relative;text-decoration:none;a{text-decoration:none}.wpb-card__header{display:flex;overflow:hidden;img{width:100%;height:auto}&.wpb-card__header--ratio{--ratio:75%;position:relative;overflow:hidden;z-index:1;border-radius:var(--br) var(--br) 0 0;&::before{content:'';display:block;width:100%;padding-top:var(--ratio)}>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}}&.wpb-card__header--scale{overflow:hidden;img{transition:transform var(--ts-35) ease}}&.wpb-card__header--absolute{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:cover}&::after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 33.33%,rgb(0 0 0 / .8) 100%)}}}.wpb-card__icon{position:absolute;top:0;right:0;background-color:var(--clr-secondary);padding:.8rem .8rem 0 0;width:5.4rem;height:5.4rem;display:flex;justify-content:end;border-radius:0 var(--br) 0 0!important;clip-path:polygon(100% 0,0 0,100% 100%);i{font-size:1.2rem;color:#fff}}.card-title{font-size:clamp(1.6rem, 4vw, 2.4rem);font-weight:700}.card-description{margin-top:.4rem;font-size:1.6rem;line-height:1.5;font-weight:600;--excerpt-line-clamp:2;display:-webkit-box;-webkit-line-clamp:var(--excerpt-line-clamp);-webkit-box-orient:vertical;overflow:hidden}.wpb-card__body{padding:var(--p);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.wpb-card__footer{padding:var(--p);padding-top:0}>*:first-child{border-top-left-radius:var(--br);border-top-right-radius:var(--br);img{border-top-left-radius:var(--br);border-top-right-radius:var(--br)}}>*:last-child{border-bottom-left-radius:var(--br);border-bottom-right-radius:var(--br)}&:hover .wpb-card__header--scale{img{transform:scale(1.1)}}&:has(.wpb-card__header--absolute){z-index:1;color:#fff;border:none;min-height:19.5rem;justify-content:end;.wpb-card__body{flex-grow:0}.card-title{color:#fff}}&.wpb-card--category{.wpb-card__body .btn{margin-top:1.2rem}&:not(:has(.wpb-card__header--absolute)){.card-title{font-size:clamp(1.6rem, 4vw, 2rem)}}}&.wpb-card--product{--p:2rem;position:relative;.btn.btn--bookmark{position:absolute;top:2rem;right:2rem;z-index:2;min-height:3.2rem}.wpb-card__header{--ratio:50%;img{object-fit:contain}}.wpb-card__body{border-bottom:1px solid var(--clr-border)}.wpb-card__footer{padding:var(--p);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.8rem;.btn{justify-content:space-between}}.card-title{font-size:clamp(1.6rem, 4vw, 2rem)}}&.wpb-card--product-small{--p:2rem;position:relative;padding:var(--p);display:grid;grid-template-columns:8.9rem 1fr;gap:2rem;align-items:start;.wpb-card__header{--ratio:100%;img{border-radius:var(--br)}}.wpb-card__body{padding:0;.product-price{display:flex;margin-bottom:1.6rem}.btn{width:100%;justify-content:space-between}}.card-title{font-size:clamp(1.8rem, 4vw, 2rem)}}&.wpb-card--blurb{.wpb-card__header{--ratio:75%}.wpb-card__body .wpb-text *+*{--mt:.5em}}&.wpb-card--cta{display:grid;grid-template-columns:auto 1fr;align-items:start;.wpb-card__header{padding:var(--p);padding-right:0;figure{--size:8rem;width:var(--size);min-width:var(--size);height:var(--size);border-radius:50%;background-color:var(--clr-light);overflow:hidden;img{width:100%;height:100%;object-fit:cover}}}.card-title{font-size:1.8rem}.card-description{font-size:1.4rem}.btn{margin-top:.5em}}}@container card-container (max-width:29rem){.wpb-card{&.wpb-card--product{--p:1.6rem;.wpb-card__footer{grid-template-columns:minmax(0,1fr);row-gap:1rem}}&.wpb-card--category{--p:1.6rem}}}@container card-container (max-width:32rem){.wpb-card{&.wpb-card--cta{grid-template-columns:minmax(0,1fr);.wpb-card__header{padding-bottom:0;padding-right:var(--p)}}}}@container card-container (min-width:42rem){.wpb-card{&.wpb-card--contact-form{--p:3.2rem}}}@container card-container (min-width:52rem){.wpb-card{&.wpb-card--contact-form{--p:4.8rem}}}