@layer components{.product-card{--offer-bg: #f8f8f8;--offer-dark: color-mix(in srgb, #000 90%, var(--color-white));--green: #37A48B;--red: #C90025;--yellow: #FFDD00;position:relative;display:flex;overflow:hidden;min-height:300px;flex-direction:column;align-items:center;border-radius:4px;background-color:var(--offer-bg);container-type:inline-size;transition:.25s all}@media (min-width: 1024px),print{.product-card{min-height:425px}}.product-card[hidden]{display:none}.product-card.product-card--large.product-card--full{grid-column:span 4}.product-card--large .product-card__store,.product-card--medium .product-card__store{order:-1}@media (min-width: 1024px),print{.product-card--large .product-card__store,.product-card--medium .product-card__store{font-size:var(--font-size-lg)}}.product-card--large .product-card__store:before,.product-card--medium .product-card__store:before{display:none}.product-card--large .product-card__ribbon,.product-card--medium .product-card__ribbon{order:initial;margin:0}@media (min-width: 1024px),print{.product-card--large{flex-direction:row;align-items:stretch}.product-card--large .product-card__image{width:calc(50% - 12px);border-right:0}.product-card--large .product-card__content{display:flex;flex-direction:column;flex-grow:1}.product-card--large .product-card__info{justify-content:space-evenly}.product-card--large .product-card__name{flex-grow:0;font-size:var(--font-size-xxl);line-height:1.25}.product-card--large .product-card__ribbon{padding:16px 90px;font-size:var(--font-size-md-plus);line-height:1}.product-card--large .product-card__duration--campaign{border-bottom:2px solid var(--offer-bg)}}.product-card--medium{grid-column:span 2;text-shadow:0 1px 2px color-mix(in srgb,var(--color-black) 50%,transparent)}.product-card--medium .product-card__ribbon{order:0;margin:0}.product-card--medium .product-card__name{flex-grow:0;font-size:var(--font-size-md);line-height:1.5}@media (min-width: 1024px),print{.product-card--medium .product-card__name{font-size:var(--font-size-xl)}}.product-card--medium .product-card__info{position:absolute;justify-content:flex-end;padding-bottom:48px;background:linear-gradient(180deg,transparent 10%,color-mix(in srgb,var(--color-black) 80%,transparent) 100%);color:var(--color-white);top:0;right:0;bottom:0;left:0}@media (min-width: 1024px),print{.product-card--medium .product-card__info{padding-bottom:80px}}.product-card--medium .product-card__price--current{color:var(--color-white)}.product-card--medium .product-card__image{height:100%}.product-card--medium .product-card__duration{position:absolute;bottom:0;background:transparent;color:var(--color-white)}.product-card--medium .product-card__duration--campaign{background-color:var(--offer-dark)}.product-card__image{display:block;width:100%;border:2px solid var(--offer-bg);border-radius:6px 6px 0 0;aspect-ratio:3/2;object-fit:cover}.product-card__content{display:contents}.product-card__ribbon{order:-1;padding:5px 30px;margin-top:calc(-1 * (var(--gap) + 14px));background-color:color-mix(in srgb,var(--background-color) 96%,#000);color:var(--color-black);filter:saturate(2);font-size:var(--font-size-xxs);font-weight:700;line-height:1.9;text-align:center;text-shadow:none;text-transform:uppercase}a.product-card__ribbon{border-bottom:0;box-shadow:none}a.product-card__ribbon:hover{text-decoration:underline}a.product-card__ribbon:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.product-card:not(:has(.product-card__image)) .product-card__ribbon{margin:0}.product-card:not(:has(.product-card__image)) .product-card__info{padding-top:0}.product-card__name{display:flex;flex-grow:1;align-items:center;font-size:var(--font-size-sm);text-align:center}@media (min-width: 1024px),print{.product-card__name{font-size:var(--font-size-md)}}.product-card__name input{padding-block:12px}.product-card__link{all:revert;color:inherit;text-decoration:none}.product-card__link:focus{box-shadow:none}.product-card__link:before{position:absolute;z-index:1;content:"";top:0;right:0;bottom:0;left:0}.product-card__badge{position:absolute;top:2px;left:2px;padding:3px 15px;border-radius:0 0 4px;background:color-mix(in srgb,var(--green) 30%,var(--color-white));color:var(--green);font-size:var(--font-size-sm);font-weight:500;transition:.15s all}.product-card__brand{font-size:var(--font-size-xxs);text-align:center;text-transform:uppercase}.product-card__info{display:flex;flex-direction:column;flex-grow:1;align-items:center;padding:var(--gap);gap:12px}.product-card__prices{display:flex;align-items:center;margin:0;gap:12px}.product-card__price--current{color:var(--red);font-size:var(--font-size-md)}.product-card__price--old{font-size:var(--font-size-xs);text-decoration:line-through}.product-card__intro{max-width:80%;text-align:center}.product-card__store{font-size:var(--font-size-xs);font-weight:600;text-align:center}.product-card__store:before{display:block;width:40px;border-bottom:1px solid var(--color-black);margin-bottom:12px;content:"";margin-inline:auto}@media (min-width: 1024px),print{.product-card__store{font-size:var(--font-size-sm)}}.product-card__duration{position:relative;width:100%;padding-bottom:10px;background-color:var(--offer-bg);font-size:var(--font-size-xxs);letter-spacing:1px;text-align:center;text-transform:uppercase}@media (min-width: 1024px),print{.product-card__duration{padding:14px}}.product-card__duration svg{width:18px;height:18px;fill:currentcolor}.product-card__duration--campaign{display:flex;flex-direction:column;padding:0;gap:10px}.product-card__duration--campaign strong{display:flex;align-items:center;justify-content:center;order:1;padding:8px;background-color:var(--offer-dark);color:var(--color-white);gap:10px}@container (min-width: 300px){.product-card__duration--campaign{flex-direction:row;align-items:center;justify-content:space-between;padding:10px var(--gap);background-color:var(--offer-dark);color:var(--color-white)}.product-card__duration--campaign strong{order:0;padding:0;font-size:var(--font-size-xs)}}.product-card__duration-label{display:none}@media (min-width: 640px),print{.product-card__duration-label{display:inline-block}}.product-card:has(.product-card__link):hover{box-shadow:0 4px 4px color-mix(in srgb,var(--color-black) 12%,transparent);transform:translateY(-2px)}.product-card:has(.product-card__link):hover .product-card__badge{top:10px;left:10px;border-radius:4px}.product-card:has(.product-card__link):hover .product-card__link{text-decoration:underline}}