:root{--vr-blue: #1478E0;--vr-blue-light: #89BBEF;--vr-blue-dark: #0d5cb8;--vr-white: #ffffff}.category-tiles-section{padding-block:4rem}.category-tiles__heading{font-size:clamp(1.4rem,3vw,2rem);font-style:italic;text-align:center;margin-block-end:2rem}.category-tiles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media screen and (max-width:989px){.category-tiles__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:549px){.category-tiles__grid{grid-template-columns:1fr}.category-tiles-section{padding-block:2rem}}.category-tile{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;text-decoration:none;background:var(--vr-blue);transition:transform .35s ease;font-family:Big John PRO,sans-serif}.category-tile__image-wrap{position:relative;flex:1;min-height:220px;background:var(--vr-blue);overflow:hidden}.category-tile__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 80% 50%,transparent 0px,transparent 9px,rgba(255,255,255,.04) 9px,rgba(255,255,255,.04) 10px);pointer-events:none;z-index:0}.category-tile__covers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.category-tile__cover{position:absolute;top:50%;background:transparent;overflow:visible;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.category-tile__cover img{display:block;width:100%;height:100%;object-fit:contain}.category-tile__cover--1{width:48%;height:90%;left:2%;transform:translateY(-50%) rotate(-4deg);z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.55))}.category-tile:hover .category-tile__cover--1{transform:translateY(-58%) rotate(-6deg) scale(1.04)}.category-tile__cover--2{width:62%;height:92%;left:36%;transform:translateY(-50%) rotate(2deg);z-index:3;filter:drop-shadow(0 10px 20px rgba(0,0,0,.55))}.category-tile:hover .category-tile__cover--2{transform:translateY(-54%) rotate(3.5deg) scale(1.04)}.category-tile__badge{position:absolute;top:14px;left:14px;z-index:2;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.3)}.category-tile__bottom{position:relative;background:var(--vr-blue-light);padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px;transition:background .3s ease}.category-tile:hover .category-tile__bottom{background:#7aaee0}.category-tile__text{display:flex;flex-direction:column}.category-tile__label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#0a2a5e99;margin-block-end:4px}.category-tile__title{display:block;font-family:Big John,sans-serif;font-size:clamp(1.1rem,3.5vw,2.4rem);line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:var(--vr-white);white-space:normal}.category-tile__cta{display:inline-flex;align-items:center;gap:5px;color:#0a2a5eb3;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:gap .25s ease,color .25s ease}@media screen and (max-width:549px){.category-tile__image-wrap{min-height:150px}.category-tile__cover--1,.category-tile__cover--2{height:80%}.category-tile__bottom{padding:12px 16px 7px}.category-tile__title{font-size:1.25em}.category-tile__cta,.category-tile__label{display:none}}.category-tile__cta svg{transition:transform .25s ease;flex-shrink:0}.category-tile:hover .category-tile__cta{color:#0a2a5e;gap:8px}.category-tile:hover .category-tile__cta svg{transform:translate(3px)}@font-face{font-family:Big John PRO;font-style:normal;font-display:swap}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-category-tiles.css.map */