.jypp{--pp-red: var(--jy-red, #c4301c);--pp-ink: var(--jy-ink, #16130f);--pp-muted: #6a635b;--pp-line: #e7e0d8;--pp-bg2: var(--jy-bg-3, #f4f0ea);max-width:1120px;margin:0 auto;padding:14px 14px calc(96px + var(--jy-sab, env(safe-area-inset-bottom, 0px)));color:var(--pp-ink)}.jypp__hero{display:grid;gap:18px}.jypp__stage{border-radius:16px;overflow:hidden;background:var(--pp-bg2);aspect-ratio:1 / 1}.jypp__img{width:100%;height:100%;object-fit:cover;display:block}.jypp__thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.jypp__thumb{width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--pp-bg2);cursor:pointer}.jypp__thumb.is-on{border-color:var(--pp-red)}.jypp__thumb img{width:100%;height:100%;object-fit:cover}.jypp__title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;line-height:1.2}.jypp__price{font-size:24px;font-weight:800;color:var(--pp-red);margin-bottom:12px}.jypp__desc{font-size:14px;line-height:1.6;color:var(--pp-muted)}.jypp__desc ul{padding-inline-start:18px}.jypp__trust{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:8px 18px;flex-wrap:wrap}.jypp__trust li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#46413a}.jypp__trust svg{color:var(--jy-green, #0d8756);flex:none}.jypp__builder{margin-top:26px}.jypp__steps{display:flex;flex-direction:column;gap:22px}.jypp__group{border:1px solid var(--pp-line);border-radius:16px;padding:14px;transition:border-color .2s ease,background .2s ease}.jypp__group.is-done{border-color:var(--jy-green, #0d8756);background:#f4faf6}.jypp__group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.jypp__group-title{font-size:15px;font-weight:800;margin:0;display:inline-flex;align-items:center;gap:9px;line-height:1.25}.jypp__group-idx{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pp-red);color:#fff;font-size:13px;font-weight:800}.jypp__group.is-done .jypp__group-idx{background:var(--jy-green, #0d8756)}.jypp__counter{flex:none;font-size:12.5px;font-weight:800;color:var(--pp-red);background:var(--jy-red-50, #fcefec);border-radius:999px;padding:4px 11px;font-variant-numeric:tabular-nums}.jypp__group.is-done .jypp__counter{color:var(--jy-green, #0d8756);background:#dcefe2}.jypp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jypp__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 6px 10px;border:2px solid var(--pp-line);border-radius:13px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,transform .1s ease}.jypp__card:active{transform:scale(.97)}.jypp__card.is-picked{border-color:var(--pp-red);background:var(--jy-red-50, #fcefec)}.jypp__card-media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;background:var(--pp-bg2)}.jypp__card-img{width:100%;height:100%;object-fit:cover;display:block}.jypp__card-tick{position:absolute;top:5px;inset-inline-end:5px;width:22px;height:22px;border-radius:50%;background:var(--pp-red);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;transform:scale(0);transition:transform .15s cubic-bezier(.2,.9,.3,1.3)}.jypp__card.is-picked .jypp__card-tick{transform:scale(1)}.jypp__card-name{font-size:12px;font-weight:600;line-height:1.25;text-align:center;color:var(--pp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jypp__card--shake{animation:jyppShake .38s;border-color:var(--pp-red)}@keyframes jyppShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.jypp__bar{position:fixed;inset-block-end:0;inset-inline:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + var(--jy-sab, env(safe-area-inset-bottom, 0px)));background:#fff;border-top:1px solid var(--pp-line);box-shadow:0 -6px 24px #16130f1a}.jypp__bar-info{display:flex;flex-direction:column;line-height:1.2;flex:none}.jypp__bar-progress{font-size:11.5px;font-weight:700;color:var(--pp-muted)}.jypp__bar-price{font-size:18px;font-weight:800;color:var(--pp-ink)}.jypp__add{flex:1;min-height:50px;border:0;border-radius:13px;cursor:pointer;background:var(--pp-red);color:#fff;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease,filter .15s ease}.jypp__add:disabled{background:#cdc6bd;cursor:not-allowed}.jypp__add.is-loading{opacity:.7;pointer-events:none}.jypp__err{position:fixed;inset-block-end:calc(78px + var(--jy-sab, env(safe-area-inset-bottom, 0px)));inset-inline:14px;z-index:41;margin:0;padding:11px 14px;border-radius:11px;background:#fdecec;color:#b3122b;font-size:13.5px;font-weight:700;box-shadow:0 8px 24px #b3122b2e;text-align:center}.jypp__err[hidden]{display:none}@media(min-width:900px){.jypp{padding-bottom:40px}.jypp__hero{grid-template-columns:460px 1fr;align-items:start;gap:34px}.jypp__title{font-size:28px}.jypp__grid{grid-template-columns:repeat(4,1fr);gap:12px}.jypp__card-name{font-size:13px}.jypp__bar{position:sticky;inset-block-end:16px;margin:26px auto 0;max-width:640px;border:1px solid var(--pp-line);border-radius:16px;box-shadow:0 12px 34px #16130f1f}.jypp__err{inset-inline:auto;inset-block-end:90px;left:50%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.jypp__card,.jypp__card-tick,.jypp__card--shake,.jypp__add{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/jy-parfum-pack.css.map */