.usags-po{--po-ink: #15222d;--po-head: #0b3b4a;--po-muted: #98a2ad;--po-gap: 14px;position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden}.usags-po *,.usags-po *:before,.usags-po *:after{box-sizing:border-box}.usags-po__inner{margin:0 auto}.usags-po__head{text-align:center;margin-bottom:24px}.usags-po__heading{margin:0;font-family:USAGS Square721,Arial Black,Arial,sans-serif;font-size:clamp(20px,2.4vw,32px);font-weight:700;line-height:1.15;letter-spacing:.02em;text-transform:uppercase;color:var(--po-head)}.usags-po__dot{color:var(--po-dot)}.usags-po__sub{margin:10px 0 0;font-size:16px;line-height:1.45;color:#4d5b67}.usags-po__empty{text-align:center;padding:30px 0;color:#66727d}.usags-po__tiles{display:grid;grid-template-columns:repeat(var(--po-tile-cols, 4),minmax(0,1fr));gap:14px;margin-bottom:22px}.usags-po__tile{position:relative;display:block;height:var(--po-tile-h, 104px);border-radius:10px;overflow:hidden;isolation:isolate;background-color:var(--tile);background-image:linear-gradient(115deg,#ffffff1a,#fff0 40%,#00000061);color:#fff;text-decoration:none;box-shadow:0 4px 14px #06142d29;transition:transform .2s ease,box-shadow .2s ease}.usags-po__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(-58deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 100%);mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}.usags-po__tile.has-img:after{display:none}.usags-po__tile-img{position:absolute;top:0;right:0;width:72%;height:100%;object-fit:cover;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%)}.usags-po__tile.is-baked .usags-po__tile-img{width:100%;-webkit-mask-image:none;mask-image:none}.usags-po__tile-text{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 18px;font-family:USAGS Square721,Arial Black,Arial,sans-serif;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.35)}.usags-po__tile-year{font-size:clamp(18px,1.75vw,28px);line-height:1.02}.usags-po__tile-subrow{display:flex;align-items:center;gap:10px}.usags-po__tile-sub{font-size:clamp(14px,1.35vw,21px);line-height:1.05;opacity:.95}.usags-po__tile-arrow{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--tile);display:grid;place-items:center;box-shadow:0 2px 6px #00000040;text-shadow:none}.usags-po__tile-arrow svg{width:15px;height:15px}.usags-po__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--po-gap)}.usags-po__card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0a1e3c12;transition:box-shadow .2s ease,transform .2s ease}.usags-po__link{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;color:inherit;text-decoration:none}.usags-po__media{position:relative;display:block;aspect-ratio:5 / 4;background:#fff;overflow:hidden}.usags-po__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:transform .45s ease}.usags-po__ph{background:#eef3f6;fill:#b8c4cc}.usags-po__info{display:flex;flex-direction:column;flex:1 0 auto;gap:10px;padding:14px 14px 16px}.usags-po__title{color:#1b1b1b;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.usags-po__price{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.usags-po__compare{color:var(--po-muted);font-size:15px;font-weight:600}.usags-po__now{color:var(--po-accent);font-size:20px;font-weight:800}.usags-po__soldout{color:var(--po-muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.usags-po__badges{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;gap:6px;pointer-events:none}.usags-po__pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#002c32;color:#fff;font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.usags-po .usags-po__heart,.usags-po .usags-po__heart.swym-button{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;min-width:0;min-height:0;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffffeb;color:#1b1b1b;box-shadow:0 2px 8px #0000002e;font-size:0;line-height:0;cursor:pointer;transition:transform .15s ease,color .15s ease}.usags-po .usags-po__heart:before,.usags-po .usags-po__heart:after{display:none!important;content:none!important}.usags-po .usags-po__heart svg{width:20px;height:20px;display:block}.usags-po .usags-po__heart.swym-added{color:#e5254b}.usags-po .usags-po__heart.swym-added svg path{fill:currentColor}.usags-po__all-wrap{display:flex;justify-content:center;margin-top:30px}.usags-po__all{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 36px;border:2px solid var(--po-accent);border-radius:999px;background:#fff;color:var(--po-accent);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,color .15s ease}.usags-po__all svg{width:18px;height:18px}.usags-po a:focus-visible,.usags-po button:focus-visible{outline:3px solid var(--po-dot);outline-offset:2px}.usags-po .usags-po__link:focus-visible{outline-offset:-3px}@media(hover:hover){.usags-po__tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06142d38}.usags-po__card:hover{box-shadow:0 8px 24px #0a1e3c24;transform:translateY(-2px)}.usags-po__card:hover .usags-po__img{transform:scale(1.04)}.usags-po__card:hover .usags-po__title{color:var(--po-accent)}.usags-po .usags-po__heart:hover{transform:scale(1.1)}.usags-po__all:hover{background:var(--po-accent);color:#fff}}@media(min-width:750px){.usags-po .is-d-hide{display:none}}@media(min-width:750px)and (max-width:999px){.usags-po__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.usags-po *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/431/assets/usags-po.css.map */