.p-tiles{--p-tiles-card: var(--p-color-bg);--p-tiles-media: var(--p-color-bg-subtle);--p-tiles-inset: var(--p-space-2)}.p-theme-light.p-tiles{--p-tiles-card: var(--p-color-bg-subtle);--p-tiles-media: var(--p-color-bg)}.p-theme-dark.p-tiles{--p-tiles-card: var(--p-color-bg-inverse-subtle);--p-tiles-media: var(--p-color-bg-inverse)}.p-tiles--fit-contain{--p-tiles-media: var(--p-color-bg)}.p-tiles--no-top{padding-top:0}.p-tiles--no-bottom{padding-bottom:0}.p-tiles__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--p-space-3);margin:0;padding:0;list-style:none}.p-tiles__item{container:p-tile / inline-size;display:flex;min-width:0}.p-tiles__card{position:relative;display:flex;flex-direction:column;width:100%;padding:var(--p-tiles-inset);border-radius:var(--p-radius-lg);background:var(--p-tiles-card);color:var(--p-on-surface, var(--p-color-text));text-decoration:none;transition:transform var(--p-duration-base) var(--p-ease-out)}.p-tiles__card:hover{color:var(--p-on-surface, var(--p-color-text))}a.p-tiles__card: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-tiles__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--p-space-4)}.p-tiles__title{margin:0;font-family:var(--p-font-sans);font-size:var(--p-text-lead);line-height:var(--p-lh-lead);font-weight:var(--p-weight-semibold);letter-spacing:normal;color:inherit;text-wrap:balance}.p-tiles__meta{margin:var(--p-space-1) 0 0;font-size:var(--p-text-caption);line-height:var(--p-lh-caption);color:var(--p-on-surface-secondary, var(--p-color-text-secondary))}.p-tiles__more{display:inline-flex;align-items:center;gap:var(--p-space-1);margin-top:auto;padding-top:var(--p-space-4);font-size:var(--p-text-caption);font-weight:var(--p-weight-medium);color:var(--p-color-brand)}.p-tiles__more:after{content:"";width:.45em;height:.45em;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)}.p-tiles__media{order:-1;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--p-radius-md);background:var(--p-tiles-media)}.p-tiles__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--p-duration-slow) var(--p-ease-out)}.p-tiles--fit-contain .p-tiles__img{object-fit:contain}.p-tiles__placeholder{fill:var(--p-color-text-tertiary);background:var(--p-color-bg-muted)}a.p-tiles__card:focus-visible{outline:3px solid var(--p-color-focus);outline-offset:2px}@container p-tile (max-width: 339px){.p-tiles__card{border-radius:var(--p-radius-md)}.p-tiles__media{border-radius:var(--p-radius-sm)}}@container p-tile (min-width: 340px){.p-tiles__card{display:grid;grid-template-columns:minmax(0,1fr) 46%;align-items:stretch}.p-tiles__media{order:0;aspect-ratio:4 / 3}.p-tiles__body{padding:var(--p-space-3) var(--p-space-3) var(--p-space-3) var(--p-space-4)}}@container p-tile (min-width: 340px) and (max-width: 400px){.p-tiles__title{font-size:var(--p-text-body);line-height:var(--p-lh-body)}.p-tiles__more{padding-top:var(--p-space-3)}}@media(hover:hover){a.p-tiles__card:hover{transform:translateY(-4px)}a.p-tiles__card:hover:before{opacity:1}a.p-tiles__card:hover .p-tiles__img{transform:scale(1.04)}a.p-tiles__card:hover .p-tiles__more{text-decoration:underline;text-underline-offset:.15em}a.p-tiles__card:hover .p-tiles__more:after{transform:translate(2px) rotate(45deg)}}@media(max-width:767px){.p-tiles--mobile-swipe .p-tiles__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;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-tiles--mobile-swipe .p-tiles__grid::-webkit-scrollbar{display:none}.p-tiles--mobile-swipe .p-tiles__item{scroll-snap-align:start}}@media(min-width:768px){.p-tiles__grid{grid-template-columns:repeat(var(--p-tiles-cols-tablet, 2),minmax(0,1fr));gap:var(--p-space-4)}}@media(min-width:1068px){.p-tiles__grid{grid-template-columns:repeat(var(--p-tiles-cols, 3),minmax(0,1fr));gap:var(--p-space-5)}}@media(prefers-reduced-motion:reduce){.p-tiles__card,a.p-tiles__card:before,.p-tiles__img{transition:none}a.p-tiles__card:hover,a.p-tiles__card:hover .p-tiles__img{transform:none}a.p-tiles__card:hover .p-tiles__more:after{transform:rotate(45deg)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pihot-category-tiles.css.map */