.ufp-grid{--ufp-card-bg:var( --awb-color1, #ffffff );--ufp-border:var( --awb-color3, #e2e2e2 );--ufp-title:var( --awb-color7, #333333 );--ufp-muted:var( --awb-color6, #747474 );--ufp-accent:var( --awb-color4, #ffc107 );--ufp-accent-text:var( --awb-color8, #212934 );--ufp-instock:#3f7d1e;--ufp-outofstock:var( --awb-color6, #747474 );--ufp-radius:6px;--ufp-gap:24px;--ufp-image-ratio:4 / 3;--ufp-image-bg:#ffffff;display:grid;grid-template-columns:1fr;gap:var(--ufp-gap);margin:0 0 var(--ufp-gap);padding:0;color:var(--ufp-title);font-family:inherit}@media (min-width:600px){.ufp-grid--cols-2,.ufp-grid--cols-3,.ufp-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.ufp-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ufp-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ufp-card{display:flex;flex-direction:column;overflow:hidden;background:var(--ufp-card-bg);border:1px solid var(--ufp-border);border-radius:var(--ufp-radius);transition:box-shadow 0.2s ease,transform 0.2s ease}.ufp-card:hover{box-shadow:0 6px 18px rgb(0 0 0 / .08);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.ufp-card{transition:none}.ufp-card:hover{transform:none}}.ufp-card__image{display:block;box-sizing:border-box;overflow:hidden;aspect-ratio:var(--ufp-image-ratio,4 / 3);padding:10px;background:var(--ufp-image-bg,#ffffff);line-height:0}.ufp-card__image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.ufp-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding:18px}.ufp-card__title{margin:0;color:var(--ufp-title);font-family:inherit;font-size:1.05em;font-weight:600;line-height:1.3}.ufp-card__title a{color:inherit;text-decoration:none}.ufp-card__title a:hover,.ufp-card__title a:focus{text-decoration:underline}.ufp-card__variant{margin:0;color:var(--ufp-muted);font-size:.8em;text-transform:lowercase}.ufp-card__desc{margin:0;color:var(--ufp-muted);font-size:.9em;line-height:1.55}.ufp-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}.ufp-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ufp-card__price{color:var(--ufp-title);font-size:1.15em;font-weight:700;line-height:1.2;white-space:nowrap}.ufp-card__availability{display:inline-flex;align-items:center;gap:4px;font-size:.82em;line-height:1.2}.ufp-card__availability--in{color:var(--ufp-instock)}.ufp-card__availability--out{color:var(--ufp-outofstock)}.ufp-card__icon{flex:0 0 auto}.ufp-card__button{display:inline-block;flex:0 0 auto;padding:10px 18px;background:var(--ufp-accent);border:1px solid var(--ufp-accent);border-radius:var(--ufp-radius);color:var(--ufp-accent-text);font-family:inherit;font-size:.88em;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;transition:filter 0.15s ease}.ufp-card__button:hover,.ufp-card__button:focus{color:var(--ufp-accent-text);filter:brightness(.93);text-decoration:none}.ufp-card__button:focus-visible{outline:2px solid var(--ufp-title);outline-offset:2px}@media (max-width:380px){.ufp-card__footer{align-items:flex-start;flex-direction:column}.ufp-card__button{width:100%}}.ufp-notice{padding:12px 16px;background:#fff8e5;border-left:4px solid var(--awb-color4,#ffc107);color:#543c00;font-size:.9em}