.pet-pillow-customizer{display:block;margin-block:1.8rem 2rem;padding:2rem;border:1px solid #d9d5ca;border-radius:14px;background:#faf8f3;color:#171916}
.pet-pillow-customizer__intro h2{margin:0 0 .65rem;color:#171916;font-size:clamp(2rem,2.6vw,2.6rem);line-height:1.12;letter-spacing:-.025em}
.pet-pillow-customizer__intro p,.pet-pillow-customizer__photos p{margin:0;color:#565950;font-size:1.4rem;line-height:1.55}
.pet-pillow-customizer__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.8rem 0 2rem;padding:1.2rem 0;list-style:none;border-block:1px solid #dedbd3;counter-reset:pillow-step}
.pet-pillow-customizer__steps li{display:grid;align-content:start;gap:.3rem;counter-increment:pillow-step}
.pet-pillow-customizer__steps li:before{content:counter(pillow-step);display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:#24483a;color:#fff;font-size:1.2rem;font-weight:750}
.pet-pillow-customizer__steps strong{color:#272924;font-size:1.3rem;line-height:1.35}
.pet-pillow-customizer__steps span{color:#62645d;font-size:1.2rem;line-height:1.42}
.pet-pillow-customizer__field label,.pet-pillow-customizer__photos legend{display:block;margin-bottom:.6rem;color:#272924;font-size:1.35rem;font-weight:700}
.pet-pillow-customizer__field input,.pet-pillow-customizer__field textarea{box-sizing:border-box;width:100%;min-height:4.8rem;padding:1.1rem 1.3rem;border:1px solid #aaa99f;border-radius:10px;background:#fff;color:#171916;font:inherit;font-size:1.6rem}
.pet-pillow-customizer__field textarea{min-height:9rem;resize:vertical}
.pet-pillow-customizer__field small{display:block;margin:.5rem 0 0;color:#60635a;font-size:1.2rem}
.pet-pillow-customizer__optional{color:#66685f;font-size:1.2rem;font-weight:500}
.pet-pillow-customizer__photos{min-width:0;margin:1.8rem 0 0;padding:0;border:0}
.pet-pillow-customizer__upload{position:relative;display:grid;min-height:17rem;align-content:center;justify-items:center;margin-top:1rem;padding:1.6rem;border:1px dashed #8b948d;border-radius:14px;background:#fff;color:#26362f;cursor:pointer;text-align:center;transition:border-color .18s,background-color .18s}
.pet-pillow-customizer__upload:hover{border-color:#24483a;background:#f4f7f4}
.pet-pillow-customizer__upload:focus-within{outline:2px solid #24483a;outline-offset:3px}
.pet-pillow-customizer__upload.is-selected{border-style:solid;border-color:#587466;background:#f0f5f1}
.pet-pillow-customizer__upload.is-invalid{border-color:#9f2727;background:#fff8f7}
.pet-pillow-customizer__upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pet-pillow-customizer__upload svg{width:2.8rem;height:2.8rem;margin-bottom:.8rem;color:#24483a;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pet-pillow-customizer__upload strong{font-size:1.35rem}
.pet-pillow-customizer__upload span{margin-top:.45rem;color:#61645c;font-size:1.2rem}
.pet-pillow-customizer__upload em{max-width:100%;margin-top:1rem;padding:.65rem 1rem;border-radius:999px;background:#24483a;color:#fff;font-size:1.15rem;font-style:normal;font-weight:700;overflow-wrap:anywhere}
.pet-pillow-customizer__field--notes{margin-top:1.6rem}
.pet-pillow-customizer__check{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.9rem;align-items:start;margin-top:1.4rem;color:#272924;cursor:pointer;font-size:1.3rem;line-height:1.45}
.pet-pillow-customizer__check input{width:1.8rem;height:1.8rem;margin:.05rem 0 0;accent-color:#24483a}
.pet-pillow-customizer__policy{margin:1.4rem 0 0;color:#60635a;font-size:1.2rem;line-height:1.5}
.pet-pillow-customizer__error{display:block;color:#8b1f1f;font-size:1.2rem;font-weight:650;line-height:1.4}
.pet-pillow-customizer__error:not(:empty){margin-top:.5rem}
.pet-pillow-customizer input:focus-visible,.pet-pillow-customizer textarea:focus-visible{outline:2px solid #24483a;outline-offset:2px}
.pet-pillow-customizer input[aria-invalid=true]{border-color:#9f2727}
@media(max-width:749px){.pet-pillow-customizer{padding:1.6rem}.pet-pillow-customizer__steps{grid-template-columns:1fr}.pet-pillow-customizer__steps li+li{padding-top:1rem;border-top:1px solid #dedbd3}.pet-pillow-customizer__upload{min-height:15rem}}
@media(prefers-reduced-motion:reduce){.pet-pillow-customizer__upload{transition:none}}