.pe-sec{padding:0 var(--pe-pad) 40px}@media screen and (min-width:750px){.pe-sec{padding-bottom:80px}}.pe-sec__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px}.pe-sec__title{margin:0;font-family:var(--pe-font-heading);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:2.6rem;line-height:1;text-transform:uppercase}@media screen and (min-width:750px){.pe-sec__title{font-size:4rem}}.pe-sec__sub,.pe-sec__hint{font-family:var(--pe-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pe-ink-3)}.pe-sec__hint{white-space:nowrap}@media screen and (min-width:750px){.pe-sec__hint--scroll{display:none}}.pe-cf__grid{display:flex;gap:10px;margin:0 calc(var(--pe-pad) * -1);padding:0 var(--pe-pad);overflow-x:auto;list-style:none;scrollbar-width:none}.pe-cf__grid::-webkit-scrollbar{display:none}.pe-cf__item{flex:0 0 150px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width:750px){.pe-cf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}.pe-cf__item{flex:none}}.pe-cf__media{position:relative;display:block;aspect-ratio:4 / 5;background:var(--pe-packshot);overflow:hidden}.pe-cf__media img{display:block;width:100%;height:100%;object-fit:contain;padding:5%;box-sizing:border-box}.pe-plus{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--pe-radius-full);background:var(--pe-ink);color:var(--pe-white);font-size:2rem;line-height:1;cursor:pointer;text-decoration:none}.pe-plus[disabled]{opacity:.5}.pe-cf__name{font-family:var(--pe-font-heading);font-weight:700;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:1.2rem;text-transform:uppercase;color:var(--pe-ink);text-decoration:none}.pe-cf__price{font-family:var(--pe-font-mono);font-size:1.2rem}.pe-promos__list{display:flex;flex-direction:column;gap:14px}.pe-promo{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:var(--pe-surface)}.pe-promo__media{flex:0 0 84px;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:12px;background:var(--pe-packshot);overflow:hidden}.pe-promo__media img{width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box}.pe-promo__body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0}.pe-promo__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pe-promo__title{margin:0;font-family:var(--pe-font-heading);font-weight:800;font-stretch:112%;font-variation-settings:"wdth" 112;font-size:1.4rem;text-transform:uppercase}.pe-promo__badge{font-family:var(--pe-font-mono);font-size:1.2rem;font-weight:600;white-space:nowrap}.pe-promo__segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.pe-promo__seg{height:8px;border-radius:var(--pe-radius-full);background:var(--pe-line-2)}.pe-promo__seg.is-on{background:var(--pe-ink)}.pe-promo__bar{height:8px;border-radius:var(--pe-radius-full);background:var(--pe-line-2);overflow:hidden}.pe-promo__bar>span{display:block;height:100%;width:0;border-radius:var(--pe-radius-full);background:var(--pe-ink);transition:width .3s ease}.pe-promo__bar.is-done>span{background:var(--pe-red)}.pe-promo__text{margin:0;font-size:1.3rem;color:var(--pe-ink-2)}.pe-promo__btn{align-self:center;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:1px solid var(--pe-ink);border-radius:var(--pe-radius-full);background:var(--pe-ink);color:var(--pe-white);white-space:nowrap;font-family:var(--pe-font-heading);font-weight:700;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}@media screen and (min-width:750px){.pe-promo{gap:28px;padding:20px}.pe-promo__media{flex-basis:132px;width:132px;height:132px}.pe-promo__title{font-size:1.8rem}.pe-promo__text{font-size:1.4rem}.pe-promos:not(.pe-promos--compact) .pe-promos__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:0 20px}.pe-promos:not(.pe-promos--compact) .pe-promo{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:14px;align-items:start;padding:20px}.pe-promos:not(.pe-promos--compact) .pe-promo__body{display:contents}.pe-promos:not(.pe-promos--compact) .pe-promo__media{width:96px;height:96px}.pe-promos:not(.pe-promos--compact) .pe-promo__top{flex-direction:column;align-items:flex-start;gap:4px}.pe-promos:not(.pe-promos--compact) .pe-promo__segs,.pe-promos:not(.pe-promos--compact) .pe-promo__bar{align-self:center}.pe-promos:not(.pe-promos--compact) .pe-promo__btn{align-self:end;justify-self:start}}.pe-details{container-type:inline-size;padding:0 var(--pe-pad) 48px}.pe-details__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 20px}.pe-details__count{font-family:var(--pe-font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pe-ink-3);white-space:nowrap}.pe-details__grid{--pe-gap: 10px;display:flex;gap:var(--pe-gap);margin:0 calc(var(--pe-pad) * -1);padding:0 var(--pe-pad);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pe-details__grid::-webkit-scrollbar{display:none}.pe-tile{position:relative;flex:0 0 min(78%,340px);aspect-ratio:3 / 4;display:block;overflow:hidden;border-radius:var(--pe-radius-thumb);background:#1c1c1e;color:var(--pe-white);text-decoration:none;scroll-snap-align:start}.pe-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pe-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0b0b0cd1,#0b0b0c59 38%,#0b0b0c00 62%);pointer-events:none}.pe-tile__cap{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:6px;padding:16px}.pe-tile__meta{display:flex;gap:10px;font-family:var(--pe-font-mono);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf}.pe-tile__title{font-family:var(--pe-font-heading);font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:1.8rem;line-height:1.05;text-transform:uppercase}.pe-tile__text{font-size:1.35rem;line-height:1.4;color:#ffffffe0}.pe-details__nav{display:flex;align-items:center;gap:14px;margin:16px 0 0}.pe-details__counter{font-family:var(--pe-font-mono);font-size:1.1rem;letter-spacing:.08em;color:var(--pe-ink)}.pe-details__bar{position:relative;flex:1 1 auto;height:2px;background:var(--pe-line)}.pe-details__bar i{position:absolute;left:0;top:0;height:100%;width:20%;background:var(--pe-ink);transition:transform .15s linear}@container (min-width: 900px){.pe-details__grid{--pe-gap: 12px;--pe-col: calc((100cqw - 3 * var(--pe-gap)) / 4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((var(--pe-col) * 1.35 - var(--pe-gap)) / 2);grid-auto-flow:dense;margin:0;padding:0;overflow:visible}.pe-tile{flex:none;aspect-ratio:auto}.pe-tile--tall{grid-row:span 2}.pe-tile--wide{grid-column:span 2;grid-row:span 2}.pe-details__nav{display:none}.pe-tile__cap{padding:20px}.pe-tile__title{font-size:2rem}.pe-tile--wide .pe-tile__title{font-size:2.8rem}.pe-tile__text{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.pe-tile:hover .pe-tile__text,.pe-tile:focus-visible .pe-tile__text,.pe-tile:focus-within .pe-tile__text{max-height:8rem;opacity:1}.pe-tile:hover .pe-tile__img,.pe-tile:focus-visible .pe-tile__img{transform:scale(1.04)}}@media(hover:none){.pe-tile__text{max-height:none!important;opacity:1!important}}.pe-feedback{background:var(--pe-ink);color:var(--pe-white);padding:36px var(--pe-pad)}@media screen and (min-width:750px){.pe-feedback{padding:72px var(--pe-pad)}}.pe-feedback .pe-sec__title{font-size:2.2rem}@media screen and (min-width:750px){.pe-feedback .pe-sec__title{font-size:3.2rem}}.pe-feedback .pe-sec__sub{color:var(--pe-muted)}.pe-feedback__track{display:flex;gap:8px;margin:0 calc(var(--pe-pad) * -1);padding:0 var(--pe-pad);overflow-x:auto;scrollbar-width:none}.pe-feedback__track::-webkit-scrollbar{display:none}.pe-story{flex:0 0 140px;aspect-ratio:9 / 16;border-radius:14px;background:var(--pe-ink-2);overflow:hidden}.pe-story img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.pe-feedback__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;overflow:visible}.pe-story{flex:none;border-radius:16px}}.pe-promos--compact{margin:0 0 22px}.pe-promos__label{margin:0 0 10px;font-family:var(--pe-font-mono);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pe-ink-3)}.pe-promos--compact .pe-promos__list{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-rows:repeat(5,auto);gap:0 8px;margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pe-promos--compact .pe-promos__list::-webkit-scrollbar{display:none}.pe-promos--compact .pe-promo{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:10px;align-items:start;padding:12px;border:1px solid var(--pe-line-2);border-radius:var(--pe-radius-box);scroll-snap-align:start}.pe-promos--compact .pe-promo__body{display:contents}.pe-promos--compact .pe-promo__media{width:48px;height:48px;border-radius:10px}.pe-promos--compact .pe-promo__top{flex-direction:column;align-items:flex-start;gap:2px}.pe-promos--compact .pe-promo__title{font-size:1.25rem;line-height:1.2}.pe-promos--compact .pe-promo__segs,.pe-promos--compact .pe-promo__bar{align-self:center}.pe-promos--compact .pe-promo__text{font-size:1.2rem;line-height:1.35}.pe-promos--compact .pe-promo__btn{align-self:end;justify-self:center;max-width:100%;height:36px;padding:0 9px;font-size:1rem;letter-spacing:.02em}.pe-promos--compact{container-type:inline-size}@media screen and (min-width:750px){.pe-promos--compact .pe-promos__list{margin:0;padding:0}.pe-promos--compact .pe-promo{padding:14px}}@container (min-width: 440px){.pe-promos--compact .pe-promos__list{grid-auto-columns:46%}}@container (min-width: 600px){.pe-promos--compact .pe-promos__list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pe-blocks.css.map */