:root{--ink:#513828;--soft:#806653;--cream:#fff8ed;--paper:#fffefa;--blue:#d9f1fb;--peach:#ffe0d1;--pink:#f8cbd2;--line:#ecd9c3;--caramel:#a85c2c;--font:ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;color:var(--ink);background:var(--cream) url('/assets/kr-paws.svg') repeat;background-size:260px 280px;font-family:var(--font);line-height:1.55;word-break:keep-all}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #477e9e;outline-offset:4px}.skip-link{position:fixed;z-index:20;left:12px;top:12px;transform:translateY(-180%);background:var(--ink);color:white;padding:12px 20px;border-radius:99px}.skip-link:focus{transform:none}
.puppy-shop{max-width:860px;margin:auto;padding:24px 28px 34px}.shop-topline{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;color:var(--soft);letter-spacing:.035em;margin:0 0 22px}.tiny-paw{font-size:17px}.top-heart{color:#b76569;font-size:19px}
.welcome{position:relative;isolation:isolate;text-align:center;padding:34px 30px 28px;border:3px solid white;border-radius:140px 140px 38px 38px;background:linear-gradient(180deg,#d7f0fc,#e9f7fc 78%,#f4fbfe);box-shadow:0 5px 0 #d5e8ed,0 12px 30px #8cb4c610;overflow:hidden}.portrait-wrap{position:relative;width:156px;margin:0 auto 18px}.portrait{display:block;width:156px;height:156px;object-fit:cover;border:6px solid #fffefa;border-radius:50%;box-shadow:0 4px 0 #bbdfe9}.portrait-paw{position:absolute;bottom:-1px;right:-8px;display:grid;place-items:center;width:40px;height:40px;border:3px solid white;border-radius:50%;background:#ffe3c4;font-size:19px;transform:rotate(14deg)}.hello-sticker{position:absolute;top:54px;left:calc(50% + 92px);padding:9px 15px;border:2px solid white;border-radius:14px 14px 14px 2px;background:#ffedb4;font-size:12px;font-weight:800;transform:rotate(9deg);white-space:nowrap}.eyebrow{margin:0 0 5px;color:#506d7b;font-size:11px;letter-spacing:.08em;font-weight:800}h1{margin:0;font-size:42px;line-height:1.22;letter-spacing:-.045em;font-weight:900;overflow-wrap:anywhere}.intro{font-size:14px;margin:12px auto 0;line-height:1.7;white-space:pre-line;max-width:480px;color:var(--soft)}.welcome-note{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:7px 18px;border-radius:99px;background:#ffffffbf;color:#675443;font-size:12px}.welcome-note span{color:#c68282}.cloud{position:absolute;z-index:-1;width:95px;height:29px;background:#ffffffc9;border-radius:40px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:10px}.cloud:before{width:45px;height:45px;left:13px}.cloud:after{width:33px;height:33px;right:12px}.cloud-one{left:9%;top:100px;transform:rotate(-8deg)}.cloud-two{right:9%;top:205px;transform:scale(.8) rotate(5deg)}
.search-zone{position:relative;margin:26px auto 36px;padding:23px 26px 18px;max-width:680px;background:var(--paper);border:2px solid var(--line);border-radius:24px;box-shadow:0 4px 0 #f0e3d2}.search-label-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.search-label-row label{font-weight:800;font-size:14px}.number-note{font-size:12px;color:var(--caramel);background:#fff1de;padding:3px 9px;border-radius:8px;white-space:nowrap}.search-box{position:relative}.search-box>svg{position:absolute;width:20px;left:15px;top:17px;fill:none;stroke:#9a7c61;stroke-width:2;stroke-linecap:round}.search-box input{width:100%;height:54px;border:1px solid #eadcc9;border-radius:15px;padding:0 70px 0 46px;background:#fffaf2;color:var(--ink);font-size:16px;min-width:0}.search-box input::placeholder{color:#947e6d}.search-clear{position:absolute;right:8px;top:7px;height:40px;border:0;border-radius:10px;background:#f2e8d8;color:var(--ink);font-size:12px;padding:0 10px}.search-hint{font-size:11px;color:var(--soft);margin:9px 2px 0}
.products{margin:0 0 34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 14px}.heading-copy{display:flex;align-items:center;gap:12px}.section-icon{display:grid;place-items:center;width:42px;height:42px;border:2px solid white;border-radius:15px;transform:rotate(-7deg);font-size:25px}.peach{background:var(--peach);color:#9b5939}.blue{background:var(--blue);color:#4c7d96}.section-kicker{font-size:10px;letter-spacing:.035em;color:var(--soft);margin:0 0 1px;font-weight:700}h2{font-size:23px;line-height:1.3;margin:0;letter-spacing:-.035em}.result-count{background:#fffdf5;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:10px;color:var(--soft);white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{display:flex;flex-direction:column;min-width:0;padding:9px;text-decoration:none;background:var(--paper);border:2px solid var(--line);border-radius:22px;box-shadow:0 4px 0 #f0e4d7;transition:transform .18s,border-color .18s}.product-card:hover{transform:translateY(-3px);border-color:#c9a980}.product-media{position:relative;display:block;aspect-ratio:1;background:#ecf7fa;border-radius:14px;overflow:hidden}.product-media img{display:block;width:100%;height:100%;object-fit:cover}.product-number{position:absolute;top:8px;left:8px;background:#fffaf1f2;border:1px solid #edd8bc;border-radius:9px;padding:3px 8px;font-weight:900;font-size:12px;color:#71432c;transform:rotate(-5deg)}.product-body{display:flex;flex:1;flex-direction:column;padding:12px 4px 4px;gap:5px}.card-kicker{color:#9a623f;font-size:9px;font-weight:800}.product-name{font-weight:800;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.product-cta{display:block;text-align:center;margin-top:auto;padding:9px 6px;border:1px solid #efcfaa;border-radius:11px;background:#ffe6c5;font-size:12px;font-weight:800}.product-name+.product-cta{margin-top:12px}.product-cta:after{content:" ↗"}.state-panel{text-align:center;background:#fffefaed;border:2px dashed #e4cfb8;border-radius:24px;padding:26px 20px}.state-mark{display:grid;place-items:center;margin:0 auto 10px;width:48px;height:44px;border-radius:17px;background:#fff0d7;font-size:24px;color:#a76b37;transform:rotate(-8deg)}.state-panel h3{font-size:16px;margin:0 0 6px;letter-spacing:-.025em}.state-panel p{font-size:12px;margin:0;color:var(--soft)}
.disclosure{display:flex;gap:15px;align-items:flex-start;border:1px solid #e5d7c5;border-radius:16px;background:#fffaf1ed;padding:16px 18px;color:#79624f;font-size:11px}.disclosure-title{font-weight:800;white-space:nowrap}.disclosure p{margin:0;line-height:1.7}footer{text-align:center;padding:26px 0 0;color:#866d55;font-size:10px}footer>span:first-child{font-size:21px}footer p{margin:6px 0;font-size:12px;font-weight:800}footer>span:last-child{font-size:10px}
.skeleton-card{min-height:220px;padding:10px;border-radius:22px;background:#fffcf6;border:2px solid var(--line)}.skeleton-image{display:block;aspect-ratio:1;border-radius:14px;background:#e9f0ef}.skeleton-copy{display:block;padding-top:8px}.skeleton-line{display:block;height:10px;margin-top:7px;border-radius:5px;background:#ede6dc}.skeleton-line-short{width:60%}
@media(min-width:700px){.welcome{padding-top:32px}.portrait-wrap{width:166px}.portrait{width:166px;height:166px}.welcome h1{font-size:46px}.products{padding:0 12px}}
@media(max-width:600px){.puppy-shop{padding:18px 17px 24px;max-width:480px}.shop-topline{font-size:10px;margin-bottom:16px}.welcome{border-radius:100px 100px 30px 30px;padding:30px 20px 24px}.portrait-wrap{width:138px;margin-bottom:17px}.portrait{width:138px;height:138px}.hello-sticker{font-size:10px;top:45px;left:calc(50% + 55px);padding:6px 10px}.cloud-one{left:-18px;top:131px;transform:scale(.75)}.cloud-two{right:-20px;top:200px;transform:scale(.7)}h1{font-size:34px}.intro{font-size:13px}.welcome-note{font-size:10px;gap:7px;padding:7px 12px;margin-top:18px}.search-zone{margin:23px 0 30px;padding:18px 17px 15px;border-radius:21px}.search-label-row label{font-size:12px}.number-note{font-size:10px}.search-hint{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:7px;border-radius:19px}.product-name{font-size:13px}.product-body{padding:9px 3px 3px}.product-cta{font-size:11px}.section-icon{width:34px;height:36px;border-radius:12px;font-size:23px}.heading-copy{gap:8px}h2{font-size:19px}.section-kicker{font-size:9px}.result-count{font-size:9px;padding:3px 8px}.state-panel{padding:25px 14px}.state-panel h3{font-size:14px}.state-panel p{font-size:11px}.disclosure{display:block;font-size:10px}.disclosure-title{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}}