.product-card-block{--card-radius:14px;--card-navy:#0f172a;--card-navy-soft:#1e335f;--card-accent:#50b8e9;--card-gold:#c5a056;--card-gold-soft:rgba(197,160,86,.35);--card-ease-out:cubic-bezier(.33,1,.68,1);--card-shadow:0 4px 6px rgba(15,23,42,.08),0 18px 40px rgba(15,23,42,.14);--card-shadow-hover:0 8px 16px rgba(15,23,42,.12),0 28px 56px rgba(15,23,42,.22);position:relative;width:100%;min-height:380px;border-radius:var(--card-radius);overflow:hidden;display:flex;align-items:flex-end;justify-content:stretch;background-color:var(--card-navy-soft);box-shadow:var(--card-shadow);transition:box-shadow .55s var(--card-ease-out),transform .55s var(--card-ease-out)}.product-card-block:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.14);transition:box-shadow .55s var(--card-ease-out)}.product-card-block:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover),0 0 0 1px var(--card-gold-soft)}.product-card-block:hover:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 var(--card-gold-soft)}.product-card-block:focus-within{outline:none;box-shadow:var(--card-shadow-hover),0 0 0 2px var(--card-accent),0 0 0 4px rgba(80,184,233,.35)}.product-card-block .card-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:0;transform:scale(1);transition:opacity .45s ease,transform .75s var(--card-ease-out)}.product-card-block .card-bg-image.is-loaded{opacity:1}.product-card-block .card-bg-image[loading=eager]{opacity:1}.product-card-block:hover .card-bg-image.is-loaded{transform:scale(1.06)}.product-card-block.card--no-image .card-bg-image{transform:none !important}.card-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(0,0,0,.35) 68%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(0,0,0,.35) 68%,#000 100%)}.card-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(15,23,42,.07) 62%,rgba(15,23,42,.38) 82%,rgba(15,23,42,.58) 100%);transition:opacity .45s ease}.product-card-block--has-overlay .card-scrim{background:linear-gradient(to bottom,transparent 0%,transparent 52%,rgba(15,23,42,.05) 64%,rgba(15,23,42,.28) 84%,rgba(15,23,42,.42) 100%)}.product-card-block:hover .card-scrim{background:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(15,23,42,.09) 60%,rgba(15,23,42,.42) 80%,rgba(15,23,42,.62) 100%)}.product-card-block--has-overlay:hover .card-scrim{background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(15,23,42,.06) 62%,rgba(15,23,42,.32) 82%,rgba(15,23,42,.48) 100%)}.card-content{position:relative;z-index:3;width:100%;padding:1.75rem 1.5rem 1.5rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.card-title{margin:0;max-width:18ch;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.125rem,2.8vw,1.5rem);font-weight:600;line-height:1.2;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 16px rgba(0,0,0,.45)}.card-title:after{content:"";display:block;width:2.5rem;height:2px;margin-top:.65rem;background:linear-gradient(90deg,var(--card-gold),transparent);border-radius:2px;opacity:.95}.card-button{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.65rem 1.15rem;width:auto;max-width:100%;text-decoration:none;border-radius:999px;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(30,51,95,.55);border:1px solid rgba(255,255,255,.42);box-shadow:0 8px 24px rgba(0,0,0,.18);transition:background .35s var(--card-ease-out),border-color .35s var(--card-ease-out),color .35s var(--card-ease-out),transform .35s var(--card-ease-out),box-shadow .35s var(--card-ease-out)}.card-button__label{flex:0 1 auto}.card-button:after{content:"";flex-shrink:0;width:.4rem;height:.4rem;margin-left:.15rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .4s var(--card-ease-out)}.product-card-block:hover .card-button{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.96);color:var(--card-navy-soft);box-shadow:0 12px 28px rgba(0,0,0,.22)}.product-card-block:hover .card-button:after{transform:rotate(-45deg) translate(3px,-3px)}.card-button:hover,.card-button:focus-visible{outline:none;background:var(--card-accent);border-color:var(--card-accent);color:#fff;transform:translateY(-1px)}.card-button:focus-visible:after{border-color:#fff}.product-card-block:hover .card-button:hover:after,.product-card-block:hover .card-button:focus-visible:after{transform:rotate(-45deg) translate(4px,-4px)}.product-card-grid{display:grid;gap:clamp(1.25rem,3vw,2rem)}.product-card-grid.columns-1{grid-template-columns:repeat(1,1fr)}.product-card-grid.columns-2{grid-template-columns:repeat(2,1fr)}.product-card-grid.columns-3{grid-template-columns:repeat(3,1fr)}.product-card-grid.columns-4{grid-template-columns:repeat(4,1fr)}.product-card-grid.columns-5{grid-template-columns:repeat(5,1fr)}@media screen and (max-width:1366px) and (min-width:1024px){.product-card-block{min-height:340px}.card-content{padding:1.5rem 1.25rem 1.25rem}.product-card-grid{grid-template-columns:repeat(3,1fr) !important}}@media screen and (max-width:1023px) and (min-width:901px){.product-card-block{min-height:300px}}@media (max-width:768px){.product-card-grid{grid-template-columns:repeat(1,1fr) !important}.product-card-block{min-height:320px}}@media screen and (max-width:810px){#home-cat-card-grid{display:none !important}}@media (orientation:landscape) and (max-width:900px),(orientation:portrait) and (max-width:700px){#home-cat-card-grid{display:none !important}}@media (prefers-reduced-motion:reduce){.product-card-block,.product-card-block:after,.product-card-block .card-bg-image,.card-scrim,.card-button,.card-button:after{transition-duration:.01ms !important}.product-card-block:hover,.product-card-block:focus-within{transform:none}.product-card-block:hover .card-bg-image.is-loaded{transform:scale(1)}.product-card-block:hover .card-button:after,.card-button:hover:after,.card-button:focus-visible:after{transform:rotate(-45deg)}}