.hydrogel-gift{--accent: oklch(.51 .07 160);--accent-soft: oklch(.51 .07 160 / .18);--bg: oklch(.98 .005 160);--bg-2: oklch(.95 .008 160);--bg-3: oklch(.92 .012 160);--fg: oklch(.22 .01 380);--fg-mute: oklch(.45 .01 380);--fg-dim: oklch(.62 .01 380);--card: oklch(.99 .005 160);--line: oklch(0 0 0 / .08);--rad: 14px;--font-sans: "Lato", system-ui, sans-serif;--font-serif: "Fraunces", "Times New Roman", serif}.hydrogel-gift,.hydrogel-gift *,.hydrogel-gift *:before,.hydrogel-gift *:after{box-sizing:border-box}.hydrogel-gift{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.005em;overflow-x:hidden}.hydrogel-gift a{color:inherit}.hg-container{max-width:640px;margin:0 auto;padding:0 clamp(20px,6vw,40px)}.hg-section{padding:clamp(56px,8vw,96px) 0}.hg-section+.hg-section{padding-top:0}.hg-section.hg-intro{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(44px,6vw,84px)}.hg-intro{text-align:center}.hg-intro .hg-container{max-width:1040px}.hg-intro .hg-sub{max-width:720px;margin-left:auto;margin-right:auto;text-align:left}.hg-h1-break{display:none}@media(min-width:760px){.hg-h1-break{display:inline}}.hg-serif-it{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.hg-eyebrow{display:inline-block;font-family:var(--font-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:18px;font-weight:700}.hg-h1{font-size:clamp(34px,6vw,52px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:0 0 22px;text-wrap:balance}.hg-h2{font-size:clamp(26px,4vw,36px);line-height:1.12;letter-spacing:-.02em;font-weight:700;margin:0 0 14px;text-wrap:balance}.hg-sub{color:var(--fg-mute);font-size:16.5px;line-height:1.65;margin:0 0 8px;max-width:540px}.hg-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:inherit;font-weight:700;height:50px;padding:0 14px 0 16px;border-radius:12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .12s;white-space:nowrap;width:100%;justify-content:center}.hg-btn:hover{transform:translateY(-1px);background:var(--accent);border-color:var(--accent);color:#fff}.hg-btn:disabled{opacity:.45;pointer-events:none}.hg-btn-dot{width:18px;height:18px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}.hg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}.hg-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--bg-3)}.hg-card-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--fg);font-weight:700;text-transform:uppercase}.hg-card-body{padding:28px 28px 6px}@media(max-width:600px){.hg-card-body{padding:22px 18px 4px}}.hg-card-foot{padding:22px 28px;border-top:1px solid var(--line);background:var(--bg-2)}@media(max-width:600px){.hg-card-foot{padding:18px}}.hg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hg-field{display:flex;flex-direction:column;gap:8px;position:relative}.hg-field-full{grid-column:1 / -1}.hg-field-l{font-size:11px;letter-spacing:.14em;color:var(--fg-mute);text-transform:uppercase;font-weight:700}.hg-field-l-note{font-weight:400;text-transform:none;letter-spacing:0;color:var(--fg-dim);font-size:12px}.hg-field-hint{font-size:12px;color:var(--fg-dim);line-height:1.4}.hg-err{color:#d64938;font-style:italic;font-family:var(--font-serif);text-transform:none;letter-spacing:0;font-weight:300}.hg-err:before{content:" \b7  "}.hg-err:empty:before{content:""}.hg-err-block{display:block;margin:6px 0 0 28px}.hg-form-section{padding:12px 0 2px;border-top:1px solid var(--line);margin-top:4px}.hg-form-section-l{font-size:11px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-weight:700}.hg-input{height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--fg);font:inherit;font-size:15px;outline:none;transition:border-color .15s,background .15s;width:100%}.hg-input:focus{border-color:var(--accent);background:var(--card)}.hg-textarea{height:auto;padding:12px 14px;min-height:110px;resize:vertical;line-height:1.5}.hg-char-count{position:absolute;right:0;top:0;font-size:10.5px;color:var(--fg-dim);letter-spacing:.1em}@media(max-width:600px){.hg-form-grid{grid-template-columns:1fr}}.hg-product{padding:20px 0 4px;border-top:1px solid var(--line);margin-top:8px}.hg-product-label{display:block;font-size:11px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-weight:700;margin-bottom:14px}.hg-product-card{display:flex;gap:20px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 2px #0000000a}.hg-product-img{position:relative;flex:0 0 auto;width:132px;height:132px;border-radius:10px;overflow:hidden;background:var(--bg-3);border:1px solid var(--line)}.hg-product-img img{width:100%;height:100%;object-fit:cover;display:block}.hg-product-info{min-width:0}.hg-product-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;line-height:1.25}.hg-product-desc{font-size:13.5px;line-height:1.5;color:var(--fg-mute);margin:0}@media(max-width:480px){.hg-product-card{flex-direction:column;align-items:stretch}.hg-product-img{width:100%;height:200px}}.hg-acks{padding:20px 0 4px;border-top:1px solid var(--line);margin-top:8px}.hg-ack{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.hg-ack input{margin-top:4px;accent-color:var(--accent);flex:0 0 auto;width:16px;height:16px}.hg-ack span{font-size:13.5px;color:var(--fg-mute);line-height:1.55}.hg-terms-list{list-style:none;margin:14px 0 0 28px;padding:0;display:flex;flex-direction:column;gap:8px}.hg-terms-list li{position:relative;padding-left:16px;font-size:13px;line-height:1.55;color:var(--fg-mute)}.hg-terms-list li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.hg-photo-dropzone{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line);border-radius:10px;padding:20px 16px;background:var(--bg-2);color:var(--fg-mute);font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.hg-photo-dropzone:hover,.hg-photo-dropzone.is-dragover{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.hg-photo-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.hg-photo-thumb{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--line);flex-shrink:0}.hg-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hg-photo-thumb-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--fg);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.hg-star-rating{display:flex;gap:4px}.hg-star{-webkit-appearance:none;appearance:none;background:none;border:none;padding:4px;cursor:pointer;color:var(--fg-dim);transition:color .15s,transform .1s;display:inline-flex;align-items:center}.hg-star:hover,.hg-star.is-active{color:var(--accent)}.hg-star.is-active svg path{fill:var(--accent);stroke:var(--accent)}.hg-star:hover{transform:scale(1.15)}.hg-divider{display:flex;align-items:center;gap:16px;padding:0 clamp(20px,6vw,40px);max-width:640px;margin:0 auto}.hg-divider-line{flex:1;height:1px;background:var(--line)}.hg-divider-label{font-size:11px;letter-spacing:.16em;color:var(--fg-dim);text-transform:uppercase;font-weight:700;white-space:nowrap}.hg-success{padding:40px 0 8px;text-align:left}.hg-success-mark{color:var(--accent);margin-bottom:20px}.hg-success h3{font-size:clamp(24px,3.4vw,30px);font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.hg-success p{color:var(--fg-mute);font-size:15.5px;line-height:1.6;margin:0;max-width:480px}@media(max-width:600px){.hg-input{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hydrogel-gift.css.map */
