.pf-coll{padding-block:var(--pf-pt) var(--pf-pb);background:var(--pf-coll-bg);color:var(--pf-brown)}.pf-coll__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:clamp(32px,4vw,52px)}.pf-coll__intro{display:flex;flex-direction:column;gap:14px;max-width:580px}.pf-coll__title{font-size:clamp(34px,4.2vw,52px)}.pf-coll__text{font-size:14px;color:var(--pf-cocoa)}.pf-cards{display:grid;grid-template-columns:repeat(var(--pf-cols),minmax(0,1fr));gap:44px 28px;margin:0;padding:0;list-style:none}.pf-card__link{display:flex;flex-direction:column;gap:18px;color:inherit;text-decoration:none}.pf-card__media{position:relative;aspect-ratio:var(--pf-ratio);overflow:hidden;border-radius:var(--pf-radius);background:var(--pf-card-bg)}html .pf-card__media .pf-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--pf-ease-out),opacity .8s var(--pf-ease)}.pf-card__placeholder{fill:var(--pf-taupe)}html .pf-card__media .pf-card__img--alt{opacity:0}@media(hover:hover){html .pf-card__link:hover .pf-card__img{transform:scale(1.045)}html .pf-card__link:hover .pf-card__img--alt{opacity:1}.pf-card__link:hover .pf-card__view{opacity:1;transform:none}.pf-card__link:hover .pf-card__title span{background-size:100% 1px}}.pf-card__view{position:absolute;inset-inline:16px;bottom:16px;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:#fbf7f1eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--pf-plum);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(12px);transition:opacity .5s var(--pf-ease),transform .6s var(--pf-ease-out)}html[dir=rtl] .pf-card__view{letter-spacing:0;text-transform:none;font-size:14px}.pf-badge{position:absolute;top:14px;inset-inline-start:14px;z-index:1;padding:6px 12px;border-radius:999px;background:var(--pf-sand);color:var(--pf-brown);font-size:11px;font-weight:500;letter-spacing:.06em}.pf-badge--sale{background:var(--pf-plum);color:var(--pf-ivory)}.pf-card__info{display:flex;flex-direction:column;gap:7px;text-align:start}.pf-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.pf-card__title{margin:0;font-family:var(--font-heading--family);font-size:23px;font-weight:var(--font-heading--weight, 500);line-height:1.2}.pf-card__title span{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:background-size .6s var(--pf-ease-out)}html[dir=rtl] .pf-card__title span{background-position:100% 100%}.pf-card__price{flex-shrink:0;margin:0;color:var(--pf-plum);font-size:13px;font-weight:500;white-space:nowrap;unicode-bidi:isolate}.pf-card__from{color:var(--pf-cocoa);font-weight:400}.pf-card__compare{margin-inline-start:6px;color:var(--pf-cocoa);font-weight:400}.pf-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;color:var(--pf-cocoa);font-size:12px}.pf-card__swatches{display:inline-flex;gap:6px}.pf-card__swatches:empty{display:none}.pf-swatch{width:12px;height:12px;border-radius:999px;background:var(--pf-swatch, var(--pf-taupe)) center / cover;box-shadow:0 0 0 1px var(--pf-coll-bg, #fff),0 0 0 2px var(--pf-taupe)}.pf-rail-progress{display:none}@media screen and (max-width:989px)and (min-width:750px){.pf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.pf-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.pf-card__row{flex-direction:column;gap:4px}.pf-card__title{font-size:19px}.pf-coll--rail .pf-cards{display:flex;gap:14px;margin-inline:calc(-1 * var(--pf-gutter));padding-inline:var(--pf-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pf-gutter);scrollbar-width:none}.pf-coll--rail .pf-cards::-webkit-scrollbar{display:none}.pf-coll--rail .pf-card{flex:0 0 68%;scroll-snap-align:start}.pf-coll--rail .pf-rail-progress:not([hidden]){position:relative;display:block;height:2px;margin-top:26px;overflow:hidden;border-radius:2px;background:var(--pf-line)}.pf-coll--rail .pf-rail-progress:after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--pf-progress, 0) * (100% - var(--pf-thumb, .3) * 100%));width:calc(var(--pf-thumb, .3) * 100%);border-radius:inherit;background:var(--pf-plum)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pf-collection.css.map */