.portret{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding-block:clamp(24px,4vw,56px) clamp(56px,8vw,112px);align-items:start}.portret__stage{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(22px,4vw,56px);background:radial-gradient(90% 70% at 50% 18%,#fffdf9,#efeae0 60%,#e6e0d4);border-radius:var(--r)}.portret__poster{position:relative;width:min(100%,440px);aspect-ratio:3/4;background:#f7f3ec;box-shadow:0 2px 4px #15182b1f,0 30px 60px -24px #15182b73}.portret__poster canvas{width:100%;height:100%;display:block}.portret__empty,.portret__progress{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:28px;color:var(--muted)}.portret__progress{background:#f7f3eceb;color:var(--ink)}.portret__bar{width:72%;height:3px;background:var(--line);overflow:hidden}.portret__bar i{display:block;height:100%;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.portret__note{font-size:12.5px;color:var(--muted)}.portret__config{display:flex;flex-direction:column;gap:26px;min-width:0}.portret__intro{display:flex;flex-direction:column;gap:12px}.portret__intro h1{font-size:clamp(34px,4.2vw,54px)}.portret__price-line{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.portret__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}.portret__step{display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:1px solid var(--line)}.portret__step h2{font-family:var(--body);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:12px}.portret__step h2 span{font-family:var(--display);font-size:24px;letter-spacing:0;color:var(--brass);font-weight:400}.portret__drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:26px 18px;border:1px dashed color-mix(in srgb,var(--ink) 35%,transparent);background:var(--surface);border-radius:var(--r);cursor:pointer}.portret__drop.is-over{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 6%,var(--surface))}.portret__drop-main{font-weight:600}.portret__drop img{width:96px;height:96px;object-fit:cover;border-radius:2px;margin-top:8px}.portret__consent{display:flex;gap:10px;align-items:flex-start;font-size:14px}.portret__consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink);flex:none}.portret__styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portret__style{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 8px 12px;cursor:pointer}.portret__style img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px}.portret__style b{font-weight:600;font-size:14.5px;padding-inline:4px}.portret__style span{font-size:12.5px;color:var(--muted);padding-inline:4px;line-height:1.35}.portret__style[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.portret__make{align-self:flex-start}.portret__opts{display:flex;gap:10px;flex-wrap:wrap}.portret__opts .size{min-width:120px}.portret__sub{margin-top:4px}.portret__soon{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);font-weight:600}@media(max-width:960px){.portret{grid-template-columns:1fr}.portret__stage{position:relative;top:0;padding:18px}.portret__poster{width:min(100%,320px)}.portret__make{align-self:stretch}}.portret__steps,.portret__step,.portret__step>*{min-width:0;max-width:100%}body.template-product-portret{overflow-x:clip}
/*# sourceMappingURL=/cdn/shop/t/72/assets/ohn-portrait.css.map */