.hn-personalizador{--hn-green:#173f43;--hn-border:#dce5df;max-width:1440px;margin:0 auto;padding:40px 28px 70px;color:var(--hn-green)}.hn-personalizador *{box-sizing:border-box}.hn-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:52px}.hn-gallery{min-width:0;position:sticky;top:130px;align-self:start}.hn-preview{position:relative;background:#fafbf9;border:1px solid var(--hn-border);border-radius:14px;overflow:hidden;aspect-ratio:1/1}.hn-preview>img{display:block;width:100%;height:100%;object-fit:cover}.hn-preview__motifs{position:absolute;left:16%;width:68%;top:65%;display:flex;justify-content:center;align-items:center;gap:0;transform:translateY(-50%);mix-blend-mode:normal}.hn-preview--bicolor .hn-preview__motifs{left:20%;top:39%;width:62%;transform:translateY(-50%) rotate(33deg)}.hn-preview__motifs img{width:var(--motif-size,18%);height:auto;flex:0 1 var(--motif-size,18%);max-height:110px;object-fit:contain;mix-blend-mode:normal}.hn-gallery__label{display:block;padding:12px 14px;font-size:13px;background:#f1f5ee;border:1px solid var(--hn-border);border-radius:8px;margin-top:12px;line-height:1.5}.hn-thumbs{display:flex;gap:10px;overflow:auto;margin-top:12px;padding:3px}.hn-thumb{flex:0 0 72px;height:80px;background:#fff;border:1px solid var(--hn-border);border-radius:6px;padding:3px;cursor:pointer}.hn-thumb[aria-pressed=true]{outline:2px solid var(--hn-green)}.hn-thumb img{width:100%;height:100%;object-fit:contain}.hn-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.hn-title{font-size:clamp(26px,3vw,38px);line-height:1.13;margin:0 0 14px}.hn-base-price{font-size:23px;margin:0 0 12px}.hn-intro{line-height:1.6;margin:0 0 24px}.hn-step{font-size:21px;margin:28px 0 10px}.hn-search{width:100%;padding:12px;border:1px solid var(--hn-border);border-radius:6px;background:#fff;color:inherit;margin:0 0 14px;font:inherit}.hn-motifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:610px;overflow:auto;padding:3px 5px 6px 2px}.hn-motif{border:1px solid var(--hn-border);border-radius:9px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}.hn-motif[data-motif-selected=true]{border-color:var(--hn-green);box-shadow:inset 0 0 0 1px var(--hn-green);background:#f5f8f3}.hn-motif[hidden]{display:none}.hn-motif img{width:100%;height:90px;object-fit:contain;mix-blend-mode:normal}.hn-motif h3{font-size:13px;line-height:1.35;margin:0;min-height:36px}.hn-motif small{font-size:11px;opacity:.75}.hn-motif__price{font-size:14px;font-weight:600}.hn-counter{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;border:1px solid var(--hn-border);border-radius:5px;margin-top:auto;background:#fff}.hn-counter button{border:0;background:transparent;font-size:21px;color:inherit;cursor:pointer;min-height:36px}.hn-counter input{width:100%;border:0;text-align:center;padding:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;font:inherit;color:inherit;background:transparent}.hn-counter input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.hn-counter button:disabled{opacity:.3;cursor:default}.hn-summary{margin-top:24px;padding:18px;border-radius:10px;background:#f1f5ee;border:1px solid var(--hn-border)}.hn-summary__line{display:flex;justify-content:space-between;gap:20px;margin:0 0 10px}.hn-summary__total{padding-top:13px;border-top:1px solid #bdccc0;font-size:22px;font-weight:600}.hn-selected{font-size:13px;line-height:1.5;padding-left:20px;margin:14px 0}.hn-selected:empty{display:none}.hn-submit{width:100%;border:0;background:var(--hn-green);color:#fff;border-radius:5px;padding:16px;font:inherit;font-weight:600;cursor:pointer}.hn-submit:disabled{opacity:.55;cursor:default}.hn-status{font-size:14px;line-height:1.5;margin:12px 0 0}.hn-status[data-error=true]{color:#9b2424}.hn-details{margin-top:24px;line-height:1.65}.hn-noscript{padding:20px;background:#fff4da}.hn-personalizador button:focus-visible,.hn-personalizador input:focus-visible{outline:3px solid #25867b;outline-offset:3px}.hn-personalizar-card{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none}@media(max-width:989px){.hn-layout{gap:24px}.hn-gallery{top:100px}.hn-motifs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.hn-personalizador{padding:20px 16px 40px}.hn-layout{display:flex;flex-direction:column;gap:26px}.hn-gallery{position:static}.hn-preview{aspect-ratio:1/1;max-height:520px}.hn-preview>img{object-fit:cover}.hn-preview__motifs{top:65%}.hn-preview--bicolor .hn-preview__motifs{top:39%}.hn-motifs{grid-template-columns:repeat(3,minmax(0,1fr));max-height:600px}.hn-motif{padding:8px}.hn-motif img{height:70px}.hn-motif h3{font-size:12px}.hn-counter{grid-template-columns:27px 1fr 27px}.hn-title{font-size:28px}.hn-summary{padding:16px}.hn-preview__motifs img{max-height:80px}}@media(prefers-reduced-motion:no-preference){.hn-motif,.hn-submit{transition:background-color .16s,border-color .16s}}.hn-personalizador [hidden]{display:none!important}.hn-preview__piece{position:relative;width:var(--motif-size,18%);flex:0 1 var(--motif-size,18%)}.hn-preview__piece img{width:100%;max-height:110px;display:block}.hn-preview__piece b{position:absolute;right:0;bottom:-10px;background:#fff;border:1px solid #173f43;border-radius:10px;padding:1px 5px;font-size:11px}.hn-preview__motifs img{flex:none;max-height:110px}.hn-preview__motifs{pointer-events:none}.hn-preview__piece img{object-fit:contain;filter:drop-shadow(0 2px 1px #0002)}.hn-preview>img{object-fit:contain}.hn-preview .hn-preview__motifs{top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform:none;pointer-events:none}.hn-preview .hn-preview__piece{position:absolute;display:block;flex:none;transform:translate(-50%,-50%) rotate(var(--piece-angle,0deg))}.hn-preview .hn-preview__piece img{display:block;width:100%;height:auto;max-height:none}.hn-preview .hn-preview__piece[data-preview-letter=true] img{width:100%;height:100%;max-height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hn-personalizador.css.map */