/* Country & language selector (shared by base.html and both landings) */
.mkt{position:relative;font-family:"Nunito",system-ui,sans-serif}
.mkt summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(58,33,20,.18);background:rgba(255,255,255,.75);cursor:pointer;font-weight:700;font-size:13.5px;color:#1C1C1C;white-space:nowrap;user-select:none}
.mkt summary::-webkit-details-marker{display:none}
.mkt summary img,.mkt-list img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.mkt-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.mkt[open] .mkt-caret{transform:rotate(-135deg) translateY(-2px)}
.mkt-list{position:absolute;top:calc(100% + 8px);right:0;z-index:80;min-width:230px;background:#fff;border:1px solid rgba(58,33,20,.14);border-radius:16px;padding:8px;box-shadow:0 24px 50px -20px rgba(0,0,0,.35);display:grid;gap:2px}
.mkt-title{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8E7F6E;padding:6px 10px 4px}
.mkt-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;font:700 14px "Nunito",system-ui,sans-serif;color:#1C1C1C;cursor:pointer;text-align:left}
.mkt-list button:hover{background:#F7F3EA}
.mkt-list button.on{background:#F2C94C}
@media (max-width:640px){.mkt summary .mkt-name{display:none}.mkt summary{padding:0 10px}.mkt-list{right:auto;left:0;min-width:210px}}
.mkt.mkt-inline .mkt-list{position:static;box-shadow:none;border:0;padding:0;min-width:0;grid-template-columns:1fr 1fr;background:transparent}
.mkt.mkt-inline summary{display:none}
/* 14 markets: two columns on desktop, scrollable on small screens */
.mkt:not(.mkt-inline) .mkt-list{grid-template-columns:1fr 1fr;min-width:400px;column-gap:4px}
.mkt:not(.mkt-inline) .mkt-list .mkt-title{grid-column:1/-1}
@media (max-width:640px){.mkt:not(.mkt-inline) .mkt-list{grid-template-columns:1fr;min-width:220px;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain}}