/* Header tools: search · currency · language — same on every page and screen size */
.sp-tools{ display:flex; align-items:center; gap:6px; flex-shrink:0; margin-left:auto; }
.site-header .nav-pill{ gap:16px; }
.site-header .nav-pill > nav{ margin-left:auto; }
.sp-tools + .nav-cta, .sp-tools ~ .nav-cta{ margin-left:0; }
.sp-tool-wrap{ position:relative; }
.sp-tool{ height:38px; min-width:38px; padding:0 11px; border-radius:20px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.04); color:#f1e9da;
  font:600 12px/1 "Montserrat",Arial,sans-serif; letter-spacing:.6px; display:inline-flex; align-items:center; justify-content:center; gap:5px; cursor:pointer; transition:background .15s, border-color .15s, color .15s; }
.sp-tool:hover, .sp-tool[aria-expanded="true"]{ background:#EBA532; border-color:#EBA532; color:#1A1714; }
.sp-tool-search{ padding:0; }
.sp-pop{ position:absolute; top:calc(100% + 12px); right:0; min-width:230px; background:#fff; color:#1A1714; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.28); padding:8px; z-index:1200; text-align:left; }
.sp-pop[hidden]{ display:none; }
.sp-pop:before{ content:""; position:absolute; top:-6px; right:18px; width:12px; height:12px; background:#fff; transform:rotate(45deg); border-radius:2px; }
.sp-pop-title{ font:700 10.5px "Montserrat",Arial,sans-serif; letter-spacing:1.2px; text-transform:uppercase; color:#6E6E6E; margin:8px 10px 6px; }
.sp-pop-note{ font:400 11px/1.5 "Montserrat",Arial,sans-serif; color:#6E6E6E; margin:8px 10px 6px; border-top:1px solid #E7DFD0; padding-top:8px; }
.sp-pop button, .sp-pop a{ display:flex; align-items:center; gap:12px; width:100%; border:0; background:none; padding:10px 10px; border-radius:9px; cursor:pointer; font:500 13.5px "Montserrat",Arial,sans-serif; color:#1A1714 !important; text-decoration:none; text-align:left; }
.sp-pop button b, .sp-pop a b{ min-width:36px; font-weight:700; font-size:12px; letter-spacing:.5px; color:#542F0D; }
.sp-pop button span, .sp-pop a span{ color:#4A4A4A; font-family:"Montserrat",Arial,sans-serif; font-size:13.5px; }
.sp-pop button:hover, .sp-pop a:hover{ background:#F5EFE6; }
.sp-pop .on{ background:#FDF3E1; }
.sp-pop .on:after{ content:"✓"; margin-left:auto; color:#1F7A44; font-weight:700; }
.sp-money{ white-space:nowrap; }

.sp-search{ position:fixed; inset:0; z-index:2000; background:rgba(26,23,20,.72); backdrop-filter:blur(4px); display:flex; justify-content:center; align-items:flex-start; padding:9vh 16px 16px; }
.sp-search[hidden]{ display:none; }
.sp-search-box{ width:100%; max-width:680px; background:#fff; border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.4); overflow:hidden; max-height:80vh; display:flex; flex-direction:column; }
.sp-search form{ display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid #E7DFD0; color:#542F0D; }
.sp-search input{ flex:1; border:0; outline:0; font:500 17px "Montserrat",Arial,sans-serif; color:#1A1714; background:none; min-width:0; }
.sp-search-x{ border:0; background:#F5EFE6; width:34px; height:34px; border-radius:50%; font-size:20px; line-height:1; cursor:pointer; color:#1A1714; flex-shrink:0; }
.sp-search-results{ overflow:auto; padding:6px 8px 10px; }
.sp-search-results:empty{ display:none; }
.sp-search-results a{ display:flex; gap:12px; align-items:center; padding:10px; border-radius:12px; text-decoration:none; color:#1A1714; }
.sp-search-results a:hover, .sp-search-results a:focus{ background:#F5EFE6; outline:0; }
.sp-search-results .th{ width:56px; height:44px; border-radius:8px; background:#E7DFD0 center/cover no-repeat; flex-shrink:0; }
.sp-search-results b{ display:block; font:600 15px "Cormorant Garamond",Georgia,serif; font-size:17px; line-height:1.2; }
.sp-search-results small{ font:600 10.5px "Montserrat",Arial,sans-serif; letter-spacing:.8px; text-transform:uppercase; color:#C8860D; }
.sp-search-results .none, .sp-search-results .all{ padding:14px 12px; font:500 14px "Montserrat",Arial,sans-serif; color:#6E6E6E; display:block; }
.sp-search-results .all{ color:#542F0D; font-weight:700; }

@media (max-width: 1180px) and (min-width: 901px){
  .site-header .main-nav{ gap:18px !important; }
  .site-header .main-nav a{ font-size:16px !important; }
  .site-header .nav-cta .btn{ padding:9px 16px; font-size:14px; }
  .site-header .logo img{ height:44px !important; }
}
@media (max-width: 900px){
  .site-header .nav-pill{ gap:8px; }
  .sp-tools{ gap:5px; }
  .sp-tool{ height:34px; min-width:34px; padding:0 9px; font-size:11px; }
  .sp-pop{ position:fixed; top:auto; left:12px; right:12px; bottom:12px; min-width:0; border-radius:18px; padding:10px; box-shadow:0 -10px 60px rgba(0,0,0,.45); }
  .sp-pop:before{ display:none; }
  .sp-pop button, .sp-pop a{ padding:13px 12px; font-size:15px; }
  .sp-search{ padding-top:14px; }
}
@media (max-width: 380px){
  .site-header{ padding:0 10px !important; }
  .site-header .logo img{ height:30px !important; }
  .sp-tool{ height:32px; min-width:32px; padding:0 7px; }
}
