.ppc{display:block;padding-block:var(--ppc-pt, 48px) var(--ppc-pb, 48px)}.ppc__inner{width:calc(100% - var(--page-margin) * 2);max-width:var(--page-width);margin-inline:auto}.ppc__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.ppc__heading{margin:0;font-size:var(--ppc-heading, var(--font-h3))}.ppc__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.ppc__view-all{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--ppc-link-color, var(--color-accent-text));white-space:nowrap;transition:color .2s ease}.ppc__view-all:hover{color:var(--ppc-link-color, var(--color-accent-text));text-decoration:underline;text-underline-offset:.2em}.ppc__view-all svg{width:16px;height:16px;flex:0 0 auto;transition:transform .2s ease}.ppc__view-all:hover svg{transform:translate(3px)}.ppc__nav{display:flex;flex:0 0 auto;gap:8px}.ppc__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-background);color:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease,opacity .2s ease}.ppc__arrow:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.ppc__arrow:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ppc__arrow.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.ppc__grid{display:grid;grid-template-columns:repeat(var(--ppc-columns, 3),minmax(0,1fr));gap:var(--ppc-gap, 20px);min-width:0}.ppc__empty{padding:var(--spacing-xl, 32px);border:1px dashed var(--color-border);color:var(--color-text-secondary, var(--color-text));text-align:center}.ppc__swiper{overflow:hidden;padding-top:5px}.ppc__swiper:not(.swiper-initialized) .swiper-wrapper{gap:var(--ppc-gap, 20px)}.ppc__swiper:not(.swiper-initialized) .ppc__slide{flex:0 0 var(--ppc-slide-width-desktop);width:var(--ppc-slide-width-desktop)}.ppc__swiper .swiper-wrapper{align-items:stretch}.ppc__slide{height:auto}.ppc__pagination{position:static;display:flex;justify-content:center;gap:6px;margin-top:var(--spacing-md)}.ppc .swiper-pagination-bullet{background:var(--color-border);opacity:1}.ppc .swiper-pagination-bullet-active{background:var(--color-accent)}.ppc-card{position:relative;display:flex;flex-direction:var(--ppc-card-direction, row);height:100%;overflow:hidden;border:var(--ppc-border-width, 1px) solid var(--ppc-border-color, var(--color-border));border-radius:var(--style-border-radius-cards);background-color:var(--ppc-card-bg, var(--color-card-background, var(--color-background)));box-shadow:var(--ppc-shadow, none);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ppc-card:hover{border-color:var(--ppc-border-hover, var(--color-accent));transform:translateY(-2px)}.ppc-card__media{position:relative;flex:0 0 var(--ppc-media-width, 42%);overflow:hidden;background-color:var(--color-background)}.ppc-card__media-link{display:block;height:100%}.ppc-card__wishlist{position:absolute;z-index:2;inset-block-start:12px;inset-inline-end:12px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;padding:0;border:1px solid rgb(0 0 0 / .1);border-radius:50%;background:color-mix(in srgb,var(--color-background) 92%,transparent);color:var(--color-foreground);box-shadow:0 2px 8px #00000014;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ppc-card__wishlist:hover,.ppc-card__wishlist[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-text)}.ppc-card__wishlist[aria-pressed=true] svg{fill:currentColor}.ppc-card__wishlist:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ppc-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.ppc--media-ratio .ppc-card__media{align-self:flex-start;aspect-ratio:var(--ppc-media-ratio, 3 / 4)}.ppc--vertical .ppc-card__media{flex:0 0 auto;align-self:auto;width:100%;aspect-ratio:var(--ppc-media-ratio, 3 / 4)}.ppc-card__image--placeholder{background-color:var(--color-border);fill:var(--color-text-secondary, currentcolor)}.ppc-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--ppc-card-padding, 16px)}.ppc-card__title{margin:0;font-family:var(--ppc-title-font, var(--font-heading--family));font-size:var(--ppc-title-size, var(--text-md));font-weight:var(--ppc-title-weight, var(--font-heading--weight));line-height:var(--line-height-heading);text-wrap:pretty}.ppc-card__title a{color:var(--ppc-title-color, inherit)}.ppc-card__title a:hover{color:var(--color-accent-text)}.ppc-card__specs{display:grid;grid-template-columns:minmax(0,max-content) 1fr;align-items:center;gap:3px var(--spacing-sm);margin:0;font-size:var(--ppc-spec-size, var(--text-xs))}.ppc-card__spec-label{color:var(--ppc-spec-label-color, var(--color-text-secondary, currentcolor))}.ppc-card__spec-value{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;margin:0;color:var(--ppc-spec-value-color, inherit)}.ppc-card__dots{display:inline-flex;flex:0 0 auto;gap:3px}.ppc-card__dot{width:7px;height:7px;border-radius:50%;background-color:var(--ppc-dot-inactive-color, var(--color-border))}.ppc-card__dot--on{background-color:var(--ppc-dot-color, var(--color-foreground))}.ppc-card__divider{height:0;margin:var(--spacing-2xs) 0;border:0;border-top:1px solid var(--ppc-divider-color, var(--color-border))}.ppc-card__features{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;font-size:var(--ppc-feature-size, var(--text-xs));color:var(--ppc-feature-color, inherit)}.ppc-card__feature{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.ppc-card__feature svg{width:14px;height:14px;flex:0 0 auto;color:var(--ppc-icon-color, var(--color-text-secondary, currentcolor))}.ppc-card__price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-xs)}.ppc-card__price{font-size:var(--ppc-price-size, var(--text-lg));font-weight:var(--ppc-price-weight, 600);color:var(--ppc-price-color, inherit)}.ppc-card__swap{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--ppc-swap-color, var(--color-text-secondary, currentcolor));white-space:nowrap;transition:color .2s ease}.ppc-card__swap:hover{color:var(--ppc-swap-hover-color, var(--color-accent-text))}.ppc-card__swap svg{width:14px;height:14px;flex:0 0 auto}.ppc-card__button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:var(--spacing-xs);padding:11px 16px;border:var(--button-border-width, 1px) solid var(--ppc-btn-border, transparent);border-radius:var(--style-border-radius-buttons);background-color:var(--ppc-btn-bg, var(--color-button));color:var(--ppc-btn-text, var(--color-button-label-safe));font-family:var(--font-accent--family);font-size:var(--ppc-btn-size, var(--text-sm));font-weight:var(--font-accent--weight);text-transform:var(--button-text-transform, none);text-align:center;text-wrap:balance;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.ppc-card__button:hover{border-color:var(--ppc-btn-hover-border, var(--ppc-btn-border, transparent));background-color:var(--ppc-btn-hover-bg, var(--color-accent));color:var(--ppc-btn-hover-text, var(--ppc-btn-text, var(--color-button-label-safe)))}.ppc-card__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media screen and (max-width:989px)and (min-width:750px){.ppc__swiper:not(.swiper-initialized) .ppc__slide{flex-basis:var(--ppc-slide-width-tablet);width:var(--ppc-slide-width-tablet)}.ppc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ppc__swiper:not(.swiper-initialized) .ppc__slide{flex-basis:var(--ppc-slide-width-mobile);width:var(--ppc-slide-width-mobile)}.ppc__heading{font-size:var(--ppc-heading-mobile, var(--font-h4))}.ppc__header{align-items:center}.ppc__grid{grid-template-columns:minmax(0,1fr)}.ppc--mobile-vertical .ppc-card{flex-direction:column}.ppc--mobile-vertical .ppc-card__media{flex:0 0 auto;align-self:auto;width:100%;aspect-ratio:var(--ppc-media-ratio-mobile, 4 / 3)}.ppc-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.ppc-card,.ppc-card__button,.ppc-card__wishlist,.ppc-card__swap,.ppc__arrow,.ppc__view-all,.ppc__view-all svg{transition:none}.ppc-card:hover{transform:none}.ppc__view-all:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-pattern-product-cards.css.map */