.p-series{--p-series-pad: var(--p-space-6);--p-series-card: var(--p-color-bg);--p-series-shade: color-mix(in srgb, var(--p-color-text) 40%, transparent)}.p-theme-light.p-series{--p-series-card: var(--p-color-bg-subtle)}.p-theme-dark.p-series{--p-series-card: var(--p-color-bg-inverse-subtle)}.p-series--no-top{padding-top:0}.p-series--no-bottom{padding-bottom:0}.p-series__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--p-space-4);margin:0;padding:0;list-style:none}.p-series__item{container:p-series / inline-size;display:flex;min-width:0}.p-series__card{position:relative;display:block;width:100%;border-radius:var(--p-radius-lg);text-decoration:none;transition:transform var(--p-duration-base) var(--p-ease-out)}.p-series__card--light,.p-series__card--light:hover{color:var(--p-color-text-inverse)}.p-series__card--dark,.p-series__card--dark:hover{color:var(--p-color-text)}.p-series__media{position:relative;border-radius:inherit}.p-series__img{display:block;width:100%;height:auto}.p-series__card--photo .p-series__media{overflow:hidden;aspect-ratio:var(--p-series-ratio, 4 / 5);background:var(--p-series-card)}.p-series__card--photo .p-series__img{height:100%;object-fit:cover;transition:transform var(--p-duration-slow) var(--p-ease-out)}.p-series__placeholder{fill:var(--p-color-text-tertiary);background:var(--p-color-bg-muted)}.p-series__card--photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:var(--p-shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--p-duration-base) var(--p-ease-out)}.p-series__shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}.p-series__card--shade .p-series__shade{opacity:1;background:linear-gradient(to top,var(--p-series-shade),transparent 52%)}.p-series__card--shade.p-series__card--top .p-series__shade{background:linear-gradient(to bottom,var(--p-series-shade),transparent 52%)}.p-series__card--cutout .p-series__shade{-webkit-mask:var(--p-series-mask) center / 100% 100% no-repeat;mask:var(--p-series-mask) center / 100% 100% no-repeat}.p-series__content{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;padding:var(--p-series-pad)}.p-series__card--top .p-series__content{top:0;bottom:auto}.p-series__tagline{margin:0 0 var(--p-space-1);font-size:var(--p-text-caption);line-height:var(--p-lh-caption);font-weight:var(--p-weight-medium);opacity:.8}.p-series__title{margin:0;font-family:var(--p-font-sans);font-size:var(--p-text-h3);line-height:var(--p-lh-h3);letter-spacing:var(--p-ls-h3);font-weight:var(--p-weight-semibold);color:inherit;text-wrap:balance}.p-series__text{margin:var(--p-space-2) 0 0;max-width:32ch;font-size:var(--p-text-caption);line-height:var(--p-lh-caption);opacity:.8;text-wrap:pretty}.p-series__price{margin:var(--p-space-1) 0 0;font-size:var(--p-text-body);line-height:var(--p-lh-body);font-weight:var(--p-weight-medium)}.p-series__price .from{font-weight:var(--p-weight-regular);opacity:.8}.p-series__cta{display:inline-flex;align-items:center;gap:var(--p-space-1);min-height:36px;margin-top:var(--p-space-4);padding:0 var(--p-space-4);border-radius:var(--p-radius-pill);background:var(--p-color-bg);color:var(--p-color-text);font-size:var(--p-text-caption);font-weight:var(--p-weight-medium);line-height:1;white-space:nowrap}.p-series__card--dark .p-series__cta{background:var(--p-color-text);color:var(--p-color-text-inverse)}.p-series__cta:after{content:"";width:.45em;height:.45em;margin-left:2px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--p-duration-fast) var(--p-ease-out)}a.p-series__card:focus-visible{outline:3px solid var(--p-color-focus);outline-offset:3px}@container p-series (max-width: 300px){.p-series__content{--p-series-pad: var(--p-space-5)}.p-series__cta{min-height:32px;margin-top:var(--p-space-3);padding-inline:var(--p-space-3)}}@container p-series (min-width: 440px){.p-series__content{--p-series-pad: var(--p-space-7)}.p-series__cta{min-height:40px;padding-inline:var(--p-space-5)}}@media(hover:hover){a.p-series__card:hover{transform:translateY(-4px)}a.p-series__card--photo:hover:before{opacity:1}a.p-series__card--photo:hover .p-series__img{transform:scale(1.04)}a.p-series__card:hover .p-series__cta:after{transform:translate(2px) rotate(45deg)}}@media(max-width:767px){.p-series--mobile-swipe .p-series__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--p-space-3);margin-inline:calc(var(--p-gutter) * -1);padding-inline:var(--p-gutter);scroll-padding-inline:var(--p-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.p-series--mobile-swipe .p-series__grid::-webkit-scrollbar{display:none}.p-series--mobile-swipe .p-series__item{scroll-snap-align:start}}@media(min-width:768px){.p-series__grid{grid-template-columns:repeat(var(--p-series-cols-tablet, 2),minmax(0,1fr))}}@media(min-width:1068px){.p-series__grid{grid-template-columns:repeat(var(--p-series-cols, 3),minmax(0,1fr));gap:var(--p-space-5)}}@media(prefers-reduced-motion:reduce){.p-series__card,.p-series__card--photo:before,.p-series__card--photo .p-series__img{transition:none}a.p-series__card:hover,a.p-series__card--photo:hover .p-series__img{transform:none}a.p-series__card:hover .p-series__cta:after{transform:rotate(45deg)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pihot-series-cards.css.map */