.wap-cc-section .wap-cc{box-sizing:border-box;width:100%;background-color:var(--wap-cc-bg, var(--wap-color-bg-light, #f3f7fa))}.wap-cc-section .wap-cc__inner{box-sizing:border-box;max-width:var(--wap-container-max, 1320px);margin-inline:auto;padding-inline:clamp(16px,3vw,30px);padding-block:var(--wap-section-py-desktop, 60px)}.wap-cc-section .wap-cc__heading{margin:0 0 clamp(20px,3vw,32px);font-family:var(--wap-font-unbounded, system-ui);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wap-color-navy, #164160)}.wap-cc-section .wap-cc__grid{display:grid;grid-template-columns:repeat(var(--wap-cc-cols, 4),1fr);gap:clamp(10px,1.5vw,18px);list-style:none;margin:0;padding:0}.wap-cc-section .wap-cc__item{position:relative}.wap-cc-section .wap-cc__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:3 / 4;border-radius:var(--wap-radius-lg, 20px);overflow:hidden;text-decoration:none;color:inherit;background-color:var(--wap-color-grey-border, #e8e8e8);isolation:isolate}.wap-cc-section a.wap-cc__card{cursor:pointer}.wap-cc-section .wap-cc__card:focus-visible{outline:3px solid var(--wap-color-navy, #164160);outline-offset:3px}.wap-cc-section .wap-cc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.25,.46,.45,.94);z-index:0}@media(hover:hover){.wap-cc-section a.wap-cc__card:hover .wap-cc__img{transform:scale(1.05)}}.wap-cc-section .wap-cc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:0}.wap-cc-section .wap-cc__placeholder .placeholder-svg{width:40%;opacity:.3}.wap-cc-section .wap-cc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .45s ease;z-index:1}.wap-cc-section .wap-cc__overlay--default{background:linear-gradient(to top,rgba(22,65,96,.82) 0%,rgba(22,65,96,.45) 28%,rgba(137,203,231,.18) 60%,transparent 85%);opacity:1}.wap-cc-section .wap-cc__overlay--hover{--_hi: var(--wap-cc-hover-intensity-pct, 100);background:linear-gradient(to top,color-mix(in srgb,var(--wap-cc-hover-color, #ffffff) calc(var(--_hi) * 1%),transparent) 42%,color-mix(in srgb,var(--wap-cc-hover-color, #ffffff) calc(var(--_hi) * .72 * 1%),transparent) 62%,transparent 100%);opacity:0}.wap-cc-section .wap-cc__card:hover .wap-cc__overlay--default,.wap-cc-section .wap-cc__card:focus-visible .wap-cc__overlay--default,.wap-cc-section .wap-cc__card:focus-within .wap-cc__overlay--default,.wap-cc-section .wap-cc__card.is-revealed .wap-cc__overlay--default{opacity:0}.wap-cc-section .wap-cc__card:hover .wap-cc__overlay--hover,.wap-cc-section .wap-cc__card:focus-visible .wap-cc__overlay--hover,.wap-cc-section .wap-cc__card:focus-within .wap-cc__overlay--hover,.wap-cc-section .wap-cc__card.is-revealed .wap-cc__overlay--hover{opacity:1}.wap-cc-section .wap-cc__card:hover .wap-cc__title,.wap-cc-section .wap-cc__card:focus-visible .wap-cc__title,.wap-cc-section .wap-cc__card:focus-within .wap-cc__title,.wap-cc-section .wap-cc__card.is-revealed .wap-cc__title{color:var(--wap-color-navy, #164160)}.wap-cc-section .wap-cc__card:hover .wap-cc__badge,.wap-cc-section .wap-cc__card:focus-visible .wap-cc__badge,.wap-cc-section .wap-cc__card:focus-within .wap-cc__badge,.wap-cc-section .wap-cc__card.is-revealed .wap-cc__badge{background-color:#1641601a;border-color:#1641604d;color:var(--wap-color-navy, #164160)}.wap-cc-section .wap-cc__card .wap-cc__expanded{max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .45s ease,opacity .35s ease .08s,transform .35s ease .08s}.wap-cc-section .wap-cc__card:hover .wap-cc__expanded,.wap-cc-section .wap-cc__card:focus-visible .wap-cc__expanded,.wap-cc-section .wap-cc__card:focus-within .wap-cc__expanded,.wap-cc-section .wap-cc__card.is-revealed .wap-cc__expanded{max-height:16em;opacity:1;transform:translateY(0)}.wap-cc-section .wap-cc__content{position:relative;z-index:2;padding:clamp(16px,2.5vw,28px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.wap-cc-section .wap-cc__badge{display:inline-block;padding:4px 12px;border-radius:40px;background-color:#fff3;border:1px solid rgba(255,255,255,.5);font-family:var(--wap-font-unbounded, system-ui);font-size:clamp(.625rem,.9vw,.75rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.wap-cc-section .wap-cc__title{margin:0;font-family:var(--wap-font-unbounded, system-ui);font-size:clamp(.9375rem,1.8vw,1.375rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;color:#fff;transition:color .35s ease}.wap-cc-section .wap-cc__expanded{display:flex;flex-direction:column;gap:6px;width:100%}.wap-cc-section .wap-cc__subtitle{margin:0;font-family:var(--wap-font-body-reading);font-size:clamp(.9375rem,1.6vw,1.25rem);font-weight:500;line-height:1.2;color:var(--wap-color-navy, #164160)}.wap-cc-section .wap-cc__desc{margin:0;font-family:var(--wap-font-body-reading);font-size:var(--wap-cc-desc-size, clamp(.8125rem, 1.15vw, .9375rem));font-weight:400;line-height:1.5;color:var(--wap-color-navy, #164160);opacity:.85}@media screen and (max-width:989px){.wap-cc-section .wap-cc__inner{padding-block:var(--wap-section-py-mobile, 40px)}.wap-cc-section .wap-cc__grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width:749px){.wap-cc-section .wap-cc__grid{grid-template-columns:1fr;gap:1.6rem}.wap-cc-section .wap-cc__card{aspect-ratio:6 / 5}.wap-cc-section .wap-cc__content{padding:2.4rem 2rem;gap:.8rem}.wap-cc-section .wap-cc__title{font-size:1.85rem}.wap-cc-section .wap-cc__subtitle{font-size:1.5rem}.wap-cc-section .wap-cc__desc{font-size:max(1.3rem,var(--wap-cc-desc-size, 1.4rem))}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/wap-collection-covers.css.map */