/* Dream Home Shop · 5.54. Decorative art is local to ornaments and floors. */
.hh-finish-tint{background:none;mix-blend-mode:normal;clip-path:none}
.hh-charm-sprite{display:block;aspect-ratio:1;background-image:url(assets/wall-charms-v554.png);background-size:300% 200%;background-position:var(--decor-x) var(--decor-y);background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #5e35572b)}
.hh-finish-tint>.hh-charm-sprite{position:absolute;top:10%;left:3.5%;width:12%;max-width:185px;transform-origin:50% 0;animation:hh-charm-sway 8s ease-in-out infinite}
.hh-finish-tint>.hh-charm-sprite:last-child{left:auto;right:3.5%;animation-delay:-3s}
@keyframes hh-charm-sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.hh-floor-finish{background:none;mix-blend-mode:normal}
.hh-floor-surface{display:block;position:absolute;inset:28% -8% -9%;background-image:url(assets/floor-studio-v554.png);background-size:400% 300%;background-position:var(--floor-x) var(--floor-y);background-repeat:no-repeat;transform:perspective(600px) rotateX(21deg) scale(1.22);transform-origin:center bottom}
.hh-floor-finish:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#66422b4d 36%,transparent 61%),radial-gradient(ellipse at 55% 55%,#fff5cd3d,transparent 52%);pointer-events:none}
.hh-shop-banner{position:relative;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);padding:0;gap:0;align-items:stretch;border:2px solid #ecd59f;border-radius:28px;background:#fffae9;box-shadow:0 7px #c1a0b6,0 20px 46px #795c6326}
.hh-shop-intro{position:relative;padding:clamp(24px,3.3vw,48px);background:radial-gradient(circle at 5% 0,#ffebc6,transparent 62%),linear-gradient(145deg,#fffbea,#fff3dc 64%,#f8dce5);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hh-shop-intro:after{content:'';position:absolute;inset:12px;border:1px solid #d7ac6559;border-radius:18px;pointer-events:none}
.hh-shop-intro .hh-eyebrow{font-size:10px;letter-spacing:2px;color:#8b634e}
.hh-studio-badge{display:inline-block;margin:16px 0 10px;padding:7px 12px;border-radius:99px;background:#f1d9dd;color:#8c4163;font-size:12px;font-weight:900;border:1px solid #e4b6c5}
.hh-shop-banner h1{font-size:clamp(29px,3.35vw,48px)!important;line-height:1.13;margin:9px 0 15px!important;color:#3b3957;letter-spacing:-.8px}
.hh-shop-banner h1 em{color:#288379;font-style:normal}
.hh-shop-banner p{font-size:clamp(13px,1.1vw,16px);line-height:1.7;margin:0 0 16px;max-width:450px;color:#78616c}
.hh-shop-feature-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.hh-shop-feature-chips span{font-size:11px;font-weight:800;padding:6px 9px;border-radius:9px;background:#fffdf3bd;border:1px solid #e4d7b9;color:#52776c}
.hh-shop-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:23px}
.hh-shop-hero-actions .hh-button{font-size:13px;min-height:44px;padding:11px 15px}
.hh-shop-hero-actions .hh-primary{background:linear-gradient(145deg,#3a9b8b,#257469);border-color:#26766e;box-shadow:0 4px #20594f}
.hh-shop-wallet-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hh-shop-wallet-row small{font-size:10px;line-height:1.6;color:#876c57}
.hh-shop-balance{font-size:15px;border:1px solid #deb56c;background:linear-gradient(145deg,#fff6cd,#ffe0a2);padding:9px 13px;border-radius:13px;box-shadow:0 3px #d6a6663d;color:#8d5d19}
.hh-shop-story{position:relative;min-width:0;overflow:hidden;display:flex;background:#dec191}
.hh-shop-story>img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:53% 53%}
.hh-shop-story-tag{position:absolute;left:20px;bottom:20px;padding:10px 16px;background:#fffbedef;border:1px solid #edcb8c;border-radius:99px;color:#6f4c58;box-shadow:0 4px 14px #76492430;font-size:14px;font-weight:900}
.hh-shop-categories{scroll-margin-top:12px;margin-top:25px;gap:9px}
.hh-shop-categories .hh-button{border-radius:14px;background:#fffdf6;border-color:#ded2b8;box-shadow:0 3px #c8b8cf66}
.hh-shop-categories .hh-button.active{background:#317f75;color:#fffbed;border-color:#20645d;box-shadow:0 3px #20574f}
.hh-shop-card.kind-floor{border-color:#d5c3a2;box-shadow:0 5px #c4b59d}
.hh-shop-card.kind-wall{border-color:#d8bad3;box-shadow:0 5px #c7a8c1}
.hh-shop-card.kind-floor .hh-shop-art{background:radial-gradient(ellipse at 50% 35%,#fffcf1,#ead8bb);height:245px;padding:16px 24px}
.hh-shop-card.kind-wall .hh-shop-art{background:radial-gradient(ellipse at 50% 38%,#fffceb,#efe0ed);height:245px;padding:14px 22px}
.hh-shop-card.kind-wall .hh-shop-copy p,.hh-shop-card.kind-floor .hh-shop-copy p{font-size:14px;line-height:1.65;min-height:0}
.hh-charm-preview{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:125px}
.hh-charm-preview>.hh-charm-sprite{width:100%;height:auto;max-width:250px;max-height:100%;aspect-ratio:1}
.hh-charm-preview.original{max-width:340px;background:url(assets/pixel-worlds.png) 0 0/200% 200%;border:4px solid #fff7de;border-radius:17px;box-shadow:0 5px #bc9a713d}
.hh-original-caption{position:absolute;bottom:9px;left:9px;padding:5px 9px;background:#fffbeaeb;color:#735f40;border-radius:8px;font-size:11px}
.hh-floor-preview{display:block;position:relative;width:100%;max-width:300px;aspect-ratio:1.15;transform:perspective(600px) rotateX(17deg) rotateZ(-6deg);border:7px solid #fff7de;border-radius:15px;box-shadow:0 8px #bf9878,0 17px 25px #64483740;background:#dec69c;overflow:hidden}
.hh-floor-preview>span{position:absolute;inset:0;background-image:url(assets/floor-studio-v554.png);background-size:400% 300%;background-position:var(--floor-x) var(--floor-y)}
.hh-floor-preview>b{position:absolute;left:10px;bottom:10px;padding:5px 9px;border:1px solid #fff4c67d;background:#674a43cd;color:#fff8e4;border-radius:7px;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.hh-preview-bar>.hh-charm-preview,.hh-preview-bar>.hh-floor-preview{width:85px;height:85px;min-height:0;flex:0 0 85px}
.hh-preview-bar .hh-floor-preview>b,.hh-preview-bar .hh-original-caption{display:none}
.hh-reduced .hh-charm-sprite{animation:none!important}
@media(min-width:1650px){.hh-shop-story>img{max-height:540px;object-position:center 57%}}
@media(max-width:1000px){.hh-shop-banner{grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr)}.hh-shop-intro{padding:28px}.hh-shop-banner h1{font-size:33px!important}.hh-shop-story>img{object-position:60% center}.hh-shop-hero-actions{gap:8px}.hh-shop-hero-actions .hh-button{font-size:12px}}
@media(max-width:700px){.hh-shop-banner{display:flex;flex-direction:column}.hh-shop-story{order:-1}.hh-shop-story>img{height:auto;min-height:0;aspect-ratio:1.5;object-fit:contain}.hh-shop-intro{padding:25px}.hh-shop-banner h1{font-size:34px!important}.hh-shop-banner p{font-size:14px}.hh-shop-story-tag{font-size:11px;left:12px;bottom:12px;padding:7px 11px}.hh-shop-feature-chips{margin-bottom:15px}.hh-shop-wallet-row{gap:10px}.hh-shop-card.kind-floor .hh-shop-art,.hh-shop-card.kind-wall .hh-shop-art{height:190px;padding:12px}.hh-shop-copy{padding:15px}.hh-shop-copy h2{font-size:19px!important}.hh-floor-preview{border-width:5px}.hh-floor-preview>b{font-size:8px;left:5px;bottom:5px}}
@media(prefers-reduced-motion:reduce){.hh-finish-tint>.hh-charm-sprite{animation:none}}
.hh-shop-story>img{image-rendering:pixelated}
.hh-emoji-picker{margin:10px 0 12px;border:1px solid #d5c4e9;background:#fffaf3;border-radius:17px;overflow:hidden}
.hh-emoji-picker>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 16px;cursor:pointer;font-size:16px;font-weight:800;color:#614285;list-style:none}
.hh-emoji-picker>summary::-webkit-details-marker{display:none}
.hh-emoji-picker>summary:focus-visible{outline:3px solid #9260d7;outline-offset:-4px;border-radius:15px}
.hh-emoji-chevron{margin-left:auto;transition:transform .15s}
.hh-emoji-picker[open] .hh-emoji-chevron{transform:rotate(180deg)}
.hh-emoji-panel{padding:0 15px 16px;border-top:1px solid #eadff1;background:linear-gradient(130deg,#fff9e9,#f4eeff)}
.hh-emoji-panel>p{margin:12px 0;font-size:13px;color:#756482}
.hh-emoji-group>strong{display:block;margin:12px 0 8px;font-size:12px;color:#785388;letter-spacing:.3px}
.hh-emoji-group>div{display:flex;flex-wrap:wrap;gap:8px}
.hh-emoji-group .hh-emoji-button{display:grid;place-items:center;width:48px;height:48px;min-height:48px;min-width:48px;padding:5px;border-radius:13px;background:#fffefd;border:1px solid #e4d5eb;box-shadow:0 3px #d6c5e3;line-height:1}
.hh-emoji-button>span{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:26px}
.hh-emoji-button:hover:not(:disabled){background:#fff1cf;border-color:#e4bd62;transform:translateY(-1px)}
.hh-emoji-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}
.hh-emoji-button:focus-visible{outline:3px solid #9463cf;outline-offset:2px}
@media(max-width:480px){.hh-emoji-panel{padding:0 12px 14px}.hh-emoji-group>div{gap:7px}.hh-emoji-group .hh-emoji-button{width:44px;height:44px;min-width:44px;min-height:44px}.hh-emoji-picker>summary{font-size:15px}}