/* Preferences share one state across the utility bar and mobile menu. */
.topbar .wrap{align-items:center;flex-wrap:wrap;gap:8px 20px}.topbar .canadian-identity{font-weight:600;letter-spacing:.045em}.site-preferences{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.site-preferences select{appearance:auto;min-height:34px;padding:5px 7px;border:1px solid #ffffff55;border-radius:4px;background:#151515;color:#fff;font-size:12px;font-weight:600;max-width:115px}.site-preferences option{background:#fff;color:#191919}.site-preferences label{display:flex;align-items:center;gap:5px}.site-preferences .pref-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.topbar .site-preferences{margin-left:auto}.preference-notice{background:#f7f7f5;border-bottom:1px solid #dedede;font-size:12px;line-height:1.5;color:#494949;padding:9px 0}.preference-notice[hidden]{display:none}.preference-notice .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.preference-notice a{text-decoration:underline;text-underline-offset:3px}.nav>.site-preferences{display:none}.canadian-note{font-size:12px;font-weight:600;letter-spacing:.03em}html[lang=fr-CA] .hero-copy h1{font-size:clamp(36px,4.6vw,63px)}html[lang=fr-CA] .nav{gap:16px}html[lang=fr-CA] .header-inner{gap:20px}html[lang=fr-CA] .logo,html[lang=fr-CA] .logo img{width:205px}html[lang=fr-CA] .btn{overflow-wrap:anywhere}html[lang=fr-CA] .large-price{line-height:1.35}
@media(max-width:1100px){html[lang=fr-CA] .logo,html[lang=fr-CA] .logo img{width:170px}html[lang=fr-CA] .nav{gap:10px}html[lang=fr-CA] .header-inner{gap:12px}}
@media(max-width:960px){.topbar .wrap{justify-content:space-between}.topbar .canadian-identity{display:block!important;font-size:10px}.topbar .site-preferences{margin-left:0}.site-preferences select{min-height:40px;font-size:12px}.nav>.site-preferences{display:flex;width:100%;padding-top:16px;border-top:1px solid #dedede;margin-top:16px}.nav>.site-preferences select{background:#fff;color:#191919;border-color:#bdbdbd;min-height:44px;font-size:14px;max-width:none}.nav>.site-preferences .pref-label{position:static;width:auto;height:auto;clip-path:none;font-size:12px}.nav>.site-preferences label{flex-direction:column;align-items:flex-start}.preference-notice{font-size:11px}html[lang=fr-CA] .logo,html[lang=fr-CA] .logo img{width:170px}html[lang=fr-CA] .nav{gap:8px}}
@media(max-width:560px){.topbar .wrap{gap:4px;justify-content:center}.topbar .canadian-identity{width:100%;text-align:center}.topbar .site-preferences{justify-content:center}.site-preferences select{min-height:36px}.preference-notice .wrap{gap:3px 10px}html[lang=fr-CA] .hero-copy h1{font-size:42px}html[lang=fr-CA] .product-detail h1{overflow-wrap:anywhere}}

/* Keep selected labels centered and align the chevron to each control's midpoint. */
.site-preferences select{
 appearance:none;
 -webkit-appearance:none;
 box-sizing:border-box;
 height:34px;
 padding:0 20px;
 line-height:normal;
 text-align:center;
 text-align-last:center;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right 6px center;
 background-size:10px 6px;
}
.site-preferences select:focus-visible{outline:2px solid #ffd21c;outline-offset:3px}
@media(max-width:960px){
 .site-preferences select{height:40px}
 .nav>.site-preferences select{
  height:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23191919' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
}
@media(max-width:560px){.topbar .site-preferences select{height:36px;padding-inline:22px}}

/* Center the visible text and arrow as one group; the native select handles input. */
.preference-control{position:relative;display:inline-flex;isolation:isolate}
.site-preferences .preference-control select{color:transparent;-webkit-text-fill-color:transparent;background-image:none!important}
.site-preferences .preference-control option{color:#191919;-webkit-text-fill-color:#191919}
.preference-selected{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#fff;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.preference-selected svg{display:block;flex:none}
.topbar .wrap .site-preferences .preference-control{display:inline-flex}
.topbar .wrap .site-preferences .preference-selected{display:flex}
.topbar .wrap .site-preferences [data-preference-value]{display:block}
@media(max-width:960px){.nav>.site-preferences .preference-selected{color:#191919;font-size:14px}}