.houroffer-mockup{--houroffer-mockup-text: #15202b;--houroffer-mockup-muted: #637083;--houroffer-mockup-line: #dfe5ec;--houroffer-mockup-soft: #f5f7fa;--houroffer-mockup-card: #ffffff;--houroffer-mockup-accent: #0f5f63;--houroffer-mockup-accent-dark: #0b474a;color:var(--houroffer-mockup-text);background:#fff}.houroffer-mockup *{box-sizing:border-box}.houroffer-mockup__hero{background:linear-gradient(180deg,#f7fafb,#fff);border-bottom:1px solid var(--houroffer-mockup-line)}.houroffer-mockup__hero-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:58px 0 46px}.houroffer-mockup__eyebrow{margin:0 0 12px;color:var(--houroffer-mockup-accent);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.houroffer-mockup__title{max-width:760px;margin:0;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:0}.houroffer-mockup__subtitle{max-width:720px;margin:18px 0 0;color:var(--houroffer-mockup-muted);font-size:18px;line-height:1.58}.houroffer-mockup__hero-button,.houroffer-mockup__button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--houroffer-mockup-accent);border-radius:6px;background:var(--houroffer-mockup-accent);color:#fff;cursor:pointer;font:inherit;font-weight:700;line-height:1.2;padding:12px 18px;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.houroffer-mockup__hero-button{margin-top:28px}.houroffer-mockup__hero-button:hover,.houroffer-mockup__button:hover{background:var(--houroffer-mockup-accent-dark);border-color:var(--houroffer-mockup-accent-dark);transform:translateY(-1px)}.houroffer-mockup__button--secondary{background:#fff;color:var(--houroffer-mockup-text);border-color:var(--houroffer-mockup-line)}.houroffer-mockup__button--secondary:hover{background:var(--houroffer-mockup-soft);border-color:#cbd5df}.houroffer-mockup__button:disabled,.houroffer-mockup__button:disabled:hover{border-color:var(--houroffer-mockup-line);background:#eef2f5;color:#91a0b0;cursor:not-allowed;transform:none}.houroffer-mockup__note{max-width:760px;margin:18px 0 0;color:var(--houroffer-mockup-muted);font-size:13px;line-height:1.55}.houroffer-mockup__shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:34px 0 58px;display:grid;grid-template-columns:minmax(220px,.78fr) minmax(360px,1.45fr) minmax(240px,.82fr);gap:18px;align-items:start}.houroffer-mockup__panel,.houroffer-mockup__preview{background:var(--houroffer-mockup-card);border:1px solid var(--houroffer-mockup-line);border-radius:8px;box-shadow:0 12px 30px #15202b0f}.houroffer-mockup__panel,.houroffer-mockup__preview{padding:20px}.houroffer-mockup__panel-title{margin:0;font-size:18px;line-height:1.3;letter-spacing:0}.houroffer-mockup__field{display:grid;gap:8px;margin-top:18px}.houroffer-mockup__field>span,.houroffer-mockup__range>span{color:var(--houroffer-mockup-text);font-size:13px;font-weight:700}.houroffer-mockup__field select{width:100%;min-height:44px;border:1px solid var(--houroffer-mockup-line);border-radius:6px;background:#fff;color:var(--houroffer-mockup-text);font:inherit;padding:9px 12px}.houroffer-mockup__swatches{display:flex;flex-wrap:wrap;gap:8px}.houroffer-mockup__swatch{min-width:42px;height:38px;border:1px solid var(--houroffer-mockup-line);border-radius:6px;background:#fff;cursor:pointer;padding:4px}.houroffer-mockup__swatch:before{content:"";display:block;width:100%;height:100%;border:1px solid rgba(21,32,43,.12);border-radius:4px;background:var(--swatch-color, #ffffff)}.houroffer-mockup__swatch[aria-pressed=true]{border-color:var(--houroffer-mockup-accent);box-shadow:0 0 0 2px #0f5f6329}.houroffer-mockup__custom-colors{margin-top:20px;padding-top:18px;border-top:1px solid var(--houroffer-mockup-line)}.houroffer-mockup__custom-colors[hidden]{display:none}.houroffer-mockup__custom-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.houroffer-mockup__custom-head h3{margin:0;font-size:15px;line-height:1.3}.houroffer-mockup__custom-head span{color:var(--houroffer-mockup-muted);font-size:12px}.houroffer-mockup__color-parts{display:grid;gap:14px}.houroffer-mockup__color-part{display:grid;gap:8px}.houroffer-mockup__color-part-label{color:var(--houroffer-mockup-text);font-size:13px;font-weight:700}.houroffer-mockup__color-inputs{display:grid;grid-template-columns:44px 1fr;gap:8px}.houroffer-mockup__color-inputs input[type=color]{width:44px;height:42px;border:1px solid var(--houroffer-mockup-line);border-radius:6px;background:#fff;cursor:pointer;padding:3px}.houroffer-mockup__color-inputs input[type=text]{width:100%;min-width:0;height:42px;border:1px solid var(--houroffer-mockup-line);border-radius:6px;color:var(--houroffer-mockup-text);font:inherit;padding:8px 10px;text-transform:uppercase}.houroffer-mockup__part-swatches{display:flex;flex-wrap:wrap;gap:6px}.houroffer-mockup__part-swatch{width:24px;height:24px;border:1px solid rgba(21,32,43,.18);border-radius:50%;background:var(--part-swatch-color, #ffffff);cursor:pointer;padding:0}.houroffer-mockup__part-swatch:hover{box-shadow:0 0 0 2px #0f5f6324}.houroffer-mockup__small-copy{margin:10px 0 0;color:var(--houroffer-mockup-muted);font-size:13px;line-height:1.5}.houroffer-mockup__small-copy code{color:var(--houroffer-mockup-text);font-size:12px}.houroffer-mockup__preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.houroffer-mockup__status{flex:0 0 auto;border:1px solid var(--houroffer-mockup-line);border-radius:999px;color:var(--houroffer-mockup-muted);font-size:12px;padding:6px 10px}.houroffer-mockup__canvas-wrap{position:relative;width:100%;overflow:hidden;border:1px solid var(--houroffer-mockup-line);border-radius:8px;background:linear-gradient(45deg,rgba(99,112,131,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(99,112,131,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(99,112,131,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(99,112,131,.06) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.houroffer-mockup__canvas{display:block;width:100%;height:auto;touch-action:none}.houroffer-mockup__controls{display:grid;gap:14px;margin-top:16px}.houroffer-mockup__range{display:grid;gap:8px}.houroffer-mockup__range input{width:100%;accent-color:var(--houroffer-mockup-accent)}.houroffer-mockup__button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.houroffer-mockup__upload{display:grid;place-items:center;min-height:170px;margin-top:18px;border:1px dashed #aab7c5;border-radius:8px;background:var(--houroffer-mockup-soft);cursor:pointer;padding:20px;text-align:center}.houroffer-mockup__upload.is-dragging{border-color:var(--houroffer-mockup-accent);background:#eef7f7}.houroffer-mockup__upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.houroffer-mockup__upload-title{display:block;font-weight:800}.houroffer-mockup__upload-copy,.houroffer-mockup__file-info{display:block;color:var(--houroffer-mockup-muted);font-size:13px;line-height:1.45}.houroffer-mockup__file-info{margin-top:12px}.houroffer-mockup__tips{margin-top:20px;padding-top:18px;border-top:1px solid var(--houroffer-mockup-line)}.houroffer-mockup__tips h3{margin:0 0 8px;font-size:15px}.houroffer-mockup__tips p{margin:0;color:var(--houroffer-mockup-muted);font-size:13px;line-height:1.55}@media(max-width:1100px){.houroffer-mockup__shell{grid-template-columns:minmax(220px,.9fr) minmax(420px,1.4fr)}.houroffer-mockup__panel:last-child{grid-column:1 / -1}}@media(max-width:760px){.houroffer-mockup__hero-inner,.houroffer-mockup__shell{width:min(100% - 24px,680px)}.houroffer-mockup__hero-inner{padding:42px 0 34px}.houroffer-mockup__shell{grid-template-columns:1fr;padding-top:22px}.houroffer-mockup__preview-head,.houroffer-mockup__controls,.houroffer-mockup__button-row{grid-template-columns:1fr}.houroffer-mockup__preview-head{display:grid}.houroffer-mockup__status{width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-logo-mockup.css.map */