.hok-search{--ink:#142d26;--muted:#606b61;--paper:#fffef9;--line:#dbded4;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;padding:64px 0 86px;min-height:60vh;-webkit-font-smoothing:antialiased}
.hok-search,.hok-search *{box-sizing:border-box}
.hok-search :where(h1,h2,h3,p){margin:0;color:inherit;font-family:inherit;text-transform:none;font-style:normal}
.hok-search :where(h1,h2,h3){font-weight:500;letter-spacing:-.035em;line-height:1.15}
.hok-search a{color:inherit;text-decoration:none}
.hok-search a:focus-visible,.hok-search button:focus-visible{outline:2px solid #819845;outline-offset:5px}
.hok-search__wrap{width:min(calc(100% - 112px),1320px);margin:auto}
.hok-search__header{max-width:850px;margin-bottom:58px}
.hok-search .hok-search__eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.5;color:var(--muted);text-transform:uppercase}
.hok-search__header h1{font-size:clamp(36px,4vw,57px);margin:17px 0 18px}
.hok-search__header>p:last-of-type{color:var(--muted);font-size:17px}
.hok-search__form{margin-top:32px}
.hok-search__label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}
.hok-search__field{display:flex;min-height:58px;border:1px solid #adb5a6;background:white}
.hok-search__field:focus-within{outline:2px solid #819845;outline-offset:3px}
.hok-search__field input{min-width:0;flex:1;width:100%;border:0;border-radius:0;outline:none;background:transparent;padding:14px 18px;font:inherit;color:var(--ink);box-shadow:none}
.hok-search__field input::placeholder{color:#6f796e;opacity:1}
.hok-search__field button{display:flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:0;background:var(--ink);color:white;padding:14px 24px;font-family:inherit;font-size:14px;cursor:pointer;min-width:125px}
.hok-search__field button:hover{background:#2d4b3e}
.hok-search__results-heading,.hok-search__browse-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}
.hok-search__results-heading h2,.hok-search__browse-heading h2{font-size:28px;overflow-wrap:anywhere}
.hok-search__results-heading>p{font-size:13px;color:var(--muted);white-space:nowrap}
.hok-search__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;list-style:none;padding:0;margin:0}
.hok-search__results>li{min-width:0}
.hok-search__result{display:flex;flex-direction:column;height:100%;border-bottom:1px solid var(--line)}
.hok-search__image{aspect-ratio:4/3;background:#f0f0e8;overflow:hidden}
.hok-search__image img{display:block;width:100%;height:100%;object-fit:contain}
.hok-search__image--scene img{object-fit:cover}
.hok-search__image--text{display:grid;align-content:center;padding:28px;background:#e9ede2}
.hok-search__image--text>span{font-size:28px;letter-spacing:-.025em;max-width:190px;line-height:1.1}
.hok-search__symbol{display:block;font-size:36px;margin-top:16px}
.hok-search__result-copy{display:flex;flex:1;flex-direction:column;padding:22px 0 20px}
.hok-search__result h3{font-size:23px;letter-spacing:-.02em;margin:9px 0 12px}
.hok-search .hok-search__price{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 9px}
.hok-search .hok-search__description{font-size:14px;color:var(--muted);margin:0 0 12px}
.hok-search__result-action{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding-top:12px;margin-top:auto;font-size:13px;font-weight:500}
.hok-search__result:hover h3,.hok-search__result:hover .hok-search__result-action{color:#526a35}
.hok-search__empty{max-width:720px;padding:24px 0 0;border-top:1px solid var(--line);color:var(--muted)}
.hok-search__empty a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.hok-search__pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:36px;font-size:14px}
.hok-search__pagination a,.hok-search__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}
.hok-search__pagination [aria-current=page]{background:var(--ink);color:white}
.hok-search__browse{margin-top:70px;padding-top:34px;border-top:1px solid var(--line)}
.hok-search__header+.hok-search__browse{margin-top:0}
.hok-search__browse-heading>a{font-size:13px;display:flex;gap:20px;align-items:center;min-height:44px;white-space:nowrap}
.hok-search__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.hok-search__categories>a{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);font-size:18px;line-height:1.4}
.hok-search__categories small{display:block;margin-top:7px;font-size:12px;line-height:1.6;color:var(--muted)}
.hok-search__categories>a:hover{color:#526a35}
@media(max-width:1000px){.hok-search__wrap{width:calc(100% - 72px)}.hok-search__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.hok-search__categories{column-gap:30px}}
@media(max-width:640px){.hok-search{padding:42px 0 58px}.hok-search__wrap{width:calc(100% - 40px)}.hok-search__header{margin-bottom:38px}.hok-search__header h1{font-size:39px;max-width:350px}.hok-search__header>p:last-of-type{font-size:15px}.hok-search__form{margin-top:25px}.hok-search__field{min-height:54px}.hok-search__field input{font-size:16px;padding:12px}.hok-search__field button{min-width:85px;padding:12px 14px;gap:9px;font-size:13px}.hok-search__results-heading{display:block;margin-bottom:23px}.hok-search__results-heading h2,.hok-search__browse-heading h2{font-size:26px}.hok-search__results-heading>p{margin-top:12px}.hok-search__results{grid-template-columns:1fr;gap:30px}.hok-search__result-copy{padding:19px 0 15px}.hok-search__result h3{font-size:24px}.hok-search__browse{margin-top:45px;padding-top:28px}.hok-search__browse-heading{display:block;margin-bottom:10px}.hok-search__browse-heading>a{width:fit-content;margin-top:6px}.hok-search__categories{grid-template-columns:1fr}.hok-search__categories>a{padding:20px 0;font-size:17px}.hok-search__empty{padding-top:19px;font-size:15px}}
