.pgrid{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:var(--grid-gap)}.pg4{--cols: 4}.pgrid--c2{--cols: 2}.pgrid--c3{--cols: 3}.pgrid--c4{--cols: 4}.pgrid--c5{--cols: 5}.pgrid--c6{--cols: 6}@container (max-width: 1200px){.pgrid{--cols: 4}.pg4{--cols: 3}.pgrid--c2{--cols: 2}.pgrid--c3{--cols: 3}}@container (max-width: 980px){.pgrid{--cols: 3}.pgrid--c2{--cols: 2}}@container (max-width: 860px){.pgrid,.pg4{--cols: 2}}.pcard{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--color-bg)}.pcard--framed{border:1px solid var(--color-border);border-radius:var(--r-card);padding:var(--card-pad) var(--card-pad) 14px;transition:border-color .3s,box-shadow .3s}.pcard--framed:hover{border-color:color-mix(in srgb,var(--gold-l) 60%,var(--color-border));box-shadow:0 16px 36px color-mix(in srgb,var(--gold-d) 12%,transparent)}.pimg{position:relative;display:block;overflow:hidden;background:var(--color-media);aspect-ratio:var(--card-ratio);border-radius:var(--r-media)}.pcard:not(.pcard--framed) .pimg{border-radius:22px}.pimg img,.pimg svg{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .4s}.pcard:hover .pimg__main{transform:scale(1.05)}.pimg__alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.pimg--swap:hover .pimg__alt,.pcard:hover .pimg--swap .pimg__alt{opacity:1}.pcard--framed .badges{top:16px;left:16px}.pcard .fav{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;border-radius:999px;border:0;background:color-mix(in srgb,var(--color-bg) 90%,transparent);color:var(--color-fg);display:flex;align-items:center;justify-content:center}.pcard:not(.pcard--framed) .fav{top:8px;right:8px}.pcard>wishlist-button{display:contents}.fav .icon-on{display:none;color:var(--color-accent)}.fav[aria-pressed=true] .icon-on{display:block}.fav[aria-pressed=true] .icon-off{display:none}.pcard .cmp{position:absolute;top:62px;right:16px;z-index:5;width:40px;height:40px;border-radius:999px;border:0;background:color-mix(in srgb,var(--color-bg) 90%,transparent);display:flex;align-items:center;justify-content:center}.cmp[aria-pressed=true]{background:var(--color-fg);color:var(--color-bg)}.pcard__info{display:flex;flex-direction:column;gap:6px;padding:0 6px;flex-grow:1}.pcard__title{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--title-lines, 2);overflow:hidden}.pcard__spec{font-size:13px;color:var(--color-muted)}.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 0 6px}.pcard__rating{display:flex;line-height:1}.pcard__rating:empty{display:none}.pcard--ph .pimg{margin-bottom:64px}.add{width:44px;height:44px;border-radius:999px;border:0;flex-shrink:0;background:var(--color-btn);color:var(--color-btn-fg);display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.add:hover{background:var(--color-btn-hover);color:var(--gold-l);box-shadow:inset 0 0 0 1px var(--gold-l)}.add:hover .icon-plus{transform:rotate(90deg)}.add .icon{transition:transform .25s}.add[aria-busy=true]{opacity:.6;pointer-events:none}.add--notify{background:var(--color-surface);color:var(--color-fg)}.add--sm{width:34px;height:34px}.rail{position:relative;display:block}.rail__track{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--cols, 4) - 1) * var(--grid-gap)) / var(--cols, 4));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.rail__track::-webkit-scrollbar{display:none}.rail__item{scroll-snap-align:start;min-width:0}.rail__nav{justify-content:flex-end;padding-top:14px}.rail[data-static] .rail__nav{display:none}@container (max-width: 860px){.rail__track{grid-auto-columns:46%}}@container (max-width: 860px){.pcard--framed{border-radius:var(--r-card);padding:var(--card-pad) var(--card-pad) 12px}.pcard .fav{top:12px;right:12px;width:36px;height:36px}.pcard--framed .badges{top:12px;left:12px}.pcard__title{font-size:14px}.price--card .price__final{font-size:17px}.add{width:40px;height:40px}}.viph{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;border-radius:16px;background:var(--ivory-soft);box-shadow:inset 0 0 0 1px var(--warm-1);color:var(--gold-d);font-size:13px;font-weight:600;line-height:1.45}.viph .icon{flex-shrink:0;margin-top:2px;color:var(--gold)}.viph a{color:inherit;text-decoration:underline;text-underline-offset:2px}.viph--card{padding:6px 10px;border-radius:12px;font-size:12px;gap:6px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.template-product .pcard--framed{transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.22,.61,.36,1)}.template-product .pcard--framed:hover{transform:translateY(-4px)}}.viph--bf{background:color-mix(in srgb,var(--color-accent, #C2136D) 8%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent, #C2136D) 22%,#fff);color:var(--color-accent, #C2136D)}.viph--bf .icon{color:var(--color-accent, #C2136D)}.viph--bf strong{font-weight:800}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-card.css.map */