/* Meaningful selection, recoverable feedback, and a contextual mobile sheet. */
.product-scope{display:flex;align-items:center;gap:12px;flex:1;margin:0;color:#67432f;white-space:nowrap}.product-scope strong{font-size:15px;font-weight:600}.product-scope span{font-size:12px;color:#786355}.choco-map .detail-visual{position:relative}.photo-caption{position:absolute;left:12px;bottom:12px;background:#fcf8f0;color:#67432f;border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.6}.choco-map .detail-dialog .demo-pill{top:12px;bottom:auto}
@media(max-width:700px){.product-scope{grid-column:1/-1;grid-row:2;height:44px;gap:10px}.product-scope strong{font-size:16px}.product-scope span{font-size:12px}.choco-map .panel-heading h1{font-size:16px}.choco-map .panel-heading>div{gap:8px}.choco-map .photo-caption{font-size:10px}}
.view-switch{position:relative;isolation:isolate}.segment-indicator{position:absolute;z-index:0;left:3px;top:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:6px;background:#f8ead4;transform:translateX(0);transition:transform 180ms ease-out;pointer-events:none}.is-list-view .segment-indicator{transform:translateX(100%)}.top-actions .view-switch button{position:relative;z-index:1;background:transparent!important;flex:1;min-width:74px}.top-actions .view-switch button.active{background:transparent!important}.view-switch{display:grid;grid-template-columns:1fr 1fr}.choco-map .place-select[aria-current="true"]{color:#38261e}.choco-map .toast{display:flex;align-items:center;gap:16px;justify-content:space-between}.choco-map .toast>span{flex:1}.choco-map .toast button{min-height:44px;flex-shrink:0;padding:6px 12px;color:#ffe6b9;background:#6a4630;border-radius:6px;font-size:13px;white-space:nowrap}.choco-map .toast button:hover{background:#845c3d}.choco-map .toast.with-action{padding:6px 8px 6px 18px;min-width:280px}
.choco-map .skeleton-card{height:166px;padding:16px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;background:#f7efe3;border-color:#e5d8c4}.skeleton-photo{height:94px;align-self:center;border-radius:7px;background:#e7dac7}.skeleton-lines{display:flex;flex-direction:column;gap:12px;justify-content:center}.skeleton-lines span{height:12px;background:#e7dac7;border-radius:3px}.skeleton-lines span:first-child{width:45%}.skeleton-lines span:nth-child(2){width:80%;height:18px}.skeleton-lines span:last-child{width:65%}.choco-map #status:not(:empty){line-height:1.9}.choco-map #status .button{margin-top:12px}.choco-map dialog{scrollbar-width:thin;scrollbar-color:#d6c1a5 #fcf8ef}
@media(max-width:700px){.top-actions .view-switch button{min-width:0;width:40px;min-height:40px}.top-actions .view-switch{grid-template-columns:40px 40px}.choco-map .toast.with-action{bottom:276px;width:calc(100% - 32px);font-size:12px}.choco-map .skeleton-card{height:142px;min-width:0;flex:0 0 calc(100% - 20px);grid-template-columns:78px minmax(0,1fr);padding:10px}.skeleton-photo{height:120px}.choco-map #detail-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:20px 20px 0 0;border-width:1px 0 0;box-shadow:0 -8px 32px #24190f24}.choco-map #detail-dialog[open]{animation:detail-sheet-in 180ms ease-out}.choco-map #detail-dialog .detail-visual{height:180px}.choco-map #detail-dialog .detail-copy{padding-bottom:max(24px,env(safe-area-inset-bottom))}.choco-map input,.choco-map textarea,.choco-map select{font-size:16px}.choco-map .search-box input{font-size:16px}.choco-map .panel-filters select{font-size:12px}}
@keyframes detail-sheet-in{from{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.segment-indicator{transition:none!important}.choco-map #detail-dialog[open]{animation:none!important}}