body.mosafy-brand .mosafy-formats{--formats-radius: 16px;padding-block:clamp(40px,6vw,80px);padding-inline:max(20px,env(safe-area-inset-left),env(safe-area-inset-right));background:var(--mosafy-ivory);color:var(--mosafy-ink)}.mosafy-formats__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-inline-size:640px;margin-inline:auto}.mosafy-formats__intro{min-inline-size:0}body.mosafy-brand .mosafy-formats__intro h2{margin:0;font-size:clamp(32px,3vw,44px)!important}.mosafy-formats__intro p{margin:12px 0 0;max-inline-size:54ch;font-size:15px;line-height:1.6}.mosafy-formats__photo{overflow:hidden;border-radius:var(--radius-card);align-self:start}.mosafy-formats__photo img{display:block;inline-size:100%;aspect-ratio:1;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px;border-radius:inherit}.mosafy-formats__choices{display:flex;flex-direction:column;gap:28px;min-inline-size:0}.mosafy-formats__group{display:flex;flex-direction:column;gap:12px}.mosafy-formats__label{margin:0;color:var(--mosafy-forest);font-size:14px;font-weight:700;line-height:1.5}.mosafy-formats__finishes{display:grid;gap:12px}body.mosafy-brand .mosafy-formats__finish,body.mosafy-brand .mosafy-formats__size{border:1px solid var(--mosafy-line)!important;border-radius:var(--formats-radius)!important;background:#fff;color:var(--mosafy-ink);box-shadow:none!important;cursor:pointer;min-inline-size:0;margin:0;text-align:start;transition:background-color .15s ease-out,border-color .15s ease-out,scale .15s cubic-bezier(.2,0,0,1)}body.mosafy-brand .mosafy-formats__finish{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;inline-size:100%}body.mosafy-brand .mosafy-formats__thumbnail{inline-size:48px;block-size:48px;overflow:hidden;border-radius:4px!important;background:var(--mosafy-sand)}.mosafy-formats__thumbnail img{inline-size:100%;block-size:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px;border-radius:inherit}.mosafy-formats__finish-copy{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-inline-size:0}.mosafy-formats__finish-title{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.mosafy-formats__badge{padding:2px 7px;border-radius:6px;background:var(--mosafy-sand);color:var(--mosafy-forest);font-size:10px;font-weight:700;line-height:1.5}.mosafy-formats__indicator{inline-size:20px;block-size:20px;border:1px solid var(--mosafy-line);border-radius:50%}.mosafy-formats__finish[aria-pressed=true] .mosafy-formats__indicator{border:6px solid var(--mosafy-forest)}body.mosafy-brand .mosafy-formats__finish[aria-pressed=true],body.mosafy-brand .mosafy-formats__size[aria-pressed=true]{border-color:var(--mosafy-forest)!important;background:#edf2ec}.mosafy-formats__sizes-group[aria-hidden=true]{display:none}.mosafy-formats__sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.mosafy-brand .mosafy-formats__size{display:flex;flex-direction:column;gap:4px;padding:12px 16px}.mosafy-formats__size-name{color:var(--mosafy-forest);font-size:14px;line-height:1.5;font-weight:700}.mosafy-formats__dimensions{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.mosafy-formats__order{display:flex;flex-direction:column;align-items:stretch;gap:12px}.mosafy-formats__price{margin:0;color:var(--mosafy-forest);font-size:24px;font-weight:700;line-height:1.3}body.mosafy-brand .mosafy-formats__cta{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;min-block-size:54px;color:var(--mosafy-ivory);background:var(--mosafy-forest);border-radius:var(--radius-pill);text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;text-align:center;transition:background-color .15s ease-out,scale .15s cubic-bezier(.2,0,0,1)}.mosafy-formats__cta span{min-inline-size:0;overflow-wrap:anywhere}.mosafy-formats__cta svg{flex-shrink:0}.mosafy-formats__delivery{display:flex;align-items:start;gap:10px;color:var(--mosafy-ink)}.mosafy-formats__delivery svg{flex-shrink:0;margin-block-start:2px}.mosafy-formats__delivery p{margin:0;font-size:12px;line-height:1.6}.mosafy-formats__finish:is(:focus-visible,.focused),.mosafy-formats__size:is(:focus-visible,.focused),.mosafy-formats__cta:is(:focus-visible,.focused){outline:2px solid var(--mosafy-forest);outline-offset:4px}@media(hover:hover){body.mosafy-brand .mosafy-formats__finish:hover,body.mosafy-brand .mosafy-formats__size:hover{border-color:var(--mosafy-forest)!important}body.mosafy-brand .mosafy-formats__cta:hover{background:#24553f}}.mosafy-formats__finish:active,.mosafy-formats__size:active,.mosafy-formats__cta:active{scale:.96}.mosafy-formats__cta:dir(rtl) svg{transform:scaleX(-1)}@media(min-width:880px){body.mosafy-brand .mosafy-formats{padding-inline:40px}.mosafy-formats__layout{max-inline-size:1200px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,72px);row-gap:28px}.mosafy-formats__intro{grid-column:2;grid-row:1}.mosafy-formats__photo{grid-column:1;grid-row:1 / span 2}.mosafy-formats__choices{grid-column:2;grid-row:2}}@media(prefers-reduced-motion:reduce){.mosafy-formats__finish,.mosafy-formats__size,.mosafy-formats__cta{transition:none!important}.mosafy-formats__finish:active,.mosafy-formats__size:active,.mosafy-formats__cta:active{scale:none}}.mosafy-formats .mosafy-formats__sizes-group.is-visible{display:flex}.mosafy-formats__photo{background:var(--mosafy-sand)}@media(min-width:880px){.mosafy-formats__layout:not(:has(.mosafy-formats__photo)){grid-template-columns:minmax(0,1fr);max-inline-size:640px}.mosafy-formats__layout:not(:has(.mosafy-formats__photo))>*{grid-column:1;grid-row:auto}}.mosafy-formats__sizes-group[data-row2-group=metal] .mosafy-formats__sizes{grid-template-columns:repeat(3,minmax(0,1fr))}body.mosafy-brand .mosafy-formats__sizes-group[data-row2-group=metal] .mosafy-formats__size{padding-inline:12px}
/*# sourceMappingURL=/cdn/shop/t/47/assets/mosafy-homepage-formats.css.map */
