.preference-pickers{display:flex;gap:8px;overflow:visible;border:0;background:transparent}
.preference-menu{position:relative}
.preference-menu summary{min-width:134px;height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:var(--white);cursor:pointer;list-style:none;font-size:11px}
.preference-menu summary::-webkit-details-marker{display:none}
.preference-menu summary>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--green);font-size:9px}
.preference-menu summary>b{flex:1;font-size:11px;white-space:nowrap}
.preference-menu summary>i{font-size:10px;font-style:normal;transition:transform .16s}
.preference-menu[open] summary{border-color:var(--ink);box-shadow:0 0 0 2px rgba(20,39,31,.08)}
.preference-menu[open] summary>i{transform:rotate(180deg)}
.preference-options{position:absolute;top:49px;right:0;z-index:20;width:210px;padding:10px;border:1px solid var(--ink);border-radius:14px;background:var(--white);box-shadow:7px 7px 0 var(--ink)}
.preference-options small{display:block;padding:6px 9px 9px;color:rgba(20,39,31,.5);font-size:7px;font-weight:900;letter-spacing:.14em}
.preference-options button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
.preference-options button:hover,.preference-options button.active{background:#efffcf}
.preference-options button b{font-size:11px}.preference-options button span{font-size:8px;font-weight:900;opacity:.48}
.market-options{width:230px}
html[lang="es"] .hero h1,html[lang="ca"] .hero h1{font-size:clamp(62px,6.8vw,100px);line-height:.86}
@media(max-width:620px){.preference-menu summary{min-width:0;width:115px}.head-actions{gap:0}.preference-options{position:fixed;top:68px;left:18px;right:18px;width:auto}.market-options{left:auto;width:230px}}