/* v68: one information hierarchy for both themes, adapted to Topa. */
:root {--detail-paper:#FCFEFD;--detail-line:#D7E6E0;--detail-glass:rgba(252,254,253,.94);--detail-icon:#EAF4EF}
:root[data-theme=dark] {--detail-paper:#0A3B43;--detail-line:#2A555D;--detail-glass:rgba(10,59,67,.94);--detail-icon:#124A52}
.store {background:var(--detail-paper);background-image:none;border:1px solid var(--card-line);border-radius:16px;box-shadow:0 3px 10px rgba(3,35,40,.025);overflow:hidden}
.store .store-art {height:auto;aspect-ratio:16/9;border-radius:10px}
.store .store-art:not(.image-cover) {min-height:0;padding:24px;justify-content:center}
.store .store-meta {padding:18px 4px 4px;gap:0}
.store .store-title-row {display:block;min-width:0}
.store h3 {font:650 23px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.store .store-category {font-size:14px;line-height:1.6;margin:8px 0 0;min-height:0}
.store-location {display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 16px}
.store-location-distance {font-variant-numeric:tabular-nums}
.store-location-distance::before {content:'·';margin-right:8px}
.store .store-bottom {border-top:1px solid var(--detail-line);padding-top:14px;margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;font-size:13px;line-height:1.5}
.store .store-open {display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--primary);margin:0;min-height:32px}
.store-open svg {width:17px;height:17px;flex-shrink:0}
.store .reference-caption {font-size:11px;background:rgba(252,254,253,.94);color:#365F65}
.store .art-line {line-height:1.5}
.profile {background:var(--detail-paper)}
.profile-inner {padding:16px var(--inset-block) 0;background:var(--detail-paper)}
.profile-toolbar {margin-bottom:16px;gap:12px;min-height:44px}
.profile-toolbar .text-button {font-size:14px;min-height:44px;gap:10px}
.profile-toolbar>span {font-size:11px;white-space:nowrap}
#profile-content {padding:4px 12px 24px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.profile-heading {padding:0 0 22px}
.profile-title {font:650 36px/1.08 Bricolage,Arial,sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere}
.profile-subtitle {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:12px;font-size:14px;line-height:1.6;color:var(--muted)}
.profile-subtitle>span {display:inline;font-size:14px;margin:0;color:inherit;font-variant-numeric:tabular-nums}
.profile-subtitle>span+span::before {content:'·';margin-right:8px}
.profile-art,.profile-art.image-cover {height:156px;border-radius:14px}
.profile-art:not(.image-cover) {padding:24px 28px}
.profile .detail-section {border-bottom:1px solid var(--detail-line);padding:24px 0}
.profile .detail-section h3 {font:600 21px/1.25 Bricolage,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 16px}
.profile-categories {gap:8px}
.profile-categories span {padding:7px 12px;border:0;border-radius:7px;background:var(--detail-icon);font-size:14px;line-height:1.4}
.profile .detail-section .profile-stock-note {font-size:13px;line-height:1.7;margin-top:14px;color:var(--muted)}
.profile .purchase-list {gap:20px;font-size:15px;line-height:1.6}
.profile .purchase-list li {display:flex;gap:14px;align-items:flex-start;padding:0;background:none;border-radius:0}
.profile-fact-icon {display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--detail-icon);border-radius:10px;color:var(--ink)}
.profile-fact-icon svg {width:21px;height:21px}
.profile .purchase-list strong {font-weight:550;font-size:15px;line-height:1.5;display:block;margin-top:1px}
.profile .purchase-list p {font-size:13px;line-height:1.6;color:var(--muted);margin-top:4px}
.profile .detail-section .delivery-context {font-size:13px;line-height:1.7;margin-top:18px}
.profile .location-facts {display:grid;grid-template-columns:1fr;gap:20px;margin:0}
.location-facts>div {position:relative;padding-left:52px;min-height:38px}
.location-facts .profile-fact-icon {position:absolute;left:0;top:0}
.profile .location-facts dt {font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 3px}
.profile .location-facts dd {font-size:15px;line-height:1.6;margin:0;color:var(--ink)}
.profile-about {border-bottom:1px solid var(--detail-line)}
.profile-about summary {display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:64px;font-size:14px;font-weight:550;padding:16px 0}
.profile-about summary::-webkit-details-marker {display:none}
.profile-about summary svg {width:19px;height:19px;flex-shrink:0}
.profile-about[open] summary svg {transform:rotate(180deg)}
.profile-about p {font-size:14px;line-height:1.75;color:var(--muted);padding-bottom:22px}
.profile-about summary:focus-visible {outline:3px solid var(--focus);outline-offset:-3px;border-radius:5px}
.profile .profile-fixture-note {font-size:12px;line-height:1.65;color:var(--muted);margin:18px 0 0}
.profile-contact {margin-inline:calc(-1 * var(--inset-block));padding:16px var(--inset-block) max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--detail-line);background:var(--detail-glass);position:relative;z-index:1}
.profile-contact .contact-context {font-size:13px;line-height:1.5;margin:0 0 10px;font-weight:500}
.profile-contact .primary {font-size:15px;min-height:52px;border-radius:999px;font-weight:600}
.profile-contact #contact-whatsapp-hint {font-size:12px;line-height:1.45;margin:8px 0 0;color:var(--muted)}
.profile-contact #contact-note:empty {margin:0}
.profile-contact #contact-note {font-size:11px;line-height:1.5;margin:8px 0 0;min-height:0}
@supports (backdrop-filter:blur(12px)) {.profile-contact {backdrop-filter:blur(12px)}}
@media(max-width:1050px) {.store-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px) {
 .store h3 {font-size:22px}.profile-inner {padding-top:12px}.profile-toolbar {margin-bottom:12px}.profile-title {font-size:32px}
 .profile-art,.profile-art.image-cover {height:144px}.profile-art .art-name {font-size:38px}
 .profile-contact {padding-top:13px;padding-bottom:max(13px,env(safe-area-inset-bottom))}
}
@media(max-width:599px) {.store-grid {grid-template-columns:minmax(0,1fr);gap:24px}.store .store-art {aspect-ratio:16/9}.store .store-bottom {font-size:12px}.store .art-name {font-size:42px}.store .art-line {font-size:12px}}
@media(max-width:370px) {.profile-title {font-size:30px}.profile-toolbar .text-button {font-size:13px}.profile-toolbar>span {font-size:10px}.profile-subtitle>span {font-size:13px}.profile-categories span {font-size:13px}.profile-contact .contact-context {font-size:12px}.profile .detail-section {padding-block:22px}}
@media(max-width:480px) {.profile-subtitle {display:grid;gap:4px}.profile-subtitle>span+span::before {content:none}}
/* v69: clearer dark-mode hierarchy in the expanded profile only. */
:root[data-theme=dark] .profile {
 --detail-paper:#082F37;
 --detail-line:#345D65;
 --detail-icon:#15444D;
 --detail-glass:rgba(14,61,70,.96);
 --muted:#ADC8CA;
}
:root[data-theme=dark] .profile .profile-title {color:#F5FCFA}
:root[data-theme=dark] .profile .detail-section h3 {color:#7DE8DC}
:root[data-theme=dark] .profile .purchase-list strong,
:root[data-theme=dark] .profile .location-facts dd {color:#EFF8F5}
:root[data-theme=dark] .profile .profile-fact-icon {color:#7DE8DC;border:1px solid #35616A;box-shadow:inset 0 1px 0 #D5FFF008}
:root[data-theme=dark] .profile .profile-categories span {background:#15444D;border:1px solid #35616A;color:#F0FAF6}
:root[data-theme=dark] .profile .location-facts dt {color:#92B7BC}
:root[data-theme=dark] .profile .profile-about summary {color:#D5EEEB}
:root[data-theme=dark] .profile .profile-contact {box-shadow:0 -8px 24px #00182033}
/* v70: matching semantic hierarchy in the light expanded profile. */
:root:not([data-theme=dark]) .profile {
 --detail-paper:#FCFEFD;
 --detail-line:#BDCEC9;
 --detail-icon:#E7F2ED;
 --detail-glass:rgba(239,247,243,.96);
 --muted:#45676C;
}
:root:not([data-theme=dark]) .profile .profile-title {color:#073F47}
:root:not([data-theme=dark]) .profile .detail-section h3 {color:#0B6871}
:root:not([data-theme=dark]) .profile .purchase-list strong,
:root:not([data-theme=dark]) .profile .location-facts dd {color:#073F47}
:root:not([data-theme=dark]) .profile .profile-fact-icon {color:#0B6871;border:1px solid #BCD5CE;box-shadow:inset 0 1px 0 #FFFFFFAA}
:root:not([data-theme=dark]) .profile .profile-categories span {background:#E7F2ED;border:1px solid #BCD5CE;color:#073F47}
:root:not([data-theme=dark]) .profile .location-facts dt {color:#527277}
:root:not([data-theme=dark]) .profile .profile-about summary {color:#244E55}
:root:not([data-theme=dark]) .profile .profile-contact {box-shadow:0 -8px 24px #073F4708}