PageSourceSearch

https://www.hakes.com/user/register

html hakes.com collected 2026-09-24 18:16:51 UTC 178,947 bytes, 5,642 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <link rel="shortcut icon" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj ">
5                <link rel="apple-touch-icon" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj">
6        <link rel="apple-touch-icon-precomposed" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj">
7        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><meta name="keywords" content="Hake&#039;s Sign Up, Join Hake&#039;s"/><meta name="description" content="Join the leading online auction platform and bid with the best auction houses and dealers."/><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><link rel="canonical" href="https://www.hakes.com/user/register"/><link rel="alternate" hreflang="x-default" href="https://www.hakes.com/user/register"/><link rel="alternate" hreflang="en" href="https://www.hakes.com/user/register"/>                <title>Join Hake&#039;s, Sign up for free account | Hake&#039;s</title>
8                
8<script type="text/javascript">
9                        pageLoadServerTime = 1790273811149;
10            pageLoadServerTimeElapsedStart = (new Date()).getTime();
11        </script>
11
12        <link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/bootstrap.min.css?t=1761753286" />
13<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/fonts/icon-font.css?t=1761753286" />
14<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
15<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme.css?t=1784745125" />
16<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme-responsive.css?t=1761753286" />
17<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme-dev.css?t=1776727186" />
18<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/myaccount.css?t=1761753286" />
19<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/fonts/ACaslonPro-Bold.css?t=1768402570" />
20<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/component/popup.css?t=1761753286" />
21<style>
22:root {--main-button-color:#91bc1a}
23:root {--main-button-color-hover:#97a02d}
24:root {--main-btn-text:#ffffff}
25:root {--secondary-button-color:#323232}
26:root {--secondary-button-color-hover:#000000}
27:root {--secondary-btn-text:#ffffff}
28:root {--theme-color:#b0bb1a}
29:root {--link-color-hover:#98a02d}
30:root {--reg-aprv-btn-txt:#b0bb1a}
31:root {--pending-text:#ff9f00}
32:root {--pending-btn-bg:rgba(204, 204, 204, 0.2)}
33:root {--font-main:ACaslonPro-Bold}
34:root {--font-secondary:ACaslonPro-Bold}</style>
35<style>@charset "UTF-8";
36/***** SITE: hakes *****/
37/*****
38* Header and footer customizations. Global shell otherwise matches default starter.
39*****/
40/* Hero mid: side-by-side CTAs. Below this = stacked full-width phone layout */
41/* Large logo needs more room than 1086 — below this, keep compact logo so it doesn't cover AUCTION */
42:root {
43  --hakes-font: "Noto Sans", var(--font-secondary, sans-serif);
44  --hakes-font-nav: var(--hakes-font);
45  --hakes-nav-color: #007bbe;
46  --hakes-nav-hover: #00649a;
47  --hakes-link-hover: #005d99;
48  --hakes-heading-color: #005a99;
49  --hakes-brand-red: #b20219;
50  --hakes-brand-red-hover: #8d0416;
51  --hakes-gold-hover: #E6AD00;
52  --hakes-surface-muted: #f2f2f2;
53  --hakes-dropdown-item-hover-bg: #f5f5f5;
54  --hakes-text: #333333;
55  --hakes-text-muted: #6c6c6c;
56  --hakes-text-soft: #666666;
57  --hakes-text-faint: #999999;
58  --hakes-icon-muted: #949494;
59  --hakes-search-border: #d1d1d1;
60  --hakes-checkmark: #262626;
61  --hakes-home-bottom-bg: linear-gradient(180deg, #fff 0%, #c7e4f3 50%, #c4e3f4 100%);
62  --hakes-home-bottom-ink: #007bbe;
63  --hakes-home-auctions-bg: #f9f5ed;
64  --hakes-home-featured-lots-bg: #fff4f3;
65  --hakes-home-highest-bids-bg: linear-gradient(180deg, #fff4f3 0%, #f9f5ec 100%);
66  --hakes-home-lot-num-color: #000000;
67  --hakes-home-lot-title-color: #0e0e0e;
68  --link-color-hover: var(--hakes-home-lot-num-color);
69  --hakes-home-estimate-label-color: #757575;
70  --hakes-home-bid-price-color: #030303;
71  --hakes-cta-text: #ffffff;
72  /* Image URLs live in settings.json CSSVARS; fallbacks keep local preview working */
73  --hakes-home-top-bg-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/Unsplash.jpg");
74  --hakes-home-top-text: #efefef;
75  --hakes-home-bottom-logo-image: url("https://s1.bidsquare.com/site/logo/216.png?t=1Wt10G");
76  --hakes-home-bottom-card-figure-image: url("https://s1.bidsquare.com/cms/files/Images3/icon-1024x1024%201.png");
77  --hakes-home-bottom-card-cgc-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/CGC_Graphic%201.png");
78  --hakes-home-bottom-card-afa-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/AFA_Graphic%201.png");
79  --starter-bg: #ffffff;
80  --starter-text: #212529;
81  --starter-muted: #6c757d;
82  --starter-border: #e5e7eb;
83  --starter-header-bg: #ffffff;
84  --starter-header-text: #212529;
85  --starter-header-hover: var(--main-button-color-hover, #2f2f2f);
86  --starter-footer-bg: #f8f9fa;
87  --starter-footer-text: #212529;
88  --starter-footer-link: #212529;
89  --starter-footer-border: #dfe3e8;
90  --starter-cta-bg: var(--main-button-color, #1e1e1e);
91  --starter-cta-hover: var(--main-button-color-hover, #2f2f2f);
92  --starter-cta-text: var(--main-btn-text, #ffffff);
93  --starter-radius: 4px;
94  --starter-logo-height: 64px;
95}
96
97* {
98  box-sizing: border-box;
99}
100
101html {
102  height: 100%;
103}
104
105body {
106  margin: 0;
107  min-height: 100vh;
108  display: flex;
109  flex-direction: column;
110  background: var(--starter-bg);
111  color: var(--starter-text);
112  font-family: var(--font-secondary, Arial, sans-serif);
113  -webkit-font-smoothing: antialiased;
114  -moz-osx-font-smoothing: grayscale;
115}
116
117body.nav-open {
118  overflow: hidden;
119}
120
121.message_bar_wrap {
122  --link-color-hover: var(--hakes-cta-text);
123}
124
125.message_bar_wrap .message_bar_txt,
126.message_bar_wrap .message_bar_txt a {
127  font-family: var(--hakes-font) !important;
128}
129
130/* Keep verify/profile banner above header so the tall logo can't cover it */
131body.show_notification {
132  margin-top: 0;
133}
134body.show_notification .message_bar_wrap {
135  position: sticky;
136  top: 0;
137  z-index: 1100;
138}
139body.show_notification .site-header {
140  z-index: 900;
141}
142
143/* Mobile drawer must start below the verify bar or AUCTION/REGISTER are covered */
144@media (max-width: 991px) {
145  body.show_notification .site-header-nav {
146    top: var(--hakes-notification-bar-height, 0px);
147    height: calc(100vh - var(--hakes-notification-bar-height, 0px));
148    height: calc(100dvh - var(--hakes-notification-bar-height, 0px));
149  }
150}
151.info_title,
152.f_caption_txt_xlg {
153  font-family: var(--hakes-font) !important;
154}
155
156.catalog_list .buyers_table {
157  font-family: var(--hakes-font) !important;
158}
159
160.payments {
161  font-family: var(--hakes-font) !important;
162}
163
164.catalog_list .shipping h2,
165.catalog_list .shipping p {
166  font-family: var(--hakes-font) !important;
167}
168
169.message_bar_wrap .message_bar_txt a,
170.message_bar_wrap .message_bar_txt a:link,
171.message_bar_wrap .message_bar_txt a:visited,
172.message_bar_wrap .message_bar_txt a:hover,
173.message_bar_wrap .message_bar_txt a:focus,
174.message_bar_wrap .message_bar_txt a:focus-visible,
175.message_bar_wrap .message_bar_txt a:active {
176  color: var(--hakes-cta-text) !important;
177}
178
179body > .wrap {
180  flex: 1 1 auto;
181  display: flex;
182  flex-direction: column;
183  min-height: 0;
184}
185
186.container-lg {
187  width: 100%;
188  margin: 0 auto;
189  padding-left: 16px;
190  padding-right: 16px;
191}
192
193@media (min-width: 992px) {
194  .container-lg {
195    max-width: 960px;
196  }
197}
198@media (min-width: 1200px) {
199  .container-lg {
200    max-width: 1140px;
201  }
202}
203.visually-hidden {
204  position: absolute;
205  width: 1px;
206  height: 1px;
207  padding: 0;
208  margin: -1px;
209  overflow: hidden;
210  clip: rect(0, 0, 0, 0);
211  white-space: nowrap;
212  border: 0;
213}
214
215.register_form_page .modal-heading,
216.register_form_page p,
217.dnt_hv_ac p a {
218  font-family: var(--hakes-font) !important;
219}
220
221.login_reg_page .modal-heading,
222.login_reg_page p,
223.login_ms .login_reg_page p,
224.form-control {
225  font-family: var(--hakes-font) !important;
226}
227
228.agree_text {
229  font-family: var(--hakes-font) !important;
230  --link-color-hover: var(--hakes-home-lot-num-color);
231}
232
233.login_reg_page form span {
234  color: var(--hakes-home-lot-title-color) !important;
235}
236
237.register_form_page .register_form_password p,
238.login_reg_page .login_form_password p,
239.forgot_password_form_page .fp-modify-field p,
240.forgot_password_form_page .modify-email-area p {
241  background: var(--starter-bg) !important;
242  border-bottom: 1px solid var(--hakes-search-border) !important;
243  font-family: var(--hakes-font) !important;
244}
245
246.login_reg_page .login_form_password .show-forgot-pwd,
247.login_reg_page .login_form_password .show-forgot-pwd:link,
248.login_reg_page .login_form_password .show-forgot-pwd:visited,
249.login_reg_page .login_form_password .show-forgot-pwd:hover,
250.login_reg_page .login_form_password .show-forgot-pwd:focus,
251.login_reg_page .login_form_password .show-forgot-pwd:focus-visible,
252.login_reg_page .login_form_password .show-forgot-pwd:active {
253  --link-color-hover: var(--hakes-home-lot-num-color);
254  color: var(--hakes-home-lot-num-color) !important;
255  font-family: var(--hakes-font) !important;
256}
257
258.fa-pencil:before {
259  color: var(--hakes-icon-muted) !important;
260}
261
262.agree_text a,
263.agree_text a:link,
264.agree_text a:visited,
265.agree_text a:hover,
266.agree_text a:focus,
267.agree_text a:focus-visible,
268.agree_text a:active,
269.login_ms .agree_text a,
270.login_ms .agree_text a:hover,
271.login_ms .agree_text a:focus,
272.login_ms .agree_text a:focus-visible,
273.login_ms .agree_text a:active,
274.login_reg_page .agree_text a,
275.login_reg_page .agree_text a:hover,
276.login_reg_page .agree_text a:focus,
277.login_reg_page .agree_text a:focus-visible,
278.login_reg_page .agree_text a:active,
279.register_form_page .agree_text a,
280.register_form_page .agree_text a:hover,
281.register_form_page .agree_text a:focus,
282.register_form_page .agree_text a:focus-visible,
283.register_form_page .agree_text a:active,
284.signup_ms .agree_text a,
285.signup_ms .agree_text a:hover,
286.signup_ms .agree_text a:focus,
287.signup_ms .agree_text a:focus-visible,
288.signup_ms .agree_text a:active {
289  color: var(--hakes-home-lot-num-color) !important;
290}
291
292.signup_ms .modal-heading,
293.signup_ms p,
294.signup_ms .login_reg_page p,
295.signup_ms .form-control,
296.signup_ms .address-area .check.custom,
297.forgot_pwd .login_reg_page .dnt_hv_ac p a,
298.forgot_pwd .forgot_text_area p,
299.forgot_password_form_page .resend-message,
300.login_reg_page h1,
301.credit-boxs h2 {
302  font-family: var(--hakes-font) !important;
303}
304
305.reset_pwd p span {
306  color: var(--hakes-text) !important;
307}
308
309.credit-boxs {
310  font-size: 14px !important;
311  font-family: var(--hakes-font) !important;
312}
313
314.form-wrap input {
315  font-family: var(--hakes-font) !important;
316}
317
318.my-account .account-nav li.active a:after,
319.my-account .account-nav li:hover a:after {
320  background: var(--hakes-nav-color) !important;
321}
322
323.my-account h2 {
324  font-family: var(--hakes-font-nav, var(--hakes-font)) !important;
325}
326
327.my-account .account-nav li.active a,
328.my-account .account-nav li a,
329.item_filter_wrap .bidsquare-top label,
330.item_filter_wrap .bidsquare-top .dropDown select,
331.bidsquare-bottom p,
332.bidsquare-bottom label,
333.bidsquare-bottom .dropDown select,
334.item-detail ul .new_check_gruop label,
335.item-detail ul li .item-menu,
336.item-detail ul li,
337.bidsquare-right input {
338  font-family: var(--hakes-font-nav, var(--hakes-font)) !important;
339}
340
341.my-alert-sec p,
342.my-account .notification_preference .caegory-sec,
343.my-account .my-alert-sec .notification_preference .alert-category-box h4,
344.my-account .alert-notification .new_check_gruop .container,
345.account_left ul li.on a,
346.account_left ul li,
347.row,
348.account_right .custom .form-group label,
349.account_right .verification ul li span.red_t {
350  font-family: var(--hakes-font-nav, var(--hakes-font)) !important;
351}
352
353.account_left ul li a {
354  font-size: 14px !important;
355}
356
357/* Account Info side nav: caret on every row (not only .on), right-aligned */
358.my-account .account_left ul.account-left > li {
359  position: relative;
360  padding-right: 14px;
361}
362
363.my-account .account_left ul.account-left > li > i {
364  display: none !important;
365}
366
367.my-account .account_left ul.account-left > li::after {
368  content: "\f0da";
369  font-family: FontAwesome;
370  font-size: inherit;
371  font-style: normal;
372  font-weight: 400;
373  line-height: 1;
374  color: var(--hakes-nav-color) !important;
375  position: absolute;
376  right: 0;
377  top: 50%;
378  transform: translateY(-50%);
379  pointer-events: none;
380}
381
382.delete-account-alert,
383.delete-account-alert .main-title,
384.delete-account-alert .sub-title {
385  font-family: var(--hakes-font-nav) !important;
386}
387
388.premium-confirm .bid-confirm-box h2,
389.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t1,
390.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t2,
391.premium-confirm .bid-confirm-box p,
392.premium-confirm .bid-confirm-box button {
393  font-family: var(--hakes-font-nav) !important;
394}
395
396.premium-confirm .bid-confirm-box button {
397  background: var(--hakes-brand-red) !important;
398}
399.premium-confirm .bid-confirm-box button:hover {
400  background: var(--hakes-brand-red-hover);
401}
402
403.item-detail ul .text-head p,
404.item-detail ul .live-pannel span,
405.item-detail ul .live-pannel p,
406.item-detail .item-won .invoice-sec a,
407.live-pannel a {
408  font-family: var(--hakes-font-nav) !important;
409}
410
411.item-detail .registered-auction .text-sec .item-title p,
412.item-detail .registered-auction .text-sec .item-title a,
413.item-detail .registered-auction .text-sec .item-title .addtocalendar .set-reminder,
414.item-detail .registered-auction .text-sec .auction-status span,
415.item-detail .registered-auction .text-sec .auction-end .ended_txt {
416  font-family: var(--hakes-font-nav) !important;
417}
418
419.item-detail .registered-auction .text-sec .auction-end a {
420  background: var(--hakes-brand-red) !important;
421}
422.item-detail .registered-auction .text-sec .auction-end a:hover {
423  background: var(--hakes-brand-red-hover);
424}
425
426.green_t {
427  color: var(--hakes-nav-color) !important;
428}
429
430.item-detail .registered-auction .text-sec .auction-end .green_t {
431  font-size: 15px !important;
432  font-family: var(--hakes-font-nav) !important;
433}
434
435.item-detail ul .timing p,
436.item-detail ul .estimate span,
437.item-detail ul .bidding-sec .enterBid .sold_txt {
438  font-family: var(--hakes-font-nav) !important;
439}
440
441.bidsquare-bottom form button,
442.item-detail ul .bidding-sec .bidPrice .bid_txt span,
443.item-detail ul .bidding-sec .bidPrice .bidLength span,
444.item-detail ul .bidding-sec .enterBid input {
445  font-family: var(--hakes-font-nav) !important;
446}
447
448.item-detail ul .bidding-sec .enterBid button {
449  background: var(--hakes-brand-red) !important;
450}
451.item-detail ul .bidding-sec .enterBid button:hover {
452  background: var(--hakes-brand-red-hover);
453}
454
455.item-detail ul .bidding-sec .bidPrice .bidLength .bidder_no_area .wl-icon-paddle:before {
456  color: var(--hakes-nav-color) !important;
457}
458
459.color_green01 {
460  color: var(--hakes-nav-color) !important;
461}
462
463.condition-report-title .inquire_block_icon a,
464.condition-report-title .inquire_block_icon a:hover,
465.condition-report-title .inquire_block_icon a:focus,
466.condition-report-title .inquire_block_icon a:focus-visible,
467.condition-report-title .inquire_block_icon a:active {
468  color: inherit !important;
469}
470
471.condition-report-title .inquire_block_icon .fa,
472.condition-report-title .inquire_block_icon .fa:hover,
473.condition-report-title .inquire_block_icon a:hover .fa,
474.condition-report-title .inquire_block_icon a:focus .fa,
475.condition-report-title .inquire_block_icon a:focus-visible .fa,
476.condition-report-title .inquire_block_icon a:active .fa,
477.condition-report-title .inquire_block_icon .fa:before,
478.condition-report-title .inquire_block_icon .fa:hover:before,
479.condition-report-title .inquire_block_icon a:hover .fa:before,
480.condition-report-title .inquire_block_icon a:focus .fa:before,
481.condition-report-title .inquire_block_icon a:focus-visible .fa:before,
482.condition-report-title .inquire_block_icon a:active .fa:before {
483  color: inherit !important;
484}
485
486.condition-report-title .condition_report:hover,
487.condition-report-title .condition_report:focus,
488.condition-report-title .condition_report:focus-visible,
489.condition-report-title .condition_report:active {
490  border-color: transparent !important;
491}
492
493.inquire-form h1,
494.bid-history-form .modal-body h2,
495.bid-history-form .bid-history-info p,
496.bid-history-form .bid-history-info span,
497.bid-history-form tr th,
498.bid-history-form tr td.time,
499.bid-history-form tr td.amount,
500.has-competing-bids-msg {
501  font-family: var(--hakes-font-nav) !important;
502}
503
504.bid_registration h1,
505.bid_registration .reg_auc .type_auc,
506.bid_registration .reg_auc .title_auc,
507.custom {
508  font-family: var(--hakes-font-nav) !important;
509}
510
511.shipping label {
512  font-family: var(--hakes-font-nav) !important;
513}
514
515.shipping .click_icon i {
516  color: var(--hakes-nav-color) !important;
517}
518
519.catalog_list .catalog_detail .bidding_sec .bid_num,
520.place_bid_area .pending,
521.event_catalog_banner .banner_content .pending_txt,
522.auction-list .auc-list-content .btn-sec .pending_txt {
523  font-family: var(--hakes-font-nav) !important;
524}
525
526.item-detail ul .new_check_gruop label input:checked ~ .check-bidsquare:after,
527.my-account .notification_preference .new_check_gruop input:checked ~ .check-bidsquare:after {
528  border-color: var(--hakes-home-lot-title-color) !important;
529}
530
531[type=radio]:checked + label:after {
532  background: var(--hakes-nav-color) !important;
533}
534
535.checkmark,
536.custom .checkmark:after,
537.custom input:checked ~ .checkmark:after {
538  border-color: var(--hakes-home-lot-title-color) !important;
539}
540
541/* Login/signup inputs: kill Bootstrap blue focus + autofill wash
542   (covers .login_ms / .signup_ms / .login_form_page / .register_form_page) */
543.login_ms .form-control,
544.login_ms input[type=email],
545.login_ms input[type=text],
546.login_ms input[type=password],
547.signup_ms .form-control,
548.signup_ms input[type=email],
549.signup_ms input[type=text],
550.signup_ms input[type=password],
551.login_form_page .form-control,
552.login_form_page input,
553.login_reg_page .form-control,
554.login_reg_page input,
555.register_form_page .form-control,
556.register_form_page input[type=email],
557.register_form_page input[type=text],
558.register_form_page input[type=password] {
559  border-color: var(--hakes-search-border, var(--starter-border)) !important;
560  border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important;
561  outline: none !important;
562  box-shadow: none !important;
563  -webkit-box-shadow: none !important;
564  background-color: var(--starter-bg) !important;
565}
566
567.login_ms .form-control:hover,
568.login_ms .form-control:focus,
569.login_ms .form-control:focus-visible,
570.login_ms .form-control:active,
571.login_ms input:hover,
572.login_ms input:focus,
573.login_ms input:focus-visible,
574.login_ms input:active,
575.signup_ms .form-control:hover,
576.signup_ms .form-control:focus,
577.signup_ms .form-control:focus-visible,
578.signup_ms .form-control:active,
579.signup_ms input:hover,
580.signup_ms input:focus,
581.signup_ms input:focus-visible,
582.signup_ms input:active,
583.login_form_page .form-control:hover,
584.login_form_page .form-control:focus,
585.login_form_page .form-control:focus-visible,
586.login_form_page .form-control:active,
587.login_form_page input:hover,
588.login_form_page input:focus,
589.login_form_page input:focus-visible,
590.login_form_page input:active,
591.login_reg_page .form-control:hover,
592.login_reg_page .form-control:focus,
593.login_reg_page .form-control:focus-visible,
594.login_reg_page .form-control:active,
595.login_reg_page input:hover,
596.login_reg_page input:focus,
597.login_reg_page input:focus-visible,
598.login_reg_page input:active,
599.register_form_page .form-control:hover,
600.register_form_page .form-control:focus,
601.register_form_page .form-control:focus-visible,
602.register_form_page .form-control:active,
603.register_form_page input:hover,
604.register_form_page input:focus,
605.register_form_page input:focus-visible,
606.register_form_page input:active,
607.form-control:focus,
608.form-control:focus-visible {
609  border-color: var(--hakes-search-border, var(--starter-border)) !important;
610  border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important;
611  outline: 0 !important;
612  box-shadow: none !important;
613  -webkit-box-shadow: none !important;
614  background-color: var(--starter-bg) !important;
615}
616
617.login_ms .form-control:-webkit-autofill,
618.login_ms .form-control:-webkit-autofill:hover,
619.login_ms .form-control:-webkit-autofill:focus,
620.login_ms .form-control:-webkit-autofill:active,
621.login_ms input:-webkit-autofill,
622.login_ms input:-webkit-autofill:hover,
623.login_ms input:-webkit-autofill:focus,
624.login_ms input:-webkit-autofill:active,
625.signup_ms .form-control:-webkit-autofill,
626.signup_ms .form-control:-webkit-autofill:hover,
627.signup_ms .form-control:-webkit-autofill:focus,
628.signup_ms .form-control:-webkit-autofill:active,
629.signup_ms input:-webkit-autofill,
630.signup_ms input:-webkit-autofill:hover,
631.signup_ms input:-webkit-autofill:focus,
632.signup_ms input:-webkit-autofill:active,
633.login_form_page .form-control:-webkit-autofill,
634.login_form_page .form-control:-webkit-autofill:hover,
635.login_form_page .form-control:-webkit-autofill:focus,
636.login_form_page .form-control:-webkit-autofill:active,
637.login_form_page input:-webkit-autofill,
638.login_form_page input:-webkit-autofill:hover,
639.login_form_page input:-webkit-autofill:focus,
640.login_form_page input:-webkit-autofill:active,
641.login_reg_page .form-control:-webkit-autofill,
642.login_reg_page .form-control:-webkit-autofill:hover,
643.login_reg_page .form-control:-webkit-autofill:focus,
644.login_reg_page .form-control:-webkit-autofill:active,
645.login_reg_page input:-webkit-autofill,
646.login_reg_page input:-webkit-autofill:hover,
647.login_reg_page input:-webkit-autofill:focus,
648.login_reg_page input:-webkit-autofill:active,
649.register_form_page .form-control:-webkit-autofill,
650.register_form_page .form-control:-webkit-autofill:hover,
651.register_form_page .form-control:-webkit-autofill:focus,
652.register_form_page .form-control:-webkit-autofill:active,
653.register_form_page input:-webkit-autofill,
654.register_form_page input:-webkit-autofill:hover,
655.register_form_page input:-webkit-autofill:focus,
656.register_form_page input:-webkit-autofill:active,
657.form-control:-webkit-autofill,
658.form-control:-webkit-autofill:hover,
659.form-control:-webkit-autofill:focus,
660.form-control:-webkit-autofill:active {
661  -webkit-text-fill-color: var(--starter-text) !important;
662  caret-color: var(--starter-text);
663  border-color: var(--hakes-search-border, var(--starter-border)) !important;
664  border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important;
665  background-color: var(--starter-bg) !important;
666  -webkit-box-shadow: 0 0 0 1000px var(--starter-bg) inset !important;
667  box-shadow: 0 0 0 1000px var(--starter-bg) inset !important;
668  transition: background-color 99999s ease-out 0s;
669}
670
671.signup_ms .dnt_hv_ac p a {
672  font-family: var(--hakes-font) !important;
673}
674
675.signup_ms .dnt_hv_ac p a:hover,
676.signup_ms .dnt_hv_ac p a:focus,
677.signup_ms .dnt_hv_ac p a:focus-visible,
678.signup_ms .dnt_hv_ac p a:active {
679  color: inherit !important;
680}
681
682.signup_ms .submit button,
683.login_ms .submit button,
684.submit button,
685.submit-button button,
686.credit-boxs .my_btn_area.submit input,
687.my-alert-sec .btn-primary,
688.account_right .save_action button,
689.payment-div .credit_card button,
690.billing-form button,
691.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price,
692.item_detail .item_description .place_bid_area .bidding-area .bidding-price button,
693.login_bnt_email.btn.btn-primary,
694.how-to-sell-mid-form .sell-form-wrap form button[type=submit] {
695  background: var(--hakes-brand-red) !important;
696  border-radius: 6px !important;
697  font-family: var(--hakes-font) !important;
698}
699.signup_ms .submit button:hover, .signup_ms .submit button:focus-visible,
700.login_ms .submit button:hover,
701.login_ms .submit button:focus-visible,
702.submit button:hover,
703.submit button:focus-visible,
704.submit-button button:hover,
705.submit-button button:focus-visible,
706.credit-boxs .my_btn_area.submit input:hover,
707.credit-boxs .my_btn_area.submit input:focus-visible,
708.my-alert-sec .btn-primary:hover,
709.my-alert-sec .btn-primary:focus-visible,
710.account_right .save_action button:hover,
711.account_right .save_action button:focus-visible,
712.payment-div .credit_card button:hover,
713.payment-div .credit_card button:focus-visible,
714.billing-form button:hover,
715.billing-form button:focus-visible,
716.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price:hover,
717.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price:focus-visible,
718.item_detail .item_description .place_bid_area .bidding-area .bidding-price button:hover,
719.item_detail .item_description .place_bid_area .bidding-area .bidding-price button:focus-visible,
720.login_bnt_email.btn.btn-primary:hover,
721.login_bnt_email.btn.btn-primary:focus-visible,
722.how-to-sell-mid-form .sell-form-wrap form button[type=submit]:hover,
723.how-to-sell-mid-form .sell-form-wrap form button[type=submit]:focus-visible {
724  background: var(--hakes-brand-red-hover) !important;
725}
726
727/* Kill Bootstrap active fill — keep CTA token from base rule */
728.btn-primary:not(:disabled):not(.disabled):active,
729.btn-primary:not(:disabled):not(.disabled).active {
730  background-color: unset !important;
731}
732
733.btn.btn-primary.save_button_my_bidsquare {
734  background: var(--hakes-brand-red) !important;
735}
736.btn.btn-primary.save_button_my_bidsquare:hover {
737  background: var(--hakes-brand-red-hover) !important;
738}
739
740.how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload {
741  background: var(--hakes-nav-color) !important;
742  font-family: var(--hakes-font) !important;
743  border-radius: 8px !important;
744}
745.how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload:hover, .how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload:focus-visible {
746  background: var(--hakes-link-hover) !important;
747}
748
749.how-to-sell-mid-form h2,
750.ajax-upload-dragdrop b,
751.how-to-sell-mid-form .sell-form-wrap form input {
752  font-family: var(--hakes-font) !important;
753}
754
755.how-to-sell-mid-form form .left-form select {
756  font-family: var(--hakes-font-nav) !important;
757}
758
759.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price {
760  white-space: nowrap !important;
761  box-sizing: border-box;
762  text-align: center;
763  padding-left: 10px !important;
764  padding-right: 10px !important;
765  font-size: 14px !important;
766  line-height: 1.2 !important;
767}
768
769@media (max-width: 1199px) {
770  .catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price {
771    font-size: 13px !important;
772    padding-left: 8px !important;
773    padding-right: 8px !important;
774  }
775}
776.account_right .save_action button {
777  margin: 10px auto 0;
778}
779
780.delete-account-form a.delete_link {
781  color: var(--hakes-home-lot-title-color) !important;
782}
783
784.auction-list h1.auction-page-title {
785  font-family: var(--hakes-font);
786  font-weight: 400;
787  letter-spacing: 2px;
788}
789
790.auction-list .upcoming_auc {
791  background: var(--hakes-nav-color) !important;
792}
793
794.auction-list .bidNow {
795  background: var(--hakes-brand-red) !important;
796}
797
798.auction-list .auction-nav ul li a,
799.auction-list .auction-nav ul li.on a {
800  font-family: var(--hakes-font);
801  font-weight: 400;
802}
803
804.auction-list .auction-nav ul li.on {
805  border-color: var(--hakes-nav-color) !important;
806}
807
808.auction-list .auction-nav ul li.on a,
809.auction-list .auction-nav ul li.on a:hover,
810.auction-list .auction-nav ul li.on a:focus-visible {
811  color: inherit !important;
812}
813
814.auction-list .auc-list-content label {
815  font-family: var(--hakes-font);
816  font-weight: 400;
817  font-size: 13px;
818  letter-spacing: 6px;
819  text-transform: uppercase;
820}
821
822.auction-list .auction-nav ul li a:hover {
823  color: var(--hakes-nav-color) !important;
824}
825
826.list-top a {
827  font-family: var(--hakes-font);
828}
829.list-top a:hover, .list-top a:focus-visible {
830  color: inherit !important;
831}
832
833.auction-list .auc-list-content span,
834.auction-list .auc-list-content ltx,
835.auction-list .bidding-time,
836.auction-list .bidding-time span,
837.auction-list .auc-list-content p,
838.auction-list .auc-list-content h1,
839.auction-list .auc-list-content .list-top,
840.auction-list .auc-list-content .list-top a,
841.auction-list .addtocalendar,
842.auction-list .addtocalendar a {
843  font-family: var(--hakes-font) !important;
844  font-weight: 400 !important;
845}
846
847.request_setup_form .submit .btn {
848  background: var(--hakes-brand-red) !important;
849  font-family: var(--hakes-font) !important;
850}
851
852.auction-list .auc-list-content .btn-sec .prm-btn {
853  background: var(--hakes-brand-red) !important;
854  font-family: var(--hakes-font) !important;
855  border-radius: 8px !important;
856}
857.auction-list .auc-list-content .btn-sec .prm-btn:hover, .auction-list .auc-list-content .btn-sec .prm-btn:focus-visible {
858  background: var(--hakes-brand-red-hover) !important;
859}
860
861.invoice_popup .f_invoice_pop_contact_sub_txt {
862  background: var(--hakes-brand-red) !important;
863}
864.invoice_popup .f_invoice_pop_contact_sub_txt:hover {
865  background: var(--hakes-brand-red-hover);
866}
867
868.btn_area .invoice-print-btn {
869  background: var(--hakes-brand-red);
870  border-color: #999999 !important;
871}
872.btn_area .invoice-print-btn:hover {
873  background: var(--hakes-brand-red-hover);
874}
875
876/* Figma Register Now: Noto Sans Regular 400 */
877.event_catalog_banner .banner_content .prm-btn,
878.event_catalog_banner .banner_content button.prm-btn,
879.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn {
880  background: var(--hakes-brand-red) !important;
881  border-radius: 6px !important;
882  font-family: var(--hakes-font) !important;
883  font-weight: 400 !important;
884  font-style: normal !important;
885  font-size: 18px !important;
886  line-height: 21px !important;
887  letter-spacing: 0 !important;
888  color: var(--main-btn-text, #ffffff) !important;
889  font-synthesis: none;
890  -webkit-font-smoothing: antialiased;
891  -moz-osx-font-smoothing: grayscale;
892  text-shadow: none !important;
893}
894.event_catalog_banner .banner_content .prm-btn:hover, .event_catalog_banner .banner_content .prm-btn:focus-visible,
895.event_catalog_banner .banner_content button.prm-btn:hover,
896.event_catalog_banner .banner_content button.prm-btn:focus-visible,
897.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn:hover,
898.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn:focus-visible {
899  background: var(--hakes-brand-red-hover) !important;
900  font-weight: 400 !important;
901}
902
903.event_catalog_banner .banner_content .scnd-btn {
904  font-family: var(--hakes-font) !important;
905  font-weight: 400 !important;
906  background: var(--starter-bg) !important;
907  color: var(--starter-text) !important;
908}
909.event_catalog_banner .banner_content .scnd-btn:hover, .event_catalog_banner .banner_content .scnd-btn:focus-visible {
910  background: var(--hakes-surface-muted) !important;
911  font-weight: 400 !important;
912}
913
914.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link {
915  background: var(--starter-bg) !important;
916}
917.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link:hover, .event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link:focus-visible {
918  background: var(--hakes-surface-muted) !important;
919}
920
921.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link i {
922  color: var(--starter-text) !important;
923}
924
925.banner_bottom ltx,
926.banner_bottom span {
927  font-family: var(--hakes-font) !important;
928}
929
930.banner_bottom .addtocalendar span {
931  background: var(--hakes-brand-red) !important;
932  border-radius: 8px !important;
933  font-family: var(--hakes-font) !important;
934  font-weight: 400 !important;
935  font-style: normal !important;
936  font-synthesis: none;
937  -webkit-font-smoothing: antialiased;
938  -moz-osx-font-smoothing: grayscale;
939}
940.banner_bottom .addtocalendar span:hover {
941  background: var(--hakes-brand-red-hover) !important;
942  font-weight: 400 !important;
943}
944
945.tab_title ul li a {
946  font-family: var(--hakes-font) !important;
947}
948
949#_feature .titleDiv h2 {
950  font-family: var(--hakes-font) !important;
951}
952
953.slick-slider .slick-next:before,
954.cloud-home-banners .slick-next:before {
955  border-left-color: #1a1a1a !important;
956  color: #1a1a1a !important;
957}
958
959.slick-slider .slick-prev:before,
960.cloud-home-banners .slick-prev:before {
961  border-right-color: #1a1a1a !important;
962  color: #1a1a1a !important;
963}
964
965/*
966  Banner arrows — different white shades:
967  - default: soft white 80%
968  - hover: solid white 100%
969  - click/press: muted white 55%
970  - after click, hover shade stays while pointer is on the arrow;
971    mouse leave / click outside restores default
972  Arrow icon stays black in every state.
973*/
974.cloud-home-banners .slick-prev,
975.cloud-home-banners .slick-next,
976.slick-slider .slick-prev,
977.slick-slider .slick-next {
978  background: rgba(255, 255, 255, 0.8) !important;
979  color: #1a1a1a !important;
980  transition: background 0.15s ease;
981}
982
983.cloud-home-banners .slick-prev:hover,
984.cloud-home-banners .slick-next:hover,
985.slick-slider .slick-prev:hover,
986.slick-slider .slick-next:hover {
987  background: rgb(255, 255, 255) !important;
988  color: #1a1a1a !important;
989}
990
991.cloud-home-banners .slick-prev:active,
992.cloud-home-banners .slick-next:active,
993.slick-slider .slick-prev:active,
994.slick-slider .slick-next:active {
995  background: rgba(255, 255, 255, 0.55) !important;
996  color: #1a1a1a !important;
997}
998
999/* Keep hover white shade after click while still over the arrow */
1000.cloud-home-banners .slick-prev:focus:hover,
1001.cloud-home-banners .slick-next:focus:hover,
1002.slick-slider .slick-prev:focus:hover,
1003.slick-slider .slick-next:focus:hover {
1004  background: rgb(255, 255, 255) !important;
1005  color: #1a1a1a !important;
1006}
1007
1008/* Mouse left (still focused) or blur → default soft white */
1009.cloud-home-banners .slick-prev:focus:not(:hover),
1010.cloud-home-banners .slick-next:focus:not(:hover),
1011.slick-slider .slick-prev:focus:not(:hover),
1012.slick-slider .slick-next:focus:not(:hover) {
1013  background: rgba(255, 255, 255, 0.8) !important;
1014  color: #1a1a1a !important;
1015}
1016
1017.slick-slider .slick-prev:hover:before,
1018.slick-slider .slick-prev:focus:before,
1019.slick-slider .slick-prev:active:before,
1020.cloud-home-banners .slick-prev:hover:before,
1021.cloud-home-banners .slick-prev:focus:before,
1022.cloud-home-banners .slick-prev:active:before {
1023  border-right-color: #1a1a1a !important;
1024  color: #1a1a1a !important;
1025}
1026
1027.slick-slider .slick-next:hover:before,
1028.slick-slider .slick-next:focus:before,
1029.slick-slider .slick-next:active:before,
1030.cloud-home-banners .slick-next:hover:before,
1031.cloud-home-banners .slick-next:focus:before,
1032.cloud-home-banners .slick-next:active:before {
1033  border-left-color: #1a1a1a !important;
1034  color: #1a1a1a !important;
1035}
1036
1037.slick-slider .slick-list li .cont_box .lot_desc a {
1038  font-family: var(--hakes-font) !important;
1039}
1040
1041.catalog_list .result_count {
1042  font-family: var(--hakes-font) !important;
1043  font-size: 18px !important;
1044}
1045
1046.catalog_list .result-for h1,
1047.catalog_list .result-for .save-search-btn {
1048  font-family: var(--hakes-font-nav) !important;
1049}
1050
1051.catalog_list .result-for .save-search-btn::before {
1052  color: var(--hakes-text) !important;
1053}
1054
1055.catalog_list .filter-reset-all {
1056  font-family: var(--hakes-font) !important;
1057  color: var(--hakes-text) !important;
1058}
1059
1060.catalog_list .side_searchbar input {
1061  color: var(--hakes-text-muted) !important;
1062  font-size: 14px !important;
1063  font-family: var(--hakes-font) !important;
1064}
1065
1066.catalog_list .side_filter .common_tgl a.btn_toggle {
1067  font-family: var(--hakes-font) !important;
1068  font-weight: 400 !important;
1069  color: var(--hakes-text) !important;
1070  font-size: 16px !important;
1071}
1072
1073.catalog_list .side_filter .common_tgl ul li label.custom {
1074  font-family: var(--hakes-font) !important;
1075  color: var(--hakes-text-soft) !important;
1076  font-size: 12.6px !important;
1077}
1078
1079.catalog_list .side_filter .common_tgl .filter-reset {
1080  color: var(--hakes-text) !important;
1081  font-family: var(--hakes-font) !important;
1082}
1083
1084.catalog_list .side_filter .common_tgl ul li span.countSmall {
1085  color: var(--hakes-text-faint) !important;
1086  font-size: 12.6px !important;
1087}
1088
1089.catalog_list .side_filter .common_tgl ul a.cat_title {
1090  font-weight: 400 !important;
1091  font-family: var(--hakes-font) !important;
1092  color: var(--hakes-text-soft) !important;
1093}
1094
1095.catalog_list .side_filter .common_tgl ul li a {
1096  font-weight: 400 !important;
1097  font-family: var(--hakes-font) !important;
1098  color: var(--hakes-text-soft) !important;
1099}
1100
1101.catalog_list .side_filter .common_tgl ul {
1102  font-family: var(--hakes-font) !important;
1103}
1104
1105.catalog_list .side_filter .common_tgl ul li label.custom span.checkmark:after {
1106  border-color: var(--hakes-checkmark) !important;
1107}
1108
1109.custom input:checked ~ .checkmark {
1110  border-color: var(--hakes-checkmark) !important;
1111}
1112
1113.filter-range {
1114  display: flex;
1115  align-items: center;
1116  justify-content: space-between;
1117  gap: 4px;
1118}
1119
1120.catalog_list .side_filter .common_tgl .filter-range input {
1121  margin-top: 0 !important;
1122  width: 52px !important;
1123  min-width: 0;
1124  flex: 0 1 auto;
1125}
1126
1127.catalog_list .side_filter .common_tgl .filter-range button {
1128  flex-shrink: 0;
1129  margin-top: 0 !important;
1130  background: var(--hakes-brand-red) !important;
1131  font-family: var(--hakes-font) !important;
1132}
1133.catalog_list .side_filter .common_tgl .filter-range button:hover {
1134  background: var(--hakes-brand-red-hover) !important;
1135}
1136
1137/* Below lg: keep filters off-canvas (platform drawer only kicks in ≤767) */
1138@media (max-width: 991px) {
1139  .tab_container .col-lg-2#filter-panel,
1140  #filter-panel {
1141    flex: 0 0 100%;
1142    max-width: 100%;
1143  }
1144  #filter-panel ~ .col-md-8.col-lg-10 {
1145    flex: 0 0 100%;
1146    max-width: 100%;
1147  }
1148  .catalog_list .filtertop {
1149    display: block !important;
1150  }
1151  .catalog_list .hamburgerBox {
1152    float: none;
1153    display: none;
1154    position: fixed;
1155    top: 0;
1156    left: 0;
1157    background: var(--starter-bg);
1158    width: 293px;
1159    height: 100vh;
1160    height: 100dvh;
1161    z-index: 1950;
1162    overflow-y: auto;
1163    overflow-x: hidden;
1164  }
1165  .catalog_list .showMenu .hamburgerBox,
1166  .catalog_list.showMenu .hamburgerBox {
1167    display: block;
1168  }
1169  .hamburgerBox .hamburgerBox-close {
1170    content: "";
1171    position: absolute;
1172    top: 13px;
1173    width: 15px;
1174    height: 15px;
1175    right: 15px;
1176    z-index: 1;
1177    background: url(../../../public/themes/common/img/filter_close.png) no-repeat scroll center center;
1178    padding: 15px;
1179    cursor: pointer;
1180  }
1181  .hamburgerBox .mobiTitle {
1182    background-color: var(--hakes-surface-muted);
1183    text-align: center;
1184    border-bottom: 1px solid var(--starter-border);
1185    padding: 18px 0 14px;
1186    width: 100%;
1187    display: block !important;
1188  }
1189  form.my-bidsquare-filter-form .item_filter_wrap .mobiTitle {
1190    display: none !important;
1191  }
1192  .catalog_list .catagory-filter-icon {
1193    background: url(../../../public/themes/common/img/filter_icon.svg) no-repeat scroll 0 3px;
1194    background-size: 25px;
1195    height: 30px;
1196    margin-right: 0;
1197    padding: 0 40px;
1198    margin-left: 15px;
1199    background-color: transparent !important;
1200    color: var(--hakes-nav-color) !important;
1201    border: 0 !important;
1202    border-radius: 0 !important;
1203    width: auto !important;
1204  }
1205  .catalog_list .resultTxt {
1206    padding: 0;
1207    display: inline-block;
1208    vertical-align: top;
1209    margin-top: 5px;
1210    width: calc(100% - 170px);
1211    text-align: center;
1212  }
1213  .catalog_list .sorting .relevance,
1214  .catalog_list .sorting .view_count {
1215    display: none;
1216  }
1217  .catalog_list .filters .relevance {
1218    display: block !important;
1219    padding: 12px;
1220  }
1221  .catalog_list .side_searchbar {
1222    padding: 5px 15px;
1223    background: var(--hakes-surface-muted);
1224  }
1225  .catalog_list .side_filter {
1226    background: var(--hakes-surface-muted);
1227    border: 1px solid var(--starter-border);
1228    padding: 0 13px 25px !important;
1229  }
1230  .catalog_list .overLayer {
1231    position: fixed;
1232    left: 0;
1233    right: 0;
1234    top: 0;
1235    width: 100%;
1236    height: 100vh;
1237    height: 100dvh;
1238    background-color: rgba(0, 0, 0, 0.25);
1239    z-index: 1949;
1240    opacity: 0;
1241    visibility: hidden;
1242    pointer-events: none;
1243  }
1244  .catalog_list .showMenu .overLayer,
1245  .catalog_list.showMenu .overLayer {
1246    opacity: 1;
1247    visibility: visible;
1248    pointer-events: auto;
1249  }
1250}
1251.catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn {
1252  background: var(--hakes-brand-red) !important;
1253  border-radius: 6px !important;
1254  font-family: var(--hakes-font) !important;
1255}
1256.catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn:hover, .catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn:focus-visible {
1257  background: var(--hakes-brand-red-hover) !important;
1258}
1259
1260.catalog_list .sorting label,
1261.catalog_list .sorting .relevance select {
1262  font-family: var(--hakes-font) !important;
1263}
1264
1265.catalog_list .catalog_detail .lot_title a:hover,
1266.catalog_list .catalog_detail .lot_title a:focus-visible {
1267  color: var(--hakes-link-hover) !important;
1268}
1269
1270.catalog_list .catalog_detail .like_icon .btn-icon.btn-icon-heart.wl-icon-heart:before {
1271  color: var(--hakes-brand-red) !important;
1272}
1273
1274.catalog_list .catalog_detail .like_icon .btn-icon.btn-icon-heart-on.wl-icon-heart:before {
1275  color: var(--hakes-brand-red) !important;
1276}
1277
1278.auctioneer .btn-sec a {
1279  font-family: var(--hakes-font) !important;
1280  font-weight: 400 !important;
1281  font-style: normal !important;
1282  letter-spacing: 0 !important;
1283  font-synthesis: none;
1284  -webkit-font-smoothing: antialiased;
1285  -moz-osx-font-smoothing: grayscale;
1286  text-shadow: none !important;
1287  background: var(--hakes-brand-red) !important;
1288  border-radius: 6px !important;
1289}
1290.auctioneer .btn-sec a:hover, .auctioneer .btn-sec a:focus-visible {
1291  background: var(--hakes-brand-red-hover) !important;
1292  font-weight: 400 !important;
1293}
1294
1295.item_detail .item_description .favourite .btn-icon-heart:after {
1296  color: var(--hakes-brand-red) !important;
1297}
1298
1299.item_detail .item_description .favourite .btn-icon-heart-on:after {
1300  color: var(--hakes-brand-red) !important;
1301}
1302
1303.item_detail .item_description .place_bid_area .f_item_detail_youWon {
1304  color: var(--hakes-nav-color) !important;
1305}
1306
1307.auctioneer .auctioneer_detail .main_auc_detail span,
1308.auctioneer .auctioneer_detail .main_auc_detail h1,
1309.auctioneer .auctioneer_detail .main_auc_detail .auc_timing .start_time,
1310.auctioneer .auctioneer_detail .main_auc_detail .auc_timing .time_left {
1311  font-family: var(--hakes-font) !important;
1312  font-weight: 400 !important;
1313  font-style: normal !important;
1314  font-synthesis: none;
1315  -webkit-font-smoothing: antialiased;
1316  -moz-osx-font-smoothing: grayscale;
1317  text-shadow: none !important;
1318}
1319
1320.item_detail .item_direction a {
1321  font-family: var(--hakes-font) !important;
1322  font-weight: 400 !important;
1323}
1324
1325.item_detail .item_description .lot_num {
1326  font-family: var(--hakes-font) !important;
1327  font-weight: 400 !important;
1328  font-style: normal !important;
1329  font-synthesis: none;
1330  -webkit-font-smoothing: antialiased;
1331  -moz-osx-font-smoothing: grayscale;
1332  text-shadow: none !important;
1333}
1334
1335.item_detail .item_description h1,
1336.item_detail .item_description .estimated_price span,
1337.item_detail .item_description .estimated_price a,
1338.item_detail .item_description .place_bid_area .f_item_detail_bid_status,
1339.item_detail .item_description .place_bid_area .bid-estimate-timer,
1340.item_detail .item_description .place_bid_area .bidding-price,
1341.item_detail .item_description .place_bid_area .bidding-price * {
1342  font-family: var(--hakes-font) !important;
1343  font-weight: 400 !important;
1344  font-style: normal !important;
1345  font-synthesis: none;
1346  -webkit-font-smoothing: antialiased;
1347  -moz-osx-font-smoothing: grayscale;
1348  text-shadow: none !important;
1349}
1350
1351.catalog_list .catalog_detail .bidding_sec .starting_bid .bid_txt,
1352.catalog_list .catalog_detail .bid_amount input,
1353.catalog_list .catalog_detail .lot_Num,
1354.catalog_list .catalog_detail .lot_title,
1355.catalog_list .catalog_detail .lot_title a,
1356.catalog_list .catalog_detail .est_prc_time .est_price,
1357.catalog_list .catalog_detail .est_prc_time .est_time {
1358  font-family: var(--hakes-font) !important;
1359  font-weight: 400 !important;
1360  font-style: normal !important;
1361  font-synthesis: none;
1362  -webkit-font-smoothing: antialiased;
1363  -moz-osx-font-smoothing: grayscale;
1364  text-shadow: none !important;
1365}
1366
1367.fa-angle-left:before,
1368.fa-angle-right:before,
1369.fa-caret-left:before,
1370.fa-caret-right:before {
1371  color: var(--hakes-nav-color) !important;
1372}
1373
1374.item_detail .item_description .place_bid_area .bidding-area .place_bid input {
1375  font-family: var(--hakes-font) !important;
1376}
1377
1378.item_detail .item_description .place_bid_area .bidding-area .place_bid button {
1379  font-family: var(--hakes-font) !important;
1380  font-weight: 400 !important;
1381  font-style: normal !important;
1382  letter-spacing: 0 !important;
1383  font-synthesis: none;
1384  -webkit-font-smoothing: antialiased;
1385  -moz-osx-font-smoothing: grayscale;
1386  text-shadow: none !important;
1387  background: var(--hakes-brand-red) !important;
1388  border-radius: 6px !important;
1389}
1390.item_detail .item_description .place_bid_area .bidding-area .place_bid button:hover, .item_detail .item_description .place_bid_area .bidding-area .place_bid button:focus-visible {
1391  background: var(--hakes-brand-red-hover) !important;
1392  font-weight: 400 !important;
1393}
1394
1395.item_detail .item_description .place_bid_area .bidding-area a {
1396  font-family: var(--hakes-font) !important;
1397}
1398
1399.chartlist table {
1400  font-family: var(--hakes-font) !important;
1401}
1402
1403.chartlist h4 {
1404  font-family: var(--hakes-font) !important;
1405}
1406
1407.item_detail .item_description .item_tabs .nav-tabs {
1408  font-family: var(--hakes-font) !important;
1409}
1410
1411.item_detail .item_description .item_tabs .nav-tabs li a.active::after {
1412  background-color: var(--hakes-nav-color) !important;
1413}
1414
1415.item_detail .item_description .item_tabs .tab-pane,
1416.item_detail .other_lots h2 {
1417  font-family: var(--hakes-font) !important;
1418}
1419
1420.item_detail .other_lots ul li .auction-detail,
1421.item_detail .other_lots ul li .auction-detail p {
1422  font-family: var(--hakes-font) !important;
1423}
1424
1425/* Other-lots carousel: 5 across, clip list only so carets stay visible */
1426.item_detail .other_lots {
1427  position: relative;
1428  overflow: visible;
1429}
1430
1431.item_detail .other_lots .control-button {
1432  display: block;
1433  z-index: 2;
1434}
1435
1436.item_detail .other_lots .control-button a {
1437  display: inline-flex;
1438  align-items: center;
1439  justify-content: center;
1440}
1441
1442.item_detail .other_lots ul {
1443  display: flex !important;
1444  flex-wrap: nowrap !important;
1445  align-items: flex-start;
1446  overflow: hidden;
1447  width: 100%;
1448}
1449
1450.item_detail .other_lots ul li {
1451  float: none !important;
1452  box-sizing: border-box;
1453  flex: 0 0 calc((100% - 36px) / 5); /* exact 5-up so 6th slides off-screen */
1454  width: calc((100% - 36px) / 5);
1455  max-width: calc((100% - 36px) / 5);
1456}
1457
1458.item_detail .other_lots ul li:not(:last-child) {
1459  margin-right: 9px;
1460}
1461
1462/* Only the lot number stays under the thumbnail. Titles wrap to different
1463   depths, which left the cards in a row at uneven heights. `span` covers both
1464   the closed/status line and `.other_lot_pricebid`. */
1465.item_detail .other_lots ul li .auction-detail h2,
1466.item_detail .other_lots ul li .auction-detail span,
1467.item_detail .other_lots ul li .auction-detail .est_price {
1468  display: none !important;
1469}
1470
1471.tab_title ul li.active a:after {
1472  background-color: var(--hakes-nav-color) !important;
1473}
1474
1475.fa-pinterest:before,
1476.fa-facebook:before,
1477.fa-link:before {
1478  color: var(--starter-text) !important;
1479}
1480
1481/* Kill platform/theme hover tint on calendar dropdown + Pinterest */
1482.atcb-item:hover,
1483.atcb-item:hover a,
1484.atcb-item:hover .atcb-item-link,
1485.addtocalendar ul.atcb-list li:hover a {
1486  color: inherit !important;
1487}
1488
1489.fa-pinterest-p:before,
1490a:hover .fa-pinterest-p:before,
1491.fa-pinterest-p:hover:before {
1492  color: var(--starter-text) !important;
1493}
1494
1495.banner_bottom .fa-twitter,
1496.banner_bottom .fa-facebook,
1497.banner_bottom .fa-link,
1498.banner_bottom .fa-pinterest,
1499.banner_bottom .fa-twitter:before,
1500.banner_bottom .fa-facebook:before,
1501.banner_bottom .fa-link:before,
1502.banner_bottom .fa-pinterest:before,
1503.banner_bottom a:hover .fa-twitter,
1504.banner_bottom a:hover .fa-facebook,
1505.banner_bottom a:hover .fa-link,
1506.banner_bottom a:hover .fa-pinterest,
1507.banner_bottom a:hover .fa-twitter:before,
1508.banner_bottom a:hover .fa-facebook:before,
1509.banner_bottom a:hover .fa-link:before,
1510.banner_bottom a:hover .fa-pinterest:before,
1511.banner_bottom .fa-twitter:hover,
1512.banner_bottom .fa-facebook:hover,
1513.banner_bottom .fa-link:hover,
1514.banner_bottom .fa-pinterest:hover,
1515.banner_bottom .fa-twitter:hover:before,
1516.banner_bottom .fa-facebook:hover:before,
1517.banner_bottom .fa-link:hover:before,
1518.banner_bottom .fa-pinterest:hover:before {
1519  color: var(--starter-text) !important;
1520}
1521
1522.auc-list-content .btn-sec .view-catalog-btn,
1523.auc-list-content .btn-sec .consign-with-us-btn {
1524  background: var(--hakes-nav-color) !important;
1525  /* Figma CTA: Noto Sans 700 / 14 / 21 — not platform 18px (reads too heavy) */
1526  color: var(--hakes-cta-text, #ffffff) !important;
1527  font-family: var(--hakes-font) !important;
1528  font-size: 14px !important;
1529  font-weight: 700 !important;
1530  line-height: 21px !important;
1531  letter-spacing: 0 !important;
1532  text-transform: uppercase;
1533  font-synthesis: none;
1534  border-radius: 8px !important;
1535}
1536.auc-list-content .btn-sec .view-catalog-btn:hover, .auc-list-content .btn-sec .view-catalog-btn:focus-visible,
1537.auc-list-content .btn-sec .consign-with-us-btn:hover,
1538.auc-list-content .btn-sec .consign-with-us-btn:focus-visible {
1539  background: var(--hakes-link-hover) !important;
1540}
1541
1542.auc-list-content .btn-sec .view-catalog-btn,
1543.auc-list-content .btn-sec .consign-with-us-btn {
1544  font-weight: 400 !important;
1545  font-size: 18px !important;
1546  text-transform: none !important;
1547}
1548
1549.auction-list .addtocalendar a {
1550  color: var(--hakes-nav-color) !important;
1551}
1552.auction-list .addtocalendar a:hover {
1553  background: transparent !important;
1554}
1555
1556.auction-list .slider-nav.sync-img .wl-icon-sync-arrow-left:before,
1557.auction-list .slider-nav.sync-img .wl-icon-sync-arrow-right:before {
1558  color: var(--hakes-nav-color) !important;
1559}
1560
1561.cloud-home-lot-card__cta .btn {
1562  background: var(--hakes-brand-red) !important;
1563  border-radius: 6px !important;
1564  font-family: var(--hakes-font) !important;
1565}
1566
1567.cloud-home-lot-card__cta .btn:hover,
1568.cloud-home-lot-card__cta .btn:focus-visible {
1569  background: var(--hakes-brand-red-hover) !important;
1570}
1571
1572.cloud-home .catalog_list .catalog_detail .lot_Num {
1573  color: var(--hakes-home-lot-num-color) !important;
1574  font-size: 14px !important;
1575}
1576
1577.cloud-home .catalog_list .catalog_detail .lot_title a {
1578  color: var(--hakes-home-lot-title-color) !important;
1579  font-weight: 700 !important;
1580  font-size: 20px !important;
1581}
1582
1583.catalog_list .catalog_detail .est_prc_time .est_price .estimate_label {
1584  color: var(--hakes-home-estimate-label-color) !important;
1585}
1586
1587.catalog_list .catalog_detail .est_prc_time .est_price .estimate_amount small {
1588  color: var(--hakes-home-lot-num-color) !important;
1589  font-weight: 700 !important;
1590}
1591
1592.cloud-home-lot-card__bid .bid_txt > span {
1593  color: var(--hakes-home-estimate-label-color) !important;
1594  font-weight: 700 !important;
1595  font-size: 15px !important;
1596}
1597
1598.cloud-home-lot-card__bid .bid_txt .currency_container .price {
1599  color: var(--hakes-home-bid-price-color) !important;
1600  font-weight: 700 !important;
1601  font-size: 16px !important;
1602}
1603
1604.cloud-home-lot-card__bid .f_event_button_view_hammer_price {
1605  color: var(--hakes-home-lot-title-color) !important;
1606}
1607
1608/* ---------- Header Component---------- */
1609.site-header {
1610  --hakes-font-nav: var(--hakes-font);
1611  --hakes-cta-text: #ffffff;
1612  --hakes-search-border: #d1d1d1;
1613  --hakes-search-placeholder: #9a9a9a;
1614  --hakes-search-height: 36px;
1615  --hakes-logo-height: 112px;
1616  --hakes-logo-overlap: 14px;
1617  --hakes-drawer-padding-top: 84px;
1618  --hakes-header-banner-gap: 16px;
1619  position: relative;
1620  z-index: 1000;
1621  background: var(--starter-header-bg);
1622  color: var(--starter-header-text);
1623  overflow: visible;
1624  margin-bottom: var(--hakes-header-banner-gap);
1625  /* Figma: red rule under header */
1626}
1627.site-header::after {
1628  content: "";
1629  position: absolute;
1630  left: 0;
1631  right: 0;
1632  bottom: 0;
1633  height: 8px;
1634  background: var(--hakes-brand-red);
1635  pointer-events: none;
1636}
1637
1638.site-header-main {
1639  display: grid;
1640  grid-template-columns: 1fr auto;
1641  grid-template-areas: "brand actions";
1642  align-items: center;
1643  gap: 12px 16px;
1644  width: 100%;
1645  max-width: 1710px;
1646  margin-inline: auto;
1647  min-height: 0;
1648  padding: 6px 16px 0;
1649  overflow: visible;
1650}
1651
1652.mobile-menu-checkbox {
1653  display: none;
1654}
1655
1656.hamburger {
1657  display: inline-flex;
1658  width: 32px;
1659  height: 22px;
1660  flex-direction: column;
1661  justify-content: space-between;
1662  cursor: pointer;
1663  color: var(--hakes-nav-color);
1664  z-index: 1002;
1665}
1666
1667.hamburger span {
1668  height: 2px;
1669  width: 100%;
1670  background: currentColor;
1671  transition: transform 0.2s ease, opacity 0.2s ease;
1672}
1673
1674.site-header-brand {
1675  grid-area: brand;
1676  justify-self: start;
1677  align-self: end;
1678  min-width: 0;
1679  position: relative;
1680  z-index: 2;
1681  margin-top: 0;
1682  margin-bottom: calc(-1 * var(--hakes-logo-overlap));
1683  margin-left: 8px;
1684}
1685
1686.site-header-logo-link {
1687  display: inline-block;
1688  line-height: 0;
1689}
1690
1691.site-header-logo {
1692  display: block;
1693  width: auto;
1694  height: 88px;
1695  max-width: min(140px, 46vw);
1696  object-fit: contain;
1697}
1698
1699.site-header-actions {
1700  grid-area: actions;
1701  display: flex;
1702  align-items: center;
1703  justify-content: flex-end;
1704  justify-self: end;
1705  gap: 12px 18px;
1706  min-width: 0;
1707}
1708
1709.site-header-search-slot {
1710  position: relative;
1711  display: flex;
1712  align-items: center;
1713  justify-content: flex-end;
1714  flex: 0 0 auto;
1715}
1716
1717.site-header-search-trigger {
1718  display: inline-flex;
1719  align-items: center;
1720  justify-content: center;
1721  padding: 6px;
1722  cursor: pointer;
1723  color: var(--hakes-nav-color);
1724  font-size: 18px;
1725  line-height: 1;
1726  border-radius: var(--starter-radius);
1727}
1728
1729.site-header-search-trigger:hover,
1730.site-header-search-trigger:focus-visible {
1731  color: var(--hakes-nav-hover);
1732  outline: none;
1733}
1734
1735.site-header-account a,
1736.site-header-account input {
1737  text-decoration: none;
1738}
1739
1740.site-header-account--inline {
1741  display: none;
1742}
1743
1744.site-header-nav {
1745  position: fixed;
1746  top: 0;
1747  left: 0;
1748  right: 0;
1749  width: 100%;
1750  height: 100dvh;
1751  background: var(--starter-header-bg);
1752  border-left: 0;
1753  padding: var(--hakes-drawer-padding-top) 20px 24px;
1754  overflow-y: auto;
1755  z-index: 1001;
1756  flex-direction: column;
1757  /* Hidden unless hamburger opens it — avoids resize/breakpoint flash */
1758  display: none;
1759  pointer-events: none;
1760}
1761
1762.site-header-drawer-close {
1763  display: none;
1764  position: absolute;
1765  top: 16px;
1766  right: 16px;
1767  align-items: center;
1768  justify-content: center;
1769  width: 36px;
1770  height: 36px;
1771  cursor: pointer;
1772  color: var(--hakes-nav-color);
1773  font-size: 22px;
1774  line-height: 1;
1775  z-index: 2;
1776}
1777
1778.mobile-menu-checkbox:checked ~ .site-header-center .site-header-nav,
1779body.nav-open .site-header-nav {
1780  display: flex;
1781  pointer-events: auto;
1782}
1783
1784.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(2) {
1785  opacity: 0;
1786}
1787
1788.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(1) {
1789  transform: translateY(10px) rotate(45deg);
1790}
1791
1792.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(3) {
1793  transform: translateY(-10px) rotate(-45deg);
1794}
1795
1796.main-menu {
1797  margin: 0;
1798  padding: 0;
1799  list-style: none;
1800  display: grid;
1801  gap: 0;
1802}
1803
1804.main-menu > li {
1805  border-bottom: 0;
1806}
1807
1808.main-menu > li > a {
1809  font-family: var(--hakes-font-nav);
1810  font-weight: 700;
1811  font-size: 16px;
1812  line-height: 24px;
1813  letter-spacing: 0;
1814  text-transform: uppercase;
1815  font-style: normal;
1816  font-synthesis: none;
1817  -webkit-font-smoothing: antialiased;
1818  -moz-osx-font-smoothing: grayscale;
1819  text-shadow: none;
1820  display: flex;
1821  align-items: center;
1822  justify-content: space-between;
1823  gap: 8px;
1824  padding: 14px 4px;
1825  color: var(--hakes-nav-color);
1826  text-decoration: none;
1827}
1828
1829.main-menu > li > a:hover,
1830.main-menu > li > a:focus-visible {
1831  color: var(--hakes-nav-hover);
1832}
1833
1834.nav-caret {
1835  font-size: 16px;
1836  line-height: 1;
1837  font-weight: 400;
1838  -webkit-text-stroke: 0.85px currentColor;
1839  paint-order: stroke fill;
1840}
1841
1842.dropdown-menu {
1843  display: none;
1844  list-style: none;
1845  margin: 0;
1846  padding: 0 0 12px 12px;
1847}
1848.dropdown-menu.show {
1849  display: block;
1850}
1851.dropdown-menu .dropdown-item {
1852  display: block;
1853  padding: 10px 4px;
1854  font-family: var(--hakes-font-nav);
1855  font-size: 14px;
1856  font-weight: 400;
1857  line-height: 1.35;
1858  letter-spacing: 0;
1859  text-transform: none;
1860  color: var(--hakes-text) !important;
1861  background: transparent;
1862  text-decoration: none;
1863}
1864.dropdown-menu .dropdown-item:hover,
1865.dropdown-menu .dropdown-item:focus-visible {
1866  color: var(--hakes-nav-color) !important;
1867  background: var(--hakes-dropdown-item-hover-bg);
1868}
1869
1870.site-header .main-menu .has-dropdown.open > .dropdown-menu,
1871.site-header .main-menu .has-dropdown.open .dropdown-menu.show {
1872  display: block;
1873}
1874
1875.site-header-account--drawer {
1876  margin-top: 0;
1877  padding-top: 0;
1878  border-top: 0;
1879}
1880
1881.site-header-account .signup-link {
1882  font-family: var(--hakes-font-nav);
1883  font-weight: 700;
1884  font-size: 16px;
1885  line-height: 24px;
1886  letter-spacing: 0;
1887  text-transform: uppercase;
1888  font-style: normal;
1889  font-synthesis: none;
1890  -webkit-font-smoothing: antialiased;
1891  -moz-osx-font-smoothing: grayscale;
1892  text-shadow: none;
1893  display: inline-block;
1894  color: var(--hakes-nav-color);
1895}
1896
1897.site-header-account .signup-link:hover,
1898.site-header-account .signup-link:focus-visible {
1899  color: var(--hakes-nav-hover);
1900}
1901
1902.site-header-account .login-link,
1903.site-header-account input.logout-btn-front {
1904  font-family: var(--hakes-font-nav);
1905  font-weight: 700;
1906  font-size: 16px;
1907  line-height: 24px;
1908  letter-spacing: 0;
1909  text-transform: uppercase;
1910  font-style: normal;
1911  font-synthesis: none;
1912  -webkit-font-smoothing: antialiased;
1913  -moz-osx-font-smoothing: grayscale;
1914  text-shadow: none;
1915  box-sizing: border-box;
1916  width: 98px;
1917  height: 40px;
1918  padding: 0;
1919  border-radius: var(--starter-radius);
1920  border: 1px solid var(--hakes-brand-red);
1921  background: var(--hakes-brand-red);
1922  color: var(--hakes-cta-text) !important;
1923  cursor: pointer;
1924  transition: background 0.15s ease, border-color 0.15s ease;
1925}
1926
1927.site-header-account .login-link {
1928  display: inline-flex;
1929  align-items: center;
1930  justify-content: center;
1931}
1932
1933/* <input> ignores flex centering — use height = line-height */
1934.site-header-account input.logout-btn-front {
1935  display: inline-block;
1936  line-height: 40px;
1937  text-align: center;
1938  vertical-align: middle;
1939  -webkit-appearance: none;
1940  appearance: none;
1941}
1942
1943.site-header-account .login-link:hover,
1944.site-header-account .login-link:focus-visible,
1945.site-header-account input.logout-btn-front:hover,
1946.site-header-account input.logout-btn-front:focus-visible {
1947  background: var(--hakes-brand-red-hover);
1948  border-color: var(--hakes-brand-red-hover);
1949  color: var(--hakes-cta-text) !important;
1950}
1951
1952.site-header-account .my-account-link {
1953  font-family: var(--hakes-font-nav);
1954  font-weight: 700;
1955  font-size: 16px;
1956  line-height: 24px;
1957  letter-spacing: 0;
1958  text-transform: uppercase;
1959  font-style: normal;
1960  font-synthesis: none;
1961  -webkit-font-smoothing: antialiased;
1962  -moz-osx-font-smoothing: grayscale;
1963  text-shadow: none;
1964  color: var(--hakes-nav-color);
1965  font-size: 16px !important;
1966}
1967
1968.site-header-account form {
1969  display: inline;
1970  margin: 0;
1971}
1972
1973.site-header-account span {
1974  display: inline-flex;
1975  align-items: center;
1976  flex-wrap: wrap;
1977  gap: 8px 14px;
1978}
1979
1980.site-header-search-field {
1981  display: none;
1982  min-width: 0;
1983}
1984
1985.site-header-search-checkbox:checked ~ .site-header-main .site-header-search-trigger {
1986  visibility: hidden;
1987  pointer-events: none;
1988}
1989
1990.site-header-search-checkbox:checked ~ .site-header-main .site-header-search-field {
1991  display: block;
1992  position: absolute;
1993  inset: 0;
1994}
1995
1996.site-header-search-form {
1997  display: flex;
1998  align-items: stretch;
1999  gap: 0;
2000  margin: 0;
2001  width: 100%;
2002  max-width: 100%;
2003  height: var(--hakes-search-height);
2004  box-sizing: border-box;
2005  border: 1px solid var(--hakes-search-border);
2006  background: var(--starter-bg);
2007  padding: 0;
2008  overflow: hidden;
2009}
2010
2011.site-header-search-icon {
2012  display: none;
2013  flex: 0 0 auto;
2014  color: var(--hakes-search-placeholder);
2015  font-size: 16px;
2016  line-height: 1;
2017}
2018
2019.site-header-search-input {
2020  flex: 1 1 auto;
2021  min-width: 0;
2022  width: 100%;
2023  height: 100%;
2024  border: 0;
2025  border-radius: 0;
2026  background: transparent;
2027  padding: 0 12px;
2028  margin: 0;
2029  font-family: var(--hakes-font);
2030  font-size: 14px;
2031  font-weight: 400;
2032  line-height: 1.2;
2033  letter-spacing: 0.04em;
2034  text-transform: uppercase;
2035  color: var(--starter-text);
2036  outline: none;
2037  font-synthesis: none;
2038  -webkit-font-smoothing: antialiased;
2039  -moz-osx-font-smoothing: grayscale;
2040  box-shadow: none !important;
2041}
2042.site-header-search-input::placeholder {
2043  color: var(--hakes-search-placeholder);
2044  opacity: 1;
2045}
2046
2047.site-header-search-submit {
2048  flex: 0 0 var(--hakes-search-height);
2049  width: var(--hakes-search-height);
2050  height: 100%;
2051  border: 0;
2052  border-radius: 0;
2053  background: var(--hakes-brand-red);
2054  color: var(--hakes-cta-text);
2055  padding: 0;
2056  margin: 0;
2057  cursor: pointer;
2058  font-size: 18px;
2059  line-height: 1;
2060  display: inline-flex;
2061  align-items: center;
2062  justify-content: center;
2063}
2064
2065/* Figma search icon: 18×18, 1.5 stroke */
2066.site-header-search-submit-icon {
2067  display: block;
2068  width: 18px;
2069  height: 18px;
2070  flex: 0 0 18px;
2071}
2072
2073.site-header-search-submit:hover,
2074.site-header-search-submit:focus-visible {
2075  background: var(--hakes-brand-red-hover);
2076  color: var(--hakes-cta-text);
2077  outline: none;
2078}
2079
2080.site-header-center {
2081  display: contents;
2082}
2083
2084@media (max-width: 991px) {
2085  .site-header-main {
2086    position: relative;
2087    display: flex;
2088    align-items: center;
2089    gap: 12px;
2090  }
2091  .site-header-brand {
2092    flex: 0 0 auto;
2093  }
2094  .site-header-center {
2095    display: flex;
2096    flex: 1 1 auto;
2097    align-items: center;
2098    justify-content: flex-end;
2099    gap: 12px;
2100    min-width: 0;
2101  }
2102  .site-header-actions {
2103    flex: 0 0 auto;
2104  }
2105  .site-header .main-menu .has-dropdown > a .nav-caret {
2106    font-size: 18px;
2107    font-weight: 400;
2108    -webkit-text-stroke: 1px currentColor;
2109    paint-order: stroke fill;
2110    transition: transform 0.2s ease;
2111  }
2112  .site-header .main-menu .has-dropdown.open > a .nav-caret {
2113    transform: rotate(180deg);
2114  }
2115  .site-header .main-menu .has-dropdown .dropdown-menu {
2116    position: static !important;
2117    top: auto !important;
2118    left: auto !important;
2119    right: auto !important;
2120    transform: none !important;
2121    float: none !important;
2122    width: 100%;
2123    box-shadow: none !important;
2124    border: 0 !important;
2125    background: transparent !important;
2126    padding: 0 0 4px 16px;
2127  }
2128  .site-header .main-menu .has-dropdown.open > .dropdown-menu,
2129  .site-header .main-menu .has-dropdown.open .dropdown-menu.show {
2130    display: block !important;
2131  }
2132  .site-header .main-menu .dropdown-menu .dropdown-item {
2133    font-family: var(--hakes-font-nav);
2134    color: var(--hakes-text) !important;
2135    background: transparent;
2136    font-weight: 400;
2137    font-size: 16px;
2138    line-height: 24px;
2139    letter-spacing: 0;
2140    text-transform: none;
2141  }
2142  .site-header .main-menu .dropdown-menu .dropdown-item:hover,
2143  .site-header .main-menu .dropdown-menu .dropdown-item:focus-visible {
2144    color: var(--hakes-nav-color) !important;
2145    background: var(--hakes-dropdown-item-hover-bg);
2146  }
2147  .site-header-nav .main-menu {
2148    flex: 0 0 auto;
2149  }
2150  .site-header-account--drawer {
2151    display: flex;
2152    flex-direction: column;
2153    width: 100%;
2154    margin-top: 0;
2155  }
2156  .site-header-account--drawer span {
2157    display: flex;
2158    flex-direction: column;
2159    align-items: stretch;
2160    width: 100%;
2161    gap: 0;
2162  }
2163  .site-header-account--drawer .signup-link,
2164  .site-header-account--drawer .my-account-link {
2165    display: block;
2166    padding: 14px 4px;
2167  }
2168  .site-header-account--drawer .login-link {
2169    display: flex;
2170    align-items: center;
2171    justify-content: center;
2172    width: calc(100% + 20px);
2173    margin-left: -10px;
2174    margin-top: 20px;
2175    padding: 14px 20px;
2176    text-align: center;
2177    border-radius: var(--starter-radius);
2178  }
2179  .site-header-account--drawer form {
2180    display: block;
2181    width: calc(100% + 20px);
2182    margin-left: -10px;
2183    margin-top: 20px;
2184  }
2185  .site-header-account--drawer input.logout-btn-front {
2186    display: block;
2187    width: 100%;
2188    height: 48px;
2189    margin-left: 0;
2190    margin-top: 0;
2191    padding: 0;
2192    line-height: 48px;
2193    text-align: center;
2194    border-radius: var(--starter-radius);
2195    -webkit-appearance: none;
2196    appearance: none;
2197  }
2198  .site-header-search-slot {
2199    position: relative;
2200    flex: 0 0 30px;
2201    width: 30px;
2202    min-height: 30px;
2203  }
2204  .site-header-search-trigger {
2205    position: absolute;
2206    right: 0;
2207    top: 50%;
2208    transform: translateY(-50%);
2209    z-index: 1;
2210  }
2211  .site-header-search-checkbox:checked ~ .site-header-main .site-header-search-slot {
2212    flex: 1 1 auto;
2213    width: auto;
2214    min-width: 120px;
2215    max-width: min(180px, 100vw - 180px);
2216  }
2217}
2218@media (min-width: 992px) {
2219  .site-header {
2220    --hakes-header-banner-gap: 24px;
2221  }
2222  .site-header::after {
2223    left: 16px;
2224    right: 16px;
2225    height: 8px;
2226  }
2227  .site-header-main {
2228    display: grid;
2229    grid-template-columns: auto minmax(0, 1fr) auto;
2230    grid-template-areas: "brand center actions";
2231    column-gap: 20px;
2232    padding: 6px 16px 0;
2233    min-height: 0;
2234  }
2235  .site-header-center {
2236    grid-area: center;
2237    display: flex;
2238    align-items: center;
2239    /* Pull nav + search toward Sign Up / Login; gap from column-gap */
2240    justify-content: flex-end;
2241    gap: 16px;
2242    min-width: 0;
2243  }
2244  .site-header-actions {
2245    grid-area: actions;
2246    display: flex;
2247    align-items: center;
2248    justify-content: flex-end;
2249    gap: 8px 10px;
2250  }
2251  .site-header-search-slot {
2252    position: relative;
2253    flex: 0 0 auto;
2254    width: 200px;
2255    min-height: var(--hakes-search-height);
2256  }
2257  .site-header-search-trigger {
2258    display: none;
2259  }
2260  .site-header-search-field {
2261    display: block;
2262    position: static;
2263    width: 100%;
2264  }
2265  .site-header-search-icon {
2266    display: none;
2267  }
2268  .site-header-search-submit {
2269    display: inline-flex;
2270  }
2271  .site-header-search-input::placeholder {
2272    color: var(--hakes-search-placeholder);
2273    opacity: 1;
2274  }
2275  .site-header-actions .hamburger {
2276    display: none;
2277  }
2278  .site-header-account--inline {
2279    display: inline-flex;
2280    align-items: center;
2281    gap: 8px 12px;
2282  }
2283  .site-header-brand {
2284    grid-area: brand;
2285    justify-self: start;
2286    align-self: end;
2287    margin-top: 0;
2288    margin-bottom: -16px;
2289    margin-left: 8px;
2290    max-width: 96px;
2291  }
2292  .site-header-logo {
2293    height: 80px;
2294    max-width: 96px;
2295  }
2296  .site-header-nav {
2297    flex: 0 0 auto;
2298    position: static;
2299    display: block !important;
2300    width: auto;
2301    height: auto;
2302    border-left: 0;
2303    padding: 0;
2304    overflow: visible;
2305    z-index: auto;
2306    pointer-events: auto;
2307  }
2308  .site-header-drawer-close {
2309    display: none;
2310  }
2311  .hamburger {
2312    display: none;
2313  }
2314  .main-menu {
2315    display: flex;
2316    align-items: center;
2317    justify-content: center;
2318    flex-wrap: nowrap;
2319    gap: 18px;
2320  }
2321  .main-menu > li > a {
2322    position: relative;
2323    padding: 0 0 10px;
2324    justify-content: flex-start;
2325    gap: 4px;
2326    font-size: 16px;
2327    line-height: 24px;
2328    font-weight: 700;
2329    text-decoration: none;
2330    /* Underline under label only — room below so panel is not glued to it */
2331    border-bottom: 0;
2332    transition: color 0.15s ease;
2333  }
2334  .main-menu > li > a::after {
2335    content: "";
2336    position: absolute;
2337    left: 0;
2338    right: 0;
2339    bottom: 6px;
2340    height: 2px;
2341    background: transparent;
2342    transition: background 0.15s ease;
2343  }
2344  .main-menu > li > a:hover,
2345  .main-menu > li > a:focus-visible,
2346  .main-menu > li.has-dropdown:hover > a,
2347  .main-menu > li.has-dropdown:focus-within > a,
2348  .main-menu > li.has-dropdown.open > a {
2349    color: var(--hakes-nav-color);
2350  }
2351  .main-menu > li > a:hover::after,
2352  .main-menu > li > a:focus-visible::after,
2353  .main-menu > li.has-dropdown:hover > a::after,
2354  .main-menu > li.has-dropdown:focus-within > a::after,
2355  .main-menu > li.has-dropdown.open > a::after {
2356    background: var(--hakes-nav-color);
2357  }
2358  .site-header-account .login-link,
2359  .site-header-account input.logout-btn-front {
2360    width: 98px;
2361    height: 40px;
2362    padding: 0;
2363    font-size: 14px;
2364    border-radius: var(--starter-radius);
2365  }
2366  .site-header-account .login-link {
2367    line-height: 20px;
2368  }
2369  .site-header-account input.logout-btn-front {
2370    line-height: 40px;
2371  }
2372  .site-header-account .signup-link {
2373    font-size: 14px;
2374    line-height: 20px;
2375  }
2376  .main-menu > li {
2377    position: relative;
2378    border: 0;
2379  }
2380  .has-dropdown > a .nav-caret {
2381    font-size: 14px;
2382    margin-top: 1px;
2383    font-weight: 400;
2384    -webkit-text-stroke: 0.75px currentColor;
2385    paint-order: stroke fill;
2386    transition: font-size 0.15s ease, transform 0.2s ease;
2387  }
2388  .main-menu > li > a:hover .nav-caret,
2389  .main-menu > li > a:focus-visible .nav-caret,
2390  .main-menu > li.has-dropdown:hover > a .nav-caret,
2391  .main-menu > li.has-dropdown:focus-within > a .nav-caret,
2392  .main-menu > li.has-dropdown.open > a .nav-caret {
2393    font-size: 14px;
2394    font-weight: 400;
2395    -webkit-text-stroke: 0.95px currentColor;
2396    paint-order: stroke fill;
2397  }
2398  .main-menu > li:hover > .dropdown-menu,
2399  .main-menu > li:focus-within > .dropdown-menu {
2400    display: block;
2401  }
2402  .dropdown-menu {
2403    position: absolute;
2404    /* Match hakes.com .main-nav ul ul — spaced under label, not stuck to underline */
2405    top: calc(100% + 2px);
2406    left: 0;
2407    min-width: 180px;
2408    padding: 0;
2409    background: #fff;
2410    border: 1px solid #ddd;
2411    box-shadow: none;
2412    z-index: 1000;
2413    /* Hover bridge so submenu stays open while moving to links */
2414  }
2415  .dropdown-menu::before {
2416    content: "";
2417    position: absolute;
2418    left: 0;
2419    right: 0;
2420    top: -12px;
2421    height: 12px;
2422  }
2423  .dropdown-menu .dropdown-item {
2424    padding: 10px 16px;
2425    color: var(--hakes-text) !important;
2426    background: transparent;
2427  }
2428  .dropdown-menu .dropdown-item:hover,
2429  .dropdown-menu .dropdown-item:focus-visible {
2430    background: var(--hakes-dropdown-item-hover-bg);
2431    color: var(--hakes-nav-color) !important;
2432  }
2433  .site-header-account--drawer {
2434    display: none;
2435  }
2436}
2437@media (min-width: 1280px) {
2438  .site-header::after {
2439    left: 24px;
2440    right: 24px;
2441  }
2442  .site-header-main {
2443    column-gap: 48px;
2444    padding: 6px 24px 0;
2445  }
2446  .site-header-center {
2447    gap: 40px;
2448  }
2449  .site-header-search-slot {
2450    width: 272px;
2451  }
2452  .site-header-account--inline {
2453    gap: 14px 18px;
2454  }
2455  .site-header-brand {
2456    margin-bottom: -22px;
2457    margin-left: 32px;
2458    max-width: none;
2459  }
2460  .site-header-logo {
2461    height: 128px;
2462    max-width: 180px;
2463  }
2464  .main-menu {
2465    gap: 40px;
2466  }
2467  .main-menu > li > a {
2468    font-size: 16px;
2469    line-height: 24px;
2470    gap: 6px;
2471  }
2472  .has-dropdown > a .nav-caret {
2473    font-size: 16px;
2474    font-weight: 400;
2475    -webkit-text-stroke: 0.85px currentColor;
2476    paint-order: stroke fill;
2477  }
2478  .main-menu > li > a:hover .nav-caret,
2479  .main-menu > li > a:focus-visible .nav-caret,
2480  .main-menu > li.has-dropdown:hover > a .nav-caret,
2481  .main-menu > li.has-dropdown:focus-within > a .nav-caret,
2482  .main-menu > li.has-dropdown.open > a .nav-caret {
2483    font-size: 16px;
2484    font-weight: 400;
2485    -webkit-text-stroke: 1px currentColor;
2486    paint-order: stroke fill;
2487  }
2488  .site-header-account .login-link,
2489  .site-header-account input.logout-btn-front,
2490  .site-header-account .signup-link {
2491    font-size: 16px;
2492  }
2493  .site-header-account .login-link,
2494  .site-header-account .signup-link {
2495    line-height: 24px;
2496  }
2497  .site-header-account .login-link,
2498  .site-header-account input.logout-btn-front {
2499    width: 98px;
2500    height: 40px;
2501    padding: 0;
2502  }
2503  .site-header-account input.logout-btn-front {
2504    line-height: 40px;
2505  }
2506}
2507/* ---------- Homepage shell / full-bleed bands ---------- */
2508/* Paint full-viewport bg on ::before only — never shift the content box */
2509/* Don't let homepage flex-grow create empty space above footer */
2510.cloud-home,
2511.cloud-home.container {
2512  flex-grow: 0;
2513  width: 100% !important;
2514  max-width: none !important;
2515  margin-top: 0;
2516  margin-bottom: 0;
2517  padding-left: 0 !important;
2518  padding-right: 0 !important;
2519  padding-top: 0;
2520  padding-bottom: 0;
2521  gap: 0;
2522  row-gap: 0;
2523}
2524
2525/* Figma: thin white gap under the red header rule before hero */
2526body:has(.cloud-home__top img) .site-header,
2527.wrap:has(.cloud-home__top img) .site-header {
2528  --hakes-header-banner-gap: 0px;
2529  margin-bottom: 0 !important;
2530}
2531
2532/* 100vw full-bleed breakout can force a horizontal scrollbar — clip at page shell */
2533body:has(.cloud-home__top img),
2534.wrap:has(.cloud-home__top img) {
2535  overflow-x: clip;
2536}
2537
2538body:has(.cloud-home__top img) .cloud-home,
2539.wrap:has(.cloud-home__top img) .cloud-home {
2540  margin-top: 0 !important;
2541  /* Visible white sliver between red rule and hero image */
2542  padding-top: 8px !important;
2543  background-color: var(--starter-bg, #fff);
2544  /* Do NOT overflow-x:clip the whole homepage — it clips bottom full-bleed bg */
2545  overflow-x: visible;
2546  max-width: none !important;
2547}
2548
2549@media (min-width: 992px) {
2550  body:has(.cloud-home__top img) .cloud-home,
2551  .wrap:has(.cloud-home__top img) .cloud-home {
2552    padding-top: 16px !important;
2553  }
2554}
2555body:has(.cloud-home__top img) .cloud-home__top,
2556.wrap:has(.cloud-home__top img) .cloud-home__top {
2557  margin-top: 0 !important;
2558}
2559
2560/* Keep heading + Top WYSIWYG in the same content column as header (not flush-left) */
2561.cloud-home__heading,
2562.cloud-home__top:not(:has(img)) {
2563  width: 100%;
2564  max-width: 1710px;
2565  margin-left: auto;
2566  margin-right: auto;
2567  padding-left: 24px;
2568  padding-right: 24px;
2569  box-sizing: border-box;
2570}
2571
2572.cloud-home__blocks,
2573.cloud-home-block {
2574  width: 100%;
2575  max-width: none;
2576  margin-top: 0;
2577  margin-bottom: 0;
2578}
2579
2580.cloud-home__blocks {
2581  position: relative;
2582  z-index: 2;
2583  flex: 0 0 auto;
2584  clear: both;
2585  padding-bottom: 0;
2586  margin-bottom: 0;
2587}
2588
2589/* Empty / disabled blocks must not affect hero layout */
2590.cloud-home__blocks:empty {
2591  display: none !important;
2592}
2593
2594.cloud-home__top + .cloud-home__blocks,
2595.cloud-home__top + .cloud-home__bottom,
2596.cloud-home__blocks + .cloud-home__bottom {
2597  margin-top: 0;
2598}
2599
2600body:has(.cloud-home) .site-footer,
2601.wrap:has(.cloud-home) .site-footer {
2602  margin-top: 0;
2603}
2604
2605/* ---------- Homepage featured lots / auctions blocks ---------- */
2606.cloud-home-block__title {
2607  font-family: var(--hakes-font) !important;
2608}
2609
2610.cloud-home-block--featured-lots {
2611  padding-bottom: 0 !important;
2612}
2613.cloud-home-block--featured-lots::before {
2614  background: none;
2615}
2616
2617.cloud-home-block--auctions {
2618  padding-bottom: 0 !important;
2619}
2620.cloud-home-block--auctions::before {
2621  background: none;
2622}
2623
2624.cloud-home-block--highest-bids {
2625  padding-bottom: 0 !important;
2626}
2627.cloud-home-block--highest-bids::before {
2628  background: none;
2629}
2630
2631/* ---------- Homepage top (CMS: Homepage Content Top) ---------- */
2632/*
2633 * Do NOT set display:grid on .cloud-home — that breaks Bottom / blocks layout.
2634 * Title lives in Top CMS HTML; hide platform H1 when Top already has a heading.
2635 */
2636/* Hide platform H1 when Top CMS already provides a heading (with or without hero img) */
2637.cloud-home__heading:has(+ .cloud-home__top:has(h1, h2, h3)) {
2638  display: none !important;
2639}
2640
2641/*
2642 * Homepage top hero — self-contained.
2643 * Works with or without Featured Lots (and other .cloud-home__blocks).
2644 * CMS may nest Top HTML in an extra wrapper when blocks change; do not rely
2645 * on direct-child-only selectors for the cover image.
2646 */
2647.cloud-home__top:has(img),
2648.hakes-home-top {
2649  /* No full-bleed mixin here — its ::before (100vw + translate) fights the overlay */
2650  position: relative;
2651  z-index: 1;
2652  isolation: isolate;
2653  box-sizing: border-box;
2654  width: 100%;
2655  max-width: none;
2656  min-height: min(70vh, 520px);
2657  display: flex;
2658  flex-direction: column;
2659  align-items: flex-start;
2660  justify-content: center;
2661  margin: 0;
2662  padding: 40px 16px 48px !important;
2663  overflow: hidden;
2664  font-family: var(--hakes-font) !important;
2665  color: #fff;
2666  text-align: left;
2667  border-radius: 0 !important;
2668  /* Single cover — one image, full band, any viewport width */
2669  background-color: #2a2a2a;
2670  background-image: var(--hakes-home-top-bg-image);
2671  background-size: cover;
2672  background-position: center center;
2673  background-repeat: no-repeat;
2674}
2675.cloud-home__top:has(img)::before,
2676.hakes-home-top::before {
2677  content: "";
2678  position: absolute;
2679  top: 0 !important;
2680  right: 0 !important;
2681  bottom: 0 !important;
2682  left: 0 !important;
2683  width: auto !important;
2684  max-width: none !important;
2685  height: auto !important;
2686  transform: none !important;
2687  background: rgba(0, 0, 0, 0.45) !important;
2688  z-index: 1;
2689  pointer-events: none;
2690  border-radius: 0;
2691}
2692
2693/* Keep CMS media in DOM but out of the paint (cover is the CSS background) */
2694.cloud-home__top:has(img) > .hakes-home-top__media,
2695.cloud-home__top:has(img) > p:has(> img:only-child),
2696.cloud-home__top:has(img) > div:has(> img:only-child),
2697.cloud-home__top:has(img) .hakes-home-top__media,
2698.cloud-home__top:has(img) p:has(> img:only-child),
2699.hakes-home-top__media {
2700  position: absolute !important;
2701  width: 0 !important;
2702  height: 0 !important;
2703  margin: 0 !important;
2704  padding: 0 !important;
2705  overflow: hidden !important;
2706  opacity: 0 !important;
2707  pointer-events: none !important;
2708  z-index: -1;
2709}
2710
2711.cloud-home__top:has(img) > img,
2712.cloud-home__top:has(img) .hakes-home-top__media img,
2713.cloud-home__top:has(img) p:has(> img:only-child) img,
2714.hakes-home-top__media img {
2715  position: absolute !important;
2716  width: 0 !important;
2717  height: 0 !important;
2718  opacity: 0 !important;
2719  pointer-events: none !important;
2720  border: 0;
2721}
2722
2723/* Keep top independent of Featured Lots / other blocks */
2724.cloud-home__top {
2725  flex: 0 0 auto;
2726}
2727
2728/* Copy / CTAs above the overlay — descendant-safe (nested CMS OK) */
2729.cloud-home__top:has(img) h1,
2730.cloud-home__top:has(img) h2,
2731.cloud-home__top:has(img) h3,
2732.cloud-home__top:has(img) p:not(:has(img)),
2733.cloud-home__top:has(img) .hakes-home-top__inner,
2734.hakes-home-top__inner {
2735  position: relative;
2736  z-index: 2;
2737  box-sizing: border-box;
2738  width: 100%;
2739  max-width: 100%;
2740  margin-left: 0;
2741  margin-right: 0;
2742}
2743
2744.cloud-home__top:has(img) h1,
2745.cloud-home__top:has(img) h2,
2746.cloud-home__top:has(img) h3,
2747.hakes-home-top__title {
2748  margin: 0 0 12px;
2749  color: #fff !important;
2750  font-family: var(--hakes-font) !important;
2751  font-size: clamp(24px, 7vw, 34px) !important;
2752  font-weight: 800 !important;
2753  line-height: 1.15;
2754  letter-spacing: 0.02em;
2755  text-transform: uppercase;
2756  text-align: left;
2757  overflow-wrap: anywhere;
2758  word-break: break-word;
2759}
2760
2761.cloud-home__top:has(img) p:not(:has(img)):not(:has(a)),
2762.hakes-home-top__text {
2763  margin: 0 0 20px;
2764  max-width: 100%;
2765  color: var(--hakes-home-top-text, #efefef) !important;
2766  font-family: var(--hakes-font) !important;
2767  font-size: 16px !important;
2768  font-weight: 400;
2769  line-height: 1.55;
2770  text-align: left;
2771}
2772
2773.cloud-home__top:has(img) p:has(a),
2774.hakes-home-top__actions {
2775  display: flex;
2776  flex-direction: column;
2777  flex-wrap: nowrap;
2778  align-items: stretch;
2779  justify-content: flex-start;
2780  gap: 12px;
2781  width: 100%;
2782  margin: 0;
2783  padding: 0;
2784}
2785
2786.cloud-home__top:has(img) a,
2787.hakes-home-top__btn {
2788  box-sizing: border-box !important;
2789  display: inline-flex !important;
2790  align-items: center;
2791  justify-content: center;
2792  flex: 0 0 auto;
2793  width: 100% !important;
2794  min-width: 0 !important;
2795  max-width: 100% !important;
2796  height: 40px !important;
2797  min-height: 40px !important;
2798  max-height: 40px !important;
2799  padding: 0 12px !important;
2800  border: 0 !important;
2801  border-radius: 4px;
2802  background: var(--hakes-brand-red);
2803  color: var(--hakes-cta-text) !important;
2804  font-family: var(--hakes-font) !important;
2805  font-size: 13px !important;
2806  font-weight: 700 !important;
2807  letter-spacing: 0.04em;
2808  line-height: 1;
2809  text-decoration: none !important;
2810  text-transform: uppercase;
2811  white-space: nowrap;
2812  transition: background-color 0.2s ease, color 0.2s ease;
2813}
2814
2815.cloud-home__top:has(img) a:hover,
2816.cloud-home__top:has(img) a:focus-visible,
2817.hakes-home-top__btn:hover,
2818.hakes-home-top__btn:focus-visible {
2819  color: var(--hakes-cta-text) !important;
2820  text-decoration: none !important;
2821}
2822
2823.cloud-home__top:has(img) a:first-of-type,
2824.cloud-home__top:has(img) p:has(a) a:first-child,
2825.hakes-home-top__btn--primary {
2826  background: var(--hakes-brand-red) !important;
2827}
2828
2829.cloud-home__top:has(img) a:first-of-type:hover,
2830.cloud-home__top:has(img) a:first-of-type:focus-visible,
2831.cloud-home__top:has(img) p:has(a) a:first-child:hover,
2832.cloud-home__top:has(img) p:has(a) a:first-child:focus-visible,
2833.hakes-home-top__btn--primary:hover,
2834.hakes-home-top__btn--primary:focus-visible {
2835  background: var(--hakes-brand-red-hover) !important;
2836}
2837
2838.cloud-home__top:has(img) a:nth-of-type(2),
2839.cloud-home__top:has(img) p:has(a) a:nth-child(2),
2840.hakes-home-top__btn--secondary {
2841  background: var(--hakes-nav-color) !important;
2842}
2843
2844.cloud-home__top:has(img) a:nth-of-type(2):hover,
2845.cloud-home__top:has(img) a:nth-of-type(2):focus-visible,
2846.cloud-home__top:has(img) p:has(a) a:nth-child(2):hover,
2847.cloud-home__top:has(img) p:has(a) a:nth-child(2):focus-visible,
2848.hakes-home-top__btn--secondary:hover,
2849.hakes-home-top__btn--secondary:focus-visible {
2850  background: var(--hakes-nav-hover) !important;
2851}
2852
2853.hakes-home-top__dots {
2854  position: absolute;
2855  left: 50%;
2856  bottom: 24px;
2857  z-index: 2;
2858  display: flex;
2859  align-items: center;
2860  justify-content: center;
2861  gap: 8px;
2862  transform: translateX(-50%);
2863}
2864
2865.hakes-home-top__dots span {
2866  display: block;
2867  width: 8px;
2868  height: 8px;
2869  border-radius: 50%;
2870  background: rgba(255, 255, 255, 0.45);
2871}
2872
2873.hakes-home-top__dots span.is-active {
2874  background: #fff;
2875}
2876
2877/* Mid widths (480–991): side-by-side CTAs when they fit; phone stays stacked below */
2878@media (min-width: 480px) {
2879  .cloud-home__top:has(img),
2880  .hakes-home-top {
2881    min-height: min(62vh, 540px);
2882    padding: 48px 24px 52px !important;
2883    padding-left: clamp(24px, 4vw, 56px) !important;
2884    padding-right: clamp(24px, 4vw, 40px) !important;
2885  }
2886  .cloud-home__top:has(img) h1,
2887  .cloud-home__top:has(img) h2,
2888  .cloud-home__top:has(img) h3,
2889  .cloud-home__top:has(img) p:not(:has(img)),
2890  .hakes-home-top__inner {
2891    max-width: min(920px, 100%);
2892  }
2893  .cloud-home__top:has(img) h1,
2894  .cloud-home__top:has(img) h2,
2895  .cloud-home__top:has(img) h3,
2896  .hakes-home-top__title {
2897    margin: 0 0 12px;
2898    font-size: clamp(28px, 5vw, 44px) !important;
2899    overflow-wrap: normal;
2900    word-break: normal;
2901  }
2902  .cloud-home__top:has(img) p:not(:has(img)):not(:has(a)),
2903  .hakes-home-top__text {
2904    margin: 0 0 20px;
2905    max-width: 600px;
2906    font-size: 16px !important;
2907  }
2908  .cloud-home__top:has(img) p:has(a),
2909  .hakes-home-top__actions {
2910    flex-direction: row;
2911    flex-wrap: wrap;
2912    align-items: center;
2913    width: auto;
2914    max-width: 100%;
2915    gap: 12px;
2916  }
2917  .cloud-home__top:has(img) a,
2918  .hakes-home-top__btn {
2919    width: 278px !important;
2920    min-width: 0 !important;
2921    max-width: min(278px, 50% - 6px) !important;
2922    flex: 1 1 220px;
2923    font-size: 14px !important;
2924    padding: 0 16px !important;
2925  }
2926}
2927/* Desktop: Figma title size + logo-aligned inset */
2928@media (min-width: 992px) {
2929  .cloud-home__top:has(img),
2930  .hakes-home-top {
2931    min-height: min(72vh, 680px);
2932    padding: 96px 24px 88px !important;
2933    padding-left: max(96px, (100vw - 1710px) / 2 + 160px) !important;
2934    padding-right: 24px !important;
2935  }
2936  .cloud-home__top:has(img) h1,
2937  .cloud-home__top:has(img) h2,
2938  .cloud-home__top:has(img) h3,
2939  .hakes-home-top__title {
2940    font-size: 60px !important;
2941  }
2942  .cloud-home__top:has(img) p:not(:has(img)):not(:has(a)),
2943  .hakes-home-top__text {
2944    max-width: 720px;
2945  }
2946  .cloud-home__top:has(img) a,
2947  .hakes-home-top__btn {
2948    min-width: 278px !important;
2949    max-width: 278px !important;
2950    flex: 0 0 278px;
2951  }
2952}
2953@media (min-width: 1280px) {
2954  .cloud-home__top:has(img),
2955  .hakes-home-top {
2956    padding-left: max(120px, (100vw - 1710px) / 2 + 220px) !important;
2957  }
2958}
2959/* ---------- Homepage bottom (CMS: Homepage Content Bottom) ---------- */
2960/*
2961 * Demo CMS strips most wrappers/classes and leaves flat markup:
2962 *   p (eyebrow) → h2 → p (body) → p (buttons) → p (card imgs)
2963 * Layout CSS below targets that structure. Class-based rules remain
2964 * for when Source HTML wrappers survive.
2965 */
2966.cloud-home__bottom {
2967  position: relative;
2968  z-index: 0;
2969  margin-top: 0 !important;
2970  margin-bottom: 0 !important;
2971  border-radius: 0 !important;
2972  background: transparent;
2973}
2974.cloud-home__bottom::before {
2975  content: "";
2976  position: absolute;
2977  top: 0;
2978  bottom: 0;
2979  left: 50%;
2980  width: 100vw;
2981  transform: translateX(-50%);
2982  background: var(--hakes-home-bottom-bg);
2983  z-index: -1;
2984  pointer-events: none;
2985  border-radius: 0;
2986}
2987.cloud-home__bottom {
2988  /* Full-viewport band — never max-width + overflow clip (breaks ultra-wide) */
2989  width: 100%;
2990  max-width: none !important;
2991  margin-left: 0;
2992  margin-right: 0;
2993  padding: 40px max(16px, (100vw - 1710px) / 2) 48px !important;
2994  box-sizing: border-box;
2995  overflow: visible;
2996  font-family: var(--hakes-font) !important;
2997  color: var(--hakes-home-bottom-ink);
2998}
2999.cloud-home__bottom p,
3000.cloud-home__bottom h2,
3001.cloud-home__bottom a {
3002  font-family: var(--hakes-font) !important;
3003}
3004
3005/* ----- Stripped CMS layout (no .hakes-home-bottom wrappers) ----- */
3006/* Mobile-first: single column — never set grid-area names here (creates implicit cols) */
3007.cloud-home__bottom:not(:has(.hakes-home-bottom)) {
3008  display: grid;
3009  grid-template-columns: minmax(0, 1fr);
3010  grid-template-areas: none;
3011  column-gap: 0;
3012  row-gap: 0;
3013  align-items: stretch;
3014  justify-items: stretch;
3015}
3016
3017.cloud-home__bottom:not(:has(.hakes-home-bottom)) > * {
3018  grid-column: 1;
3019  min-width: 0;
3020  max-width: 100%;
3021}
3022
3023/* Logo (CMS strips <img>/span logo — restore via token) */
3024.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type::before {
3025  content: "";
3026  display: block;
3027  width: 72px;
3028  height: 72px;
3029  margin: 0 0 12px;
3030  background: var(--hakes-home-bottom-logo-image) center/contain no-repeat;
3031}
3032
3033/* Eyebrow */
3034.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type {
3035  margin: 0 0 10px;
3036  color: var(--hakes-brand-red) !important;
3037  font-size: 14px;
3038  font-weight: 700;
3039  line-height: 1.3;
3040  letter-spacing: 0.06em;
3041  text-transform: uppercase;
3042}
3043
3044/* Title — 2 lines come from CMS HTML (<br> or .title-line spans) */
3045.cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 {
3046  margin: 0 0 14px;
3047  width: 100%;
3048  max-width: 100%;
3049  color: var(--hakes-home-bottom-ink, #007bbe) !important;
3050  font-size: clamp(22px, 6.5vw, 32px);
3051  font-weight: 500 !important;
3052  line-height: 1.2;
3053  letter-spacing: 0.01em;
3054  text-transform: uppercase;
3055  overflow-wrap: anywhere;
3056  word-break: break-word;
3057}
3058
3059.cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 .hakes-home-bottom__title-line {
3060  display: block;
3061  color: inherit;
3062  font-weight: inherit;
3063}
3064
3065/* Body copy — Figma 511px on desktop; fluid on mobile */
3066.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) {
3067  box-sizing: border-box;
3068  width: 100%;
3069  max-width: 100%;
3070  margin: 0 0 24px;
3071  padding: 0;
3072  color: var(--starter-text) !important;
3073  font-family: var(--hakes-font) !important;
3074  font-size: 15px;
3075  font-weight: 500 !important;
3076  line-height: 24px;
3077  letter-spacing: 0;
3078  text-transform: none;
3079}
3080
3081/* CTA row (flattened by script.js) — stack full-width on phone */
3082.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn),
3083.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] {
3084  display: flex;
3085  flex-direction: column;
3086  flex-wrap: nowrap;
3087  align-items: stretch;
3088  justify-content: flex-start;
3089  gap: 12px;
3090  width: 100%;
3091  margin: 0 0 32px;
3092  padding: 0;
3093}
3094
3095.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn) .hakes-home-bottom__btn,
3096.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] .hakes-home-bottom__btn {
3097  width: 100% !important;
3098  max-width: 100% !important;
3099}
3100
3101/* Partner cards — stack on mobile */
3102.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img),
3103.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] {
3104  display: flex;
3105  flex-direction: column;
3106  flex-wrap: nowrap;
3107  align-items: center;
3108  justify-content: flex-start;
3109  gap: 16px;
3110  width: 100%;
3111  margin: 0;
3112  padding: 0;
3113}
3114
3115.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img) > a,
3116.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] > a {
3117  display: block;
3118  flex: 0 0 auto;
3119  width: min(255px, 100%);
3120  max-width: 255px;
3121  aspect-ratio: 1/1;
3122  border: 0.35px solid var(--hakes-cta-text);
3123  border-radius: 18px;
3124  overflow: hidden;
3125  line-height: 0;
3126  text-decoration: none;
3127}
3128
3129.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img) img,
3130.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] img {
3131  display: block;
3132  width: 100%;
3133  height: 100%;
3134  object-fit: cover;
3135  border: 0;
3136}
3137
3138/* Small tablet+: CTAs side-by-side, cards in a wrapping row */
3139@media (min-width: 480px) {
3140  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type {
3141    font-size: 16px;
3142  }
3143  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type::before {
3144    width: 86px;
3145    height: 86px;
3146    margin: 0 0 16px;
3147  }
3148  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 {
3149    font-size: clamp(28px, 4vw, 36px);
3150  }
3151  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) {
3152    font-size: 16px;
3153    line-height: 26px;
3154  }
3155  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn),
3156  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] {
3157    flex-direction: row;
3158    flex-wrap: wrap;
3159    align-items: center;
3160    justify-content: center;
3161  }
3162  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn) .hakes-home-bottom__btn,
3163  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] .hakes-home-bottom__btn {
3164    width: 185px !important;
3165    max-width: 185px !important;
3166  }
3167  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img),
3168  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] {
3169    flex-direction: row;
3170    flex-wrap: wrap;
3171    justify-content: center;
3172    gap: 24px;
3173  }
3174}
3175@media (min-width: 992px) {
3176  .cloud-home__bottom:not(:has(.hakes-home-bottom)) {
3177    grid-template-columns: minmax(0, 1fr) auto;
3178    grid-template-areas: "eyebrow actions" "title actions" "text actions" "cards cards";
3179    column-gap: 48px;
3180    row-gap: 0;
3181    align-items: center;
3182    padding: 56px max(24px, (100vw - 1710px) / 2) 64px !important;
3183  }
3184  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > * {
3185    grid-column: auto;
3186    max-width: none;
3187  }
3188  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type {
3189    grid-area: eyebrow;
3190    padding-left: 72px;
3191    margin-bottom: 10px;
3192  }
3193  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 {
3194    grid-area: title;
3195    padding-left: 72px;
3196    margin-bottom: 16px;
3197    font-size: clamp(28px, 3.2vw, 40px);
3198    overflow-wrap: normal;
3199    word-break: normal;
3200  }
3201  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) {
3202    grid-area: text;
3203    box-sizing: content-box;
3204    width: 511px;
3205    max-width: 511px;
3206    margin: 0 0 0 72px;
3207    padding: 0;
3208    align-self: start;
3209  }
3210  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn),
3211  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] {
3212    grid-area: actions;
3213    flex-direction: row;
3214    justify-content: flex-end;
3215    width: auto;
3216    margin: 0 48px 0 0;
3217    align-self: center;
3218  }
3219  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img),
3220  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] {
3221    grid-area: cards;
3222    flex-direction: row;
3223    flex-wrap: wrap;
3224    gap: 80px;
3225    margin-top: 48px;
3226  }
3227}
3228@media (min-width: 1280px) {
3229  .cloud-home__bottom:not(:has(.hakes-home-bottom)) {
3230    padding: 64px max(32px, (100vw - 1710px) / 2) 56px !important;
3231    column-gap: 56px;
3232  }
3233  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type,
3234  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 {
3235    padding-left: 96px;
3236  }
3237  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) {
3238    margin-left: 96px;
3239    padding: 0;
3240  }
3241  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn),
3242  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] {
3243    margin-right: 72px;
3244  }
3245  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img),
3246  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] {
3247    margin-top: 56px;
3248    gap: 80px;
3249  }
3250}
3251/* ----- Class-based layout (when CMS keeps wrappers) ----- */
3252/* When structured HTML is present, gutters live on __inner */
3253.cloud-home__bottom:has(.hakes-home-bottom) {
3254  padding: 0 !important;
3255}
3256
3257.cloud-home__bottom .hakes-home-bottom {
3258  width: 100%;
3259  max-width: none;
3260  border-radius: 0 !important;
3261  background: transparent;
3262  color: var(--hakes-home-bottom-ink);
3263  font-family: var(--hakes-font) !important;
3264  font-weight: 400;
3265}
3266
3267.cloud-home__bottom .hakes-home-bottom,
3268.cloud-home__bottom .hakes-home-bottom p,
3269.cloud-home__bottom .hakes-home-bottom h1,
3270.cloud-home__bottom .hakes-home-bottom h2,
3271.cloud-home__bottom .hakes-home-bottom h3,
3272.cloud-home__bottom .hakes-home-bottom a,
3273.cloud-home__bottom .hakes-home-bottom span,
3274.cloud-home__bottom .hakes-home-bottom__eyebrow,
3275.cloud-home__bottom .hakes-home-bottom__title,
3276.cloud-home__bottom .hakes-home-bottom__text,
3277.cloud-home__bottom .hakes-home-bottom__btn {
3278  font-family: var(--hakes-font) !important;
3279}
3280
3281.cloud-home__bottom .hakes-home-bottom__inner {
3282  width: 100%;
3283  max-width: 1710px;
3284  margin: 0 auto;
3285  padding: 40px 16px 48px;
3286  box-sizing: border-box;
3287}
3288
3289.cloud-home__bottom .hakes-home-bottom__intro {
3290  display: flex;
3291  flex-direction: column;
3292  flex-wrap: wrap;
3293  align-items: flex-start;
3294  gap: 28px;
3295  margin-bottom: 36px;
3296}
3297
3298.cloud-home__bottom .hakes-home-bottom__copy,
3299.hakes-home-bottom .hakes-home-bottom__copy {
3300  flex: 1 1 auto;
3301  min-width: 0;
3302  max-width: 100%;
3303  padding-left: 0;
3304  box-sizing: border-box;
3305}
3306
3307.cloud-home__bottom .hakes-home-bottom__logo-link {
3308  display: inline-block;
3309  margin: 0 0 16px;
3310  text-decoration: none;
3311  color: inherit;
3312}
3313
3314.cloud-home__bottom .hakes-home-bottom__logo,
3315.hakes-home-bottom .hakes-home-bottom__logo {
3316  display: block;
3317  width: 86px;
3318  height: 86px;
3319  margin: 0;
3320  border: 0;
3321  background: var(--hakes-home-bottom-logo-image) center/contain no-repeat;
3322  font-size: 0;
3323  color: transparent;
3324  text-indent: -9999px;
3325  overflow: hidden;
3326}
3327
3328.cloud-home__bottom img.hakes-home-bottom__logo {
3329  object-fit: contain;
3330  object-position: -9999px -9999px;
3331}
3332
3333.cloud-home__bottom .hakes-home-bottom__eyebrow {
3334  margin: 0 0 10px;
3335  color: var(--hakes-brand-red);
3336  font-size: 16px;
3337  font-weight: 700;
3338  line-height: 1.3;
3339  letter-spacing: 0.06em;
3340  text-transform: uppercase;
3341}
3342
3343.cloud-home__bottom .hakes-home-bottom__title {
3344  margin: 0 0 16px;
3345  max-width: 100%;
3346  color: var(--hakes-home-bottom-ink, #007bbe);
3347  font-size: clamp(22px, 6.5vw, 40px);
3348  font-weight: 500 !important;
3349  line-height: 1.2;
3350  letter-spacing: 0.01em;
3351  text-transform: uppercase;
3352  overflow-wrap: anywhere;
3353  word-break: break-word;
3354}
3355
3356.cloud-home__bottom .hakes-home-bottom__title-line {
3357  display: block;
3358}
3359
3360.hakes-home-bottom .hakes-home-bottom__title-plain,
3361.cloud-home__top .hakes-home-bottom__title-plain,
3362.cloud-home__bottom .hakes-home-bottom__title-plain,
3363.hakes-home-bottom .hakes-home-bottom__title-accent,
3364.cloud-home__top .hakes-home-bottom__title-accent,
3365.cloud-home__bottom .hakes-home-bottom__title-accent {
3366  color: var(--hakes-home-bottom-ink, #007bbe) !important;
3367  font-weight: 500 !important;
3368}
3369
3370.hakes-home-bottom .hakes-home-bottom__title .hakes-home-bottom__title-line {
3371  color: inherit;
3372}
3373
3374.cloud-home__bottom .hakes-home-bottom__text {
3375  box-sizing: border-box;
3376  width: 100%;
3377  max-width: 100%;
3378  margin: 0;
3379  padding: 0;
3380  color: var(--starter-text) !important;
3381  font-family: var(--hakes-font) !important;
3382  font-size: 15px;
3383  font-weight: 500 !important;
3384  line-height: 24px;
3385  letter-spacing: 0;
3386  text-transform: none;
3387}
3388
3389.cloud-home__bottom .hakes-home-bottom__actions {
3390  display: flex;
3391  flex-direction: column;
3392  flex-wrap: nowrap;
3393  align-items: stretch;
3394  gap: 12px;
3395  width: 100%;
3396  flex-shrink: 0;
3397}
3398
3399.cloud-home__bottom .hakes-home-bottom__btn {
3400  display: inline-flex;
3401  align-items: center;
3402  justify-content: center;
3403  box-sizing: border-box;
3404  width: 100%;
3405  max-width: 100%;
3406  height: 54px;
3407  min-height: 54px;
3408  padding: 0 16px;
3409  border: 0;
3410  border-radius: 4px;
3411  color: var(--hakes-cta-text, #ffffff);
3412  font-size: 14px;
3413  font-weight: 700;
3414  line-height: 21px;
3415  letter-spacing: 0;
3416  text-align: center;
3417  text-decoration: none;
3418  text-transform: uppercase;
3419  font-synthesis: none;
3420  transition: background-color 0.15s ease, color 0.15s ease;
3421}
3422
3423.cloud-home__bottom .hakes-home-bottom__btn--primary {
3424  background: var(--hakes-brand-red);
3425  color: #ffffff;
3426}
3427
3428.cloud-home__bottom .hakes-home-bottom__btn--primary:hover,
3429.cloud-home__bottom .hakes-home-bottom__btn--primary:focus-visible {
3430  background: var(--hakes-brand-red-hover);
3431  color: #ffffff;
3432}
3433
3434.cloud-home__bottom .hakes-home-bottom__btn--secondary {
3435  background: var(--hakes-nav-color);
3436  color: #ffffff;
3437}
3438
3439.cloud-home__bottom .hakes-home-bottom__btn--secondary:hover,
3440.cloud-home__bottom .hakes-home-bottom__btn--secondary:focus-visible {
3441  background: var(--hakes-nav-hover);
3442  color: #ffffff;
3443}
3444
3445.cloud-home__bottom .hakes-home-bottom__cards,
3446.cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards {
3447  display: flex;
3448  flex-direction: column;
3449  flex-wrap: nowrap;
3450  align-items: center;
3451  justify-content: flex-start;
3452  gap: 16px;
3453  width: 100%;
3454  flex: 0 0 100%;
3455}
3456
3457.cloud-home__bottom .hakes-home-bottom__card {
3458  display: block;
3459  flex: 0 0 auto;
3460  width: min(255px, 100%);
3461  height: auto;
3462  min-width: 0;
3463  min-height: 0;
3464  max-width: 255px;
3465  max-height: none;
3466  aspect-ratio: 1/1;
3467  padding: 0 !important;
3468  border: 0.35px solid var(--hakes-cta-text) !important;
3469  border-radius: 18px;
3470  background-color: transparent !important;
3471  background-position: center;
3472  background-repeat: no-repeat;
3473  background-size: cover;
3474  box-sizing: border-box;
3475  overflow: hidden;
3476  color: transparent !important;
3477  font-size: 0 !important;
3478  line-height: 0 !important;
3479  cursor: pointer;
3480  text-decoration: none;
3481}
3482
3483.cloud-home__bottom .hakes-home-bottom__card--figure {
3484  background-color: transparent;
3485  background-image: var(--hakes-home-bottom-card-figure-image), linear-gradient(135deg, #0b81f3 0%, #1da1f3 100%);
3486}
3487
3488.cloud-home__bottom .hakes-home-bottom__card--cgc {
3489  background-image: var(--hakes-home-bottom-card-cgc-image);
3490}
3491
3492.cloud-home__bottom .hakes-home-bottom__card--afa {
3493  background-image: var(--hakes-home-bottom-card-afa-image);
3494}
3495
3496.cloud-home__bottom .hakes-home-bottom__card-offer,
3497.cloud-home__bottom .hakes-home-bottom__card > p {
3498  display: none !important;
3499}
3500
3501.cloud-home__bottom .hakes-home-bottom__card > img,
3502.cloud-home__bottom .hakes-home-bottom__card-media,
3503.cloud-home__bottom .hakes-home-bottom__card-logo {
3504  display: block !important;
3505  width: 100%;
3506  height: 100%;
3507  object-fit: cover;
3508  border: 0;
3509}
3510
3511@media (min-width: 480px) {
3512  .cloud-home__bottom .hakes-home-bottom__actions {
3513    flex-direction: row;
3514    flex-wrap: wrap;
3515    align-items: center;
3516    justify-content: center;
3517    width: auto;
3518  }
3519  .cloud-home__bottom .hakes-home-bottom__btn {
3520    width: 185px;
3521    max-width: 185px;
3522  }
3523  .cloud-home__bottom .hakes-home-bottom__cards,
3524  .cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards {
3525    flex-direction: row;
3526    flex-wrap: wrap;
3527    justify-content: center;
3528    gap: 24px;
3529  }
3530  .cloud-home__bottom .hakes-home-bottom__text {
3531    font-size: 16px;
3532    line-height: 26px;
3533  }
3534}
3535@media (min-width: 992px) {
3536  .cloud-home__bottom .hakes-home-bottom__inner {
3537    padding: 56px 24px 64px;
3538  }
3539  .cloud-home__bottom .hakes-home-bottom__intro {
3540    flex-direction: row;
3541    align-items: center;
3542    justify-content: space-between;
3543    gap: 48px;
3544    margin-bottom: 48px;
3545    width: 100%;
3546  }
3547  .cloud-home__bottom .hakes-home-bottom__copy,
3548  .hakes-home-bottom .hakes-home-bottom__copy {
3549    flex: 1 1 0;
3550    max-width: min(820px, 58%);
3551    padding-left: 72px;
3552  }
3553  .cloud-home__bottom .hakes-home-bottom__logo,
3554  .hakes-home-bottom .hakes-home-bottom__logo {
3555    width: 86px;
3556    height: 86px;
3557  }
3558  .cloud-home__bottom .hakes-home-bottom__title {
3559    font-size: 40px;
3560    overflow-wrap: normal;
3561    word-break: normal;
3562  }
3563  .cloud-home__bottom .hakes-home-bottom__text {
3564    box-sizing: content-box;
3565    width: 511px;
3566    max-width: 511px;
3567  }
3568  .cloud-home__bottom .hakes-home-bottom__actions {
3569    flex: 0 0 auto;
3570    flex-direction: row;
3571    justify-content: flex-end;
3572    width: auto;
3573    margin-left: auto;
3574    margin-right: 48px;
3575  }
3576  .cloud-home__bottom .hakes-home-bottom__btn {
3577    width: 185px;
3578    max-width: 185px;
3579  }
3580  .cloud-home__bottom .hakes-home-bottom__cards,
3581  .cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards {
3582    flex-direction: row;
3583    flex-wrap: wrap;
3584    gap: 80px;
3585  }
3586  .cloud-home__bottom .hakes-home-bottom__card {
3587    flex: 0 0 255px;
3588    width: 255px;
3589    height: 255px;
3590    min-width: 255px;
3591    min-height: 255px;
3592    max-width: 255px;
3593    max-height: 255px;
3594  }
3595}
3596@media (min-width: 1280px) {
3597  .cloud-home__bottom .hakes-home-bottom__inner {
3598    padding: 64px 32px 56px;
3599  }
3600  .cloud-home__bottom .hakes-home-bottom__intro {
3601    gap: 56px;
3602    margin-bottom: 56px;
3603  }
3604  .cloud-home__bottom .hakes-home-bottom__copy,
3605  .hakes-home-bottom .hakes-home-bottom__copy {
3606    padding-left: 96px;
3607  }
3608  .cloud-home__bottom .hakes-home-bottom__actions {
3609    margin-right: 72px;
3610  }
3611  .cloud-home__bottom .hakes-home-bottom__cards {
3612    gap: 80px;
3613  }
3614}
3615@media (max-width: 991px) {
3616  .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)),
3617  .cloud-home__bottom .hakes-home-bottom__text {
3618    width: 100%;
3619    max-width: 511px;
3620  }
3621  .cloud-home__bottom .hakes-home-bottom__intro {
3622    align-items: stretch;
3623  }
3624  .cloud-home__bottom .hakes-home-bottom__actions {
3625    width: 100%;
3626    flex-direction: column;
3627    align-items: center;
3628    justify-content: center;
3629    margin-left: 0;
3630    margin-right: 0;
3631    gap: 12px;
3632  }
3633  .cloud-home__bottom .hakes-home-bottom__card {
3634    flex-basis: min(255px, 100%);
3635    width: min(255px, 100%);
3636    min-width: 0;
3637    max-width: 255px;
3638    height: auto;
3639    min-height: 0;
3640    max-height: none;
3641    aspect-ratio: 1/1;
3642  }
3643  .cloud-home__bottom .hakes-home-bottom__cards {
3644    justify-content: center;
3645    gap: 24px;
3646  }
3647}
3648/* ---------- Footer ---------- */
3649.site-footer {
3650  --hakes-footer-bg: #007bbe;
3651  --hakes-footer-text: #ffffff;
3652  --hakes-footer-link: #ffffff;
3653  --hakes-footer-divider: #898989;
3654  --hakes-footer-font: var(--hakes-font);
3655  --hakes-footer-band-inset: 40px;
3656  --hakes-footer-col-contact: minmax(0, 1fr);
3657  --hakes-footer-col-links: minmax(0, 1fr);
3658  --hakes-footer-col-gap: 32px;
3659  margin-top: auto;
3660  flex-shrink: 0;
3661  border-top: 0;
3662  width: 100%;
3663  max-width: none;
3664  overflow: visible;
3665  background: var(--hakes-footer-bg);
3666  color: var(--hakes-footer-text) !important;
3667  font-family: var(--hakes-footer-font);
3668  font-weight: 400;
3669}
3670
3671.site-footer-band {
3672  position: relative;
3673  box-sizing: border-box;
3674  width: 100%;
3675  max-width: 1710px;
3676  margin-left: auto;
3677  margin-right: auto;
3678  padding: 40px var(--hakes-footer-band-inset) 24px;
3679  overflow: visible;
3680}
3681
3682.site-footer-top {
3683  position: relative;
3684  padding-bottom: 32px;
3685}
3686
3687.site-footer-grid {
3688  display: grid;
3689  grid-template-columns: 1fr;
3690  gap: var(--hakes-footer-col-gap);
3691  align-items: start;
3692}
3693
3694.site-footer-title {
3695  margin: 0 0 16px;
3696  font-size: 16px;
3697  font-weight: 700;
3698  line-height: 24px;
3699  color: var(--hakes-footer-text) !important;
3700}
3701
3702.site-footer-contact {
3703  display: flex;
3704  flex-direction: column;
3705  gap: 12px;
3706}
3707
3708.site-footer-contact p {
3709  margin: 0;
3710  font-size: 16px;
3711  font-weight: 400;
3712  line-height: 24px;
3713  color: var(--hakes-footer-text) !important;
3714}
3715
3716.site-footer-contact-label {
3717  font-weight: 700;
3718}
3719
3720.site-footer-list,
3721.site-footer-social-list {
3722  margin: 0;
3723  padding: 0;
3724  list-style: none;
3725}
3726
3727.site-footer-col--links .site-footer-list a {
3728  color: var(--hakes-footer-link) !important;
3729  font-size: 16px;
3730  font-weight: 400;
3731  line-height: 24px;
3732  text-decoration: underline;
3733}
3734
3735.site-footer-col--links .site-footer-list a:hover,
3736.site-footer-col--links .site-footer-list a:focus-visible {
3737  color: var(--hakes-footer-link);
3738  text-decoration: underline;
3739}
3740
3741.site-footer-contact a {
3742  color: inherit;
3743  text-decoration: none;
3744}
3745
3746.site-footer-contact a:hover,
3747.site-footer-contact a:focus-visible {
3748  color: inherit;
3749  text-decoration: none;
3750}
3751
3752.site-footer-col--powered-desktop {
3753  margin-top: 24px;
3754}
3755
3756.site-footer-col--powered-mobile {
3757  display: none;
3758}
3759
3760.site-footer-powered {
3761  display: block;
3762  width: min(100%, 200px);
3763}
3764
3765.site-footer-powered-img {
3766  display: block;
3767  width: 100%;
3768  max-width: 200px;
3769  height: auto;
3770}
3771
3772.site-footer-bottom {
3773  position: relative;
3774  display: flex;
3775  flex-direction: column;
3776  align-items: flex-start;
3777  gap: 10px;
3778  padding-top: 24px;
3779  padding-bottom: 4px;
3780}
3781.site-footer-bottom::before {
3782  content: "";
3783  position: absolute;
3784  top: 0;
3785  left: 0;
3786  right: 0;
3787  height: 1px;
3788  background: var(--hakes-footer-divider);
3789  pointer-events: none;
3790}
3791
3792.site-footer-social-list {
3793  display: flex;
3794  flex-wrap: wrap;
3795  align-items: center;
3796  justify-content: flex-start;
3797  gap: 10px;
3798}
3799
3800.site-footer-copyright {
3801  display: none;
3802  margin: 4px 0 0;
3803  padding: 0;
3804  width: 100%;
3805  font-size: 14px;
3806  font-weight: 400;
3807  line-height: 20px;
3808  text-align: right;
3809  color: var(--hakes-footer-text);
3810}
3811
3812.site-footer-social-link {
3813  display: inline-flex;
3814  align-items: center;
3815  justify-content: center;
3816  width: 36px;
3817  height: 36px;
3818  border-radius: 4px;
3819  overflow: hidden;
3820  text-decoration: none;
3821  background: transparent;
3822  color: inherit;
3823}
3824
3825.site-footer-social-link:hover,
3826.site-footer-social-link:focus-visible {
3827  text-decoration: none;
3828  opacity: 0.9;
3829}
3830
3831.site-footer-social-link img {
3832  display: block;
3833  width: 36px;
3834  height: 36px;
3835  object-fit: contain;
3836}
3837
3838@media (max-width: 991px) {
3839  .site-footer-col--powered-desktop {
3840    display: none;
3841  }
3842  .site-footer-bottom {
3843    align-items: center;
3844  }
3845  .site-footer-social-list {
3846    justify-content: center;
3847    width: 100%;
3848  }
3849  .site-footer-col--powered-mobile {
3850    display: block;
3851    width: 100%;
3852    margin-top: 12px;
3853    text-align: center;
3854  }
3855  .site-footer-col--powered-mobile .site-footer-powered {
3856    margin: 0 auto;
3857  }
3858}
3859@media (min-width: 992px) {
3860  .site-footer {
3861    --hakes-footer-band-inset: max(72px, calc((100vw - 1710px) / 2));
3862    --hakes-footer-col-contact: 300px;
3863    --hakes-footer-col-links: 200px;
3864    --hakes-footer-col-gap: 48px;
3865  }
3866  .site-footer-band {
3867    max-width: none;
3868    padding: 48px var(--hakes-footer-band-inset) 24px;
3869  }
3870  .site-footer-top {
3871    position: relative;
3872    min-height: 180px;
3873    padding-bottom: 40px;
3874  }
3875  .site-footer-grid {
3876    grid-template-columns: var(--hakes-footer-col-contact) var(--hakes-footer-col-links) minmax(0, 1fr);
3877    align-items: start;
3878  }
3879  .site-footer-col--powered-desktop {
3880    position: absolute;
3881    right: var(--hakes-footer-band-inset);
3882    bottom: 20px;
3883    margin-top: 0;
3884    display: block;
3885  }
3886  .site-footer-col--powered-mobile {
3887    display: none;
3888  }
3889  .site-footer-powered {
3890    width: 200px;
3891  }
3892  .site-footer-bottom {
3893    gap: 12px;
3894    padding-top: 28px;
3895    padding-bottom: 6px;
3896  }
3897  .site-footer-copyright {
3898    display: block;
3899    margin-top: 6px;
3900  }
3901}
3902/* ---------- Static pages ---------- */
3903.static-page .static-page-content,
3904.static-page .static-page-content h1,
3905.static-page .static-page-content h2,
3906.static-page .static-page-content h3,
3907.static-page .static-page-content h4,
3908.static-page .static-page-content h5,
3909.static-page .static-page-content h6,
3910.static-page .static-page-content p,
3911.static-page .static-page-content li,
3912.static-page .static-page-content a,
3913.static-page .static-page-content strong,
3914.static-page .static-page-content span,
3915.static-page .static-page-content div {
3916  font-family: var(--hakes-font) !important;
3917}
3918
3919/*
3920 * How To Bid / static spacing — never pad/margin the whole
3921 * .static-page-content-top wrapper (page body often lives inside it).
3922 */
3923.static-page .static-page-content .static-page-content-top {
3924  margin-bottom: 0 !important;
3925  padding-bottom: 0 !important;
3926}
3927
3928.static-page .static-page-content .titleDiv.list-head,
3929.static-page .static-page-content .titleDiv {
3930  margin-bottom: 0 !important;
3931  padding-bottom: 32px !important;
3932}
3933
3934.static-page .static-page-content h1 {
3935  color: var(--hakes-heading-color) !important;
3936  font-size: 25px !important;
3937  font-weight: 700 !important;
3938  margin: 0 !important;
3939  padding-bottom: 0 !important;
3940}
3941
3942/* Comfortable paragraph rhythm (not the wrapper) */
3943.static-page .static-page-content p {
3944  margin-top: 0 !important;
3945  margin-bottom: 1em !important;
3946}
3947
3948/* Slightly more space after the intro line (Terms / Closing Procedure) */
3949.static-page .static-page-content .static-page-content-top > p:first-of-type,
3950.static-page .static-page-content .titleDiv + p,
3951.static-page .static-page-content .titleDiv.list-head + p {
3952  margin-bottom: 1.35em !important;
3953}
3954
3955/* Collapse empty / <br>-only CMS spacer paragraphs */
3956.static-page .static-page-content p:empty,
3957.static-page .static-page-content p:has(> br:only-child) {
3958  display: none !important;
3959  margin: 0 !important;
3960  padding: 0 !important;
3961  height: 0 !important;
3962  min-height: 0 !important;
3963  line-height: 0 !important;
3964  overflow: hidden !important;
3965  border: 0 !important;
3966}
3967
3968/* In-content links (e.g. How To Bid → Terms of Sale / Auction Closing Procedure) */
3969.static-page .static-page-content a,
3970.static-page .static-page-content a:link,
3971.static-page .static-page-content a:visited {
3972  color: var(--hakes-heading-color, #005a99) !important;
3973  text-decoration: underline !important;
3974  text-decoration-color: var(--hakes-heading-color, #005a99) !important;
3975  text-underline-offset: 2px;
3976}
3977
3978.static-page .static-page-content a:hover,
3979.static-page .static-page-content a:focus-visible {
3980  color: var(--hakes-heading-color, #005a99) !important;
3981  text-decoration: underline !important;
3982  text-decoration-color: var(--hakes-heading-color, #005a99) !important;
3983}
3984
3985.static-page .static-page-content .hakes-static-important {
3986  color: var(--hakes-brand-red) !important;
3987  font-weight: 700 !important;
3988}
3989
3990.terms-condition-full {
3991  padding-bottom: 64px !important;
3992}
3993
3994.terms-condition-full > h1 {
3995  color: var(--hakes-heading-color, #005a99) !important;
3996  font-family: var(--hakes-font) !important;
3997  font-size: 25px !important;
3998  font-weight: 700 !important;
3999  text-align: center !important;
4000  margin: 0 0 1em !important;
4001}
4002
4003.hakes-terms,
4004.hakes-terms h1,
4005.hakes-terms h2,
4006.hakes-terms h3,
4007.hakes-terms p,
4008.hakes-terms li,
4009.hakes-terms a,
4010.hakes-terms strong,
4011.hakes-terms span,
4012.hakes-terms dt,
4013.hakes-terms dd,
4014.hakes-terms div {
4015  font-family: var(--hakes-font) !important;
4016}
4017
4018.hakes-terms {
4019  color: var(--hakes-text, #000);
4020  font-size: 14px;
4021  line-height: 1.45;
4022  text-align: left;
4023}
4024
4025.hakes-terms__title {
4026  margin: 0 0 1.15em !important;
4027  font-size: 16px !important;
4028  font-weight: 700 !important;
4029  line-height: 1.35;
4030}
4031
4032.hakes-terms__notice {
4033  margin: 0 0 1.15em !important;
4034  font-size: 14px !important;
4035  font-weight: 700 !important;
4036  line-height: 1.45;
4037}
4038
4039.hakes-terms__list {
4040  margin: 0 0 1.5em !important;
4041  padding: 0 0 0 1.35em !important;
4042  list-style: decimal !important;
4043}
4044
4045.hakes-terms__item {
4046  margin: 0 0 1.15em !important;
4047  padding: 0 !important;
4048}
4049
4050.hakes-terms__item:last-child {
4051  margin-bottom: 0 !important;
4052}
4053
4054.hakes-terms__text {
4055  margin: 0 0 1em !important;
4056}
4057
4058.hakes-terms__item > .hakes-terms__text:last-child,
4059.hakes-terms__item > .hakes-terms__increments + .hakes-terms__text:last-child {
4060  margin-bottom: 0 !important;
4061}
4062
4063.hakes-terms__subtitle {
4064  margin: 0 0 0.65em !important;
4065  font-weight: 700 !important;
4066}
4067
4068.hakes-terms__emphasis,
4069.hakes-terms__label {
4070  font-weight: 700 !important;
4071}
4072
4073.hakes-terms__increments {
4074  margin: 0.75em 0 1em 1.25em !important;
4075  padding: 0 !important;
4076  list-style: none !important;
4077}
4078
4079.hakes-terms__increments li {
4080  margin: 0 0 0.35em !important;
4081  padding: 0 !important;
4082  list-style: none !important;
4083}
4084
4085.hakes-terms__increments li:last-child {
4086  margin-bottom: 0 !important;
4087}
4088
4089.hakes-terms__section {
4090  margin: 2.25em 0 0 !important;
4091  padding: 0 !important;
4092}
4093
4094.hakes-terms__heading {
4095  margin: 0 0 0.65em !important;
4096  font-size: 14px !important;
4097  font-weight: 700 !important;
4098  line-height: 1.35;
4099  text-transform: none;
4100}
4101
4102.hakes-terms__section > .hakes-terms__text {
4103  margin: 0 0 1em !important;
4104}
4105
4106.hakes-terms__section > .hakes-terms__text:last-child {
4107  margin-bottom: 0 !important;
4108}
4109
4110.hakes-terms__definitions {
4111  margin: 1.5em 0 0 !important;
4112  padding: 0 !important;
4113}
4114
4115.hakes-terms__definition {
4116  display: flex;
4117  flex-wrap: wrap;
4118  align-items: baseline;
4119  gap: 0.35em 2.5em;
4120  margin: 0 0 1.35em !important;
4121}
4122
4123.hakes-terms__definition:last-child {
4124  margin-bottom: 0 !important;
4125}
4126
4127.hakes-terms__term {
4128  flex: 0 0 auto;
4129  min-width: 10.5em;
4130  margin: 0 !important;
4131  font-weight: 700 !important;
4132}
4133
4134.hakes-terms__meaning {
4135  flex: 1 1 12em;
4136  margin: 0 !important;
4137}
4138
4139.hakes-terms__faq {
4140  margin: 0.35em 0 0 !important;
4141}
4142
4143.hakes-terms__faq-item {
4144  margin: 0 0 1.15em !important;
4145}
4146
4147.hakes-terms__faq-item:last-child {
4148  margin-bottom: 0 !important;
4149}
4150
4151.hakes-terms__faq-q {
4152  margin: 0 0 0.35em !important;
4153  font-weight: 700 !important;
4154}
4155
4156.hakes-terms__faq-a {
4157  margin: 0 0 0.55em !important;
4158}
4159
4160.hakes-terms__faq-a:last-child {
4161  margin-bottom: 0 !important;
4162}
4163
4164/* ---------- Contact info card ---------- */
4165.hakes-contact-card {
4166  box-sizing: border-box;
4167  max-width: 520px;
4168  margin: 0 auto;
4169  padding: 36px 40px;
4170  background: var(--hakes-surface-muted, #f8f9fb);
4171  border: 1px solid var(--starter-border, #e2e8f0);
4172  border-radius: 16px;
4173  text-align: left;
4174}
4175
4176.hakes-contact-card h3 {
4177  margin: 0 0 14px;
4178  color: var(--hakes-heading-color) !important;
4179  font-family: var(--hakes-font) !important;
4180  font-size: 28px !important;
4181  font-weight: 700 !important;
4182  line-height: 1.25;
4183}
4184
4185.hakes-contact-card p {
4186  margin: 0 0 6px;
4187  color: var(--hakes-text, #334155);
4188  font-family: var(--hakes-font) !important;
4189  font-size: 16px;
4190  font-weight: 400;
4191  line-height: 1.55;
4192}
4193
4194.hakes-contact-card p:last-child {
4195  margin-bottom: 0;
4196}
4197
4198.hakes-contact-card strong {
4199  font-weight: 700;
4200  color: inherit;
4201}
4202
4203.hakes-contact-card__rule {
4204  display: block;
4205  width: 48px;
4206  height: 3px;
4207  margin: 18px 0;
4208  border: 0;
4209  background: var(--hakes-heading-color);
4210}
4211
4212/* ---------- Meet The Staff ---------- */
4213.hakes-meet-staff {
4214  box-sizing: border-box;
4215  width: 100%;
4216  margin: 0;
4217  padding: 32px 20px 40px;
4218  background: var(--hakes-surface-muted, #f2f2f2);
4219  border-radius: 12px;
4220}
4221
4222.hakes-meet-staff h1 {
4223  color: var(--hakes-heading-color) !important;
4224  font-family: var(--hakes-font) !important;
4225  font-size: 28px !important;
4226  font-weight: 700 !important;
4227  line-height: 1.25;
4228  text-align: center;
4229  margin: 0 0 8px;
4230}
4231
4232.hakes-meet-staff > p.hakes-staff-intro,
4233.hakes-meet-staff > .hakes-staff-intro {
4234  margin: 0 0 28px;
4235  color: var(--hakes-text-muted);
4236  font-family: var(--hakes-font) !important;
4237  font-size: 15px;
4238  font-weight: 400;
4239  line-height: 1.4;
4240  text-align: center;
4241}
4242
4243.hakes-staff-grid {
4244  display: grid;
4245  grid-template-columns: repeat(2, minmax(0, 1fr));
4246  gap: 16px;
4247  width: 100%;
4248  margin: 0;
4249  padding: 0;
4250  box-sizing: border-box;
4251}
4252
4253.hakes-staff-card {
4254  display: flex;
4255  flex-direction: column;
4256  align-items: center;
4257  box-sizing: border-box;
4258  margin: 0;
4259  padding: 16px 14px 18px;
4260  background: #fff;
4261  border: 1px solid var(--starter-border, #e5e7eb);
4262  border-radius: 12px;
4263  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
4264  text-align: center;
4265  transform: translateY(0);
4266  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
4267}
4268
4269.hakes-staff-card:hover,
4270.hakes-staff-card:focus-within {
4271  transform: translateY(-6px);
4272  border-color: var(--hakes-heading-color);
4273  box-shadow: 0 10px 24px rgba(0, 90, 153, 0.14);
4274}
4275
4276.hakes-staff-card img {
4277  display: block;
4278  width: 100%;
4279  aspect-ratio: 1/1;
4280  height: auto;
4281  margin: 0 0 14px;
4282  border: 0;
4283  border-radius: 10px;
4284  background: var(--hakes-surface-muted, #f2f2f2);
4285  object-fit: cover;
4286  object-position: top center;
4287  transform: scale(1);
4288  transition: transform 0.35s ease;
4289}
4290
4291.hakes-staff-card:hover img,
4292.hakes-staff-card:focus-within img {
4293  transform: scale(1.04);
4294}
4295
4296.hakes-staff-card h3 {
4297  margin: 0 0 4px;
4298  color: var(--hakes-text, #333);
4299  font-family: var(--hakes-font) !important;
4300  font-size: 22px !important;
4301  font-weight: 700;
4302  line-height: 1.3;
4303}
4304
4305.hakes-staff-card p {
4306  margin: 0;
4307  color: var(--hakes-heading-color);
4308  font-family: var(--hakes-font) !important;
4309  font-size: 13px;
4310  font-weight: 400;
4311  font-style: normal;
4312  line-height: 1.35;
4313}
4314
4315@media (min-width: 992px) {
4316  .hakes-meet-staff {
4317    padding: 40px 28px 48px;
4318  }
4319  .hakes-staff-grid {
4320    grid-template-columns: repeat(4, minmax(0, 1fr));
4321    gap: 20px;
4322  }
4323  .hakes-staff-card {
4324    padding: 18px 16px 20px;
4325  }
4326  .hakes-staff-card p {
4327    font-size: 14px;
4328  }
4329}
4330/* ---------- Consign-With-Us Page ---------- */
4331.consign-wih-us-full .how-to-sell-mid-form,
4332.consign-with-us-full .how-to-sell-mid-form {
4333  display: grid;
4334  grid-template-columns: 1fr;
4335  gap: 28px;
4336  align-items: start;
4337  width: 100%;
4338  box-sizing: border-box;
4339}
4340
4341.consign-wih-us-full .how-to-sell-mid-form > h2,
4342.consign-with-us-full .how-to-sell-mid-form > h2 {
4343  grid-column: 1/-1;
4344  color: #005a99;
4345  font-size: 25px !important;
4346  font-weight: 700 !important;
4347  text-align: center;
4348  margin: 0 0 8px;
4349}
4350
4351/* Left column stack: list box → contact cards → note card */
4352.consign-wih-us-full .how-to-sell-mid-form > .how-to-sell-top-content,
4353.consign-with-us-full .how-to-sell-mid-form > .how-to-sell-top-content {
4354  grid-column: 1;
4355  display: flex;
4356  flex-direction: column;
4357  align-items: stretch;
4358  gap: 16px;
4359  width: 100%;
4360  max-width: 100%;
4361  min-width: 0;
4362  margin: 0;
4363  padding: 0;
4364  box-sizing: border-box;
4365  text-align: left;
4366  align-self: start;
4367}
4368
4369/* CMS sometimes nests an extra .how-to-sell-top-content — flatten it */
4370.consign-wih-us-full .how-to-sell-top-content .how-to-sell-top-content,
4371.consign-with-us-full .how-to-sell-top-content .how-to-sell-top-content {
4372  display: contents;
4373}
4374
4375/* Specialize list as bordered box */
4376.consign-wih-us-full .hakes-consign-list-box,
4377.consign-with-us-full .hakes-consign-list-box {
4378  box-sizing: border-box;
4379  width: 100%;
4380  max-width: 100%;
4381  margin: 0;
4382  padding: 20px 22px;
4383  border: 1px solid #005a99;
4384  border-radius: 10px;
4385  background: #fff;
4386}
4387
4388.consign-wih-us-full .hakes-consign-list-box h2,
4389.consign-with-us-full .hakes-consign-list-box h2,
4390.consign-wih-us-full .how-to-sell-top-content > h2,
4391.consign-with-us-full .how-to-sell-top-content > h2 {
4392  color: #005a99;
4393  font-size: 17.5px !important;
4394  font-weight: 500 !important;
4395  text-align: left !important;
4396  margin: 0 0 12px;
4397}
4398
4399.consign-wih-us-full .hakes-consign-list-box ul,
4400.consign-with-us-full .hakes-consign-list-box ul,
4401.consign-wih-us-full .how-to-sell-top-content > ul,
4402.consign-with-us-full .how-to-sell-top-content > ul {
4403  list-style-type: circle;
4404  margin: 0;
4405  padding-left: 1.25em;
4406  text-align: left;
4407  font-family: var(--hakes-font) !important;
4408}
4409
4410/*
4411* Contact cards layout:
4412*  - 2 per row for the first four
4413*  - 5th card full-width (avoids empty hole)
4414*  - note card full-width under the grid (same left/right edge)
4415*/
4416.consign-wih-us-full .hakes-consign-cards,
4417.consign-with-us-full .hakes-consign-cards {
4418  display: grid;
4419  grid-template-columns: 1fr;
4420  gap: 16px;
4421  width: 100%;
4422  margin: 0;
4423  padding: 0;
4424  align-items: stretch;
4425}
4426
4427.consign-wih-us-full .hakes-consign-card,
4428.consign-with-us-full .hakes-consign-card {
4429  box-sizing: border-box;
4430  width: 100%;
4431  height: 100%;
4432  min-height: 100%;
4433  margin: 0;
4434  padding: 18px 20px;
4435  border: 1px solid #005a99;
4436  border-radius: 10px;
4437  background: transparent;
4438  font-family: var(--hakes-font) !important;
4439  color: var(--hakes-text, #333);
4440  text-align: left;
4441}
4442
4443/* Bottom note card — full width, aligned with list box + cards */
4444.consign-wih-us-full .hakes-consign-card--note,
4445.consign-with-us-full .hakes-consign-card--note,
4446.consign-wih-us-full .how-to-sell-bottom-content,
4447.consign-with-us-full .how-to-sell-bottom-content {
4448  box-sizing: border-box;
4449  width: 100%;
4450  margin: 0;
4451  padding: 18px 20px;
4452  border: 1px solid #005a99;
4453  border-radius: 10px;
4454  font-family: var(--hakes-font) !important;
4455  color: var(--hakes-text, #333);
4456  text-align: left;
4457}
4458
4459.consign-wih-us-full .hakes-consign-card--note p,
4460.consign-with-us-full .hakes-consign-card--note p,
4461.consign-wih-us-full .how-to-sell-bottom-content p,
4462.consign-with-us-full .how-to-sell-bottom-content p {
4463  margin: 0 0 10px;
4464  font-size: 15px;
4465  line-height: 1.45;
4466}
4467
4468.consign-wih-us-full .hakes-consign-card--note p:last-child,
4469.consign-with-us-full .hakes-consign-card--note p:last-child,
4470.consign-wih-us-full .how-to-sell-bottom-content p:last-child,
4471.consign-with-us-full .how-to-sell-bottom-content p:last-child {
4472  margin-bottom: 0;
4473}
4474
4475.consign-wih-us-full .hakes-consign-card h3,
4476.consign-with-us-full .hakes-consign-card h3 {
4477  margin: 0 0 10px;
4478  color: #005a99;
4479  font-family: "Noto Sans", Verdana, sans-serif !important;
4480  font-size: 17.5px !important;
4481  /* 400 reads closer to original on demo (500 looked a step heavier) */
4482  font-weight: 400 !important;
4483  line-height: 21px !important;
4484  letter-spacing: 0.01em;
4485  font-style: normal;
4486  font-synthesis: none;
4487  -webkit-font-smoothing: antialiased;
4488  -moz-osx-font-smoothing: grayscale;
4489}
4490
4491.consign-wih-us-full .hakes-consign-card p,
4492.consign-with-us-full .hakes-consign-card p {
4493  margin: 0 0 6px;
4494  font-family: var(--hakes-font) !important;
4495  font-size: 15px;
4496  font-weight: 400;
4497  line-height: 1.45;
4498  color: var(--hakes-text, #333);
4499}
4500
4501.consign-wih-us-full .hakes-consign-card p:last-child,
4502.consign-with-us-full .hakes-consign-card p:last-child {
4503  margin-bottom: 0;
4504}
4505
4506.consign-wih-us-full .hakes-consign-card strong,
4507.consign-with-us-full .hakes-consign-card strong {
4508  font-weight: 700;
4509  color: var(--hakes-text, #333);
4510}
4511
4512.consign-wih-us-full .hakes-consign-card a,
4513.consign-with-us-full .hakes-consign-card a {
4514  color: #005a99;
4515  text-decoration: none;
4516}
4517
4518.consign-wih-us-full .hakes-consign-card a:hover,
4519.consign-wih-us-full .hakes-consign-card a:focus-visible,
4520.consign-with-us-full .hakes-consign-card a:hover,
4521.consign-with-us-full .hakes-consign-card a:focus-visible {
4522  color: var(--hakes-nav-hover, #00649a);
4523  text-decoration: underline;
4524}
4525
4526.consign-wih-us-full .hakes-consign-card p span,
4527.consign-with-us-full .hakes-consign-card p span {
4528  color: var(--hakes-text-muted, #6c6c6c);
4529  font-size: 13px;
4530}
4531
4532/* Right: consign form — same top edge as list column */
4533.consign-wih-us-full .how-to-sell-mid-form > .sell-form-wrap,
4534.consign-with-us-full .how-to-sell-mid-form > .sell-form-wrap {
4535  grid-column: 1;
4536  width: 100%;
4537  max-width: 100%;
4538  min-width: 0;
4539  margin: 0 !important;
4540  padding: 0 !important;
4541  box-sizing: border-box;
4542  align-self: start;
4543}
4544
4545.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap form,
4546.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap form,
4547.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap input,
4548.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap select,
4549.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap textarea,
4550.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap textarea {
4551  box-sizing: border-box;
4552  max-width: 100%;
4553}
4554
4555.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap input,
4556.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap select,
4557.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap textarea {
4558  width: 100% !important;
4559}
4560
4561@media (min-width: 992px) {
4562  .consign-wih-us-full .how-to-sell-mid-form,
4563  .consign-with-us-full .how-to-sell-mid-form {
4564    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
4565    column-gap: 48px;
4566    row-gap: 24px;
4567    align-items: start;
4568  }
4569  .consign-wih-us-full .how-to-sell-mid-form > .how-to-sell-top-content,
4570  .consign-with-us-full .how-to-sell-mid-form > .how-to-sell-top-content {
4571    grid-column: 1;
4572    grid-row: 2;
4573  }
4574  .consign-wih-us-full .hakes-consign-cards,
4575  .consign-with-us-full .hakes-consign-cards {
4576    grid-template-columns: repeat(2, minmax(0, 1fr));
4577    gap: 16px;
4578    width: 100%;
4579    box-sizing: border-box;
4580  }
4581  /* Odd last contact card: span full row so layout stays even */
4582  .consign-wih-us-full .hakes-consign-cards > .hakes-consign-card:last-child,
4583  .consign-with-us-full .hakes-consign-cards > .hakes-consign-card:last-child {
4584    grid-column: 1/-1;
4585  }
4586  .consign-wih-us-full .how-to-sell-mid-form > .sell-form-wrap,
4587  .consign-with-us-full .how-to-sell-mid-form > .sell-form-wrap {
4588    grid-column: 2;
4589    grid-row: 2;
4590  }
4591}
4592.cloud-home-banner--white .cloud-home-banner__cta--primary {
4593  background: var(--hakes-brand-red, #b20219) !important;
4594  border: 1px solid var(--hakes-brand-red, #b20219) !important;
4595  color: var(--hakes-cta-text, #ffffff) !important;
4596}
4597.cloud-home-banner--white .cloud-home-banner__cta--primary:hover, .cloud-home-banner--white .cloud-home-banner__cta--primary:focus, .cloud-home-banner--white .cloud-home-banner__cta--primary:focus-visible, .cloud-home-banner--white .cloud-home-banner__cta--primary:active {
4598  background: var(--hakes-brand-red-hover) !important;
4599  border-color: var(--hakes-brand-red-hover) !important;
4600}
4601
4602.cloud-home-banner__cta--secondary {
4603  background: var(--hakes-nav-color, #007bbe) !important;
4604  border: 1px solid var(--hakes-nav-color, #007bbe) !important;
4605  color: var(--hakes-cta-text, #ffffff) !important;
4606}
4607
4608/*
4609  cloud-home-banner.css loads AFTER site custom CSS — every layout value needs
4610  !important + higher specificity so size/gap actually stick on demo.
4611*/
4612.cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay {
4613  box-sizing: border-box !important;
4614  /* Keep vertical centering; do not add horizontal padding (inner already has 15px) */
4615  align-items: center !important;
4616  justify-content: flex-start !important;
4617  padding: 20px 0 !important;
4618}
4619
4620.cloud-home-banners .cloud-home-banner .cloud-home-banner__inner {
4621  display: flex !important;
4622  flex-direction: column !important;
4623  align-items: flex-start !important;
4624  justify-content: center !important;
4625  box-sizing: border-box !important;
4626  gap: 0 !important;
4627  width: 100% !important;
4628  max-width: 1170px !important;
4629  margin: 0 auto !important;
4630  padding: 0 15px !important;
4631}
4632
4633.cloud-home-banners .cloud-home-banner .cloud-home-banner__title {
4634  margin: 0 0 24px !important;
4635  padding: 0 !important;
4636  /* Match CTA row: 278 + 16 + 278 so title/text/buttons share one column */
4637  max-width: 572px !important;
4638  width: 100% !important;
4639  font-family: var(--hakes-font) !important;
4640  font-size: 40px !important;
4641  font-weight: 800 !important;
4642  line-height: 1.15 !important;
4643  text-align: left !important;
4644}
4645
4646.cloud-home-banners .cloud-home-banner .cloud-home-banner__text {
4647  margin: 0 0 40px !important;
4648  padding: 0 !important;
4649  max-width: 572px !important;
4650  width: 100% !important;
4651  font-family: var(--hakes-font) !important;
4652  font-size: 16px !important;
4653  font-weight: 400 !important;
4654  line-height: 1.5 !important;
4655  text-align: left !important;
4656}
4657
4658.cloud-home-banners .cloud-home-banner .cloud-home-banner__ctas {
4659  display: flex !important;
4660  flex-direction: row !important;
4661  flex-wrap: nowrap !important;
4662  align-items: center !important;
4663  justify-content: flex-start !important;
4664  gap: 0 !important;
4665  margin: 0 !important;
4666  padding: 0 !important;
4667  width: 572px !important;
4668  max-width: 100% !important;
4669}
4670
4671/* Equal Figma CTAs — same footprint as home hero buttons (278×48) */
4672.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta,
4673.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary,
4674.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary {
4675  box-sizing: border-box !important;
4676  display: inline-flex !important;
4677  align-items: center !important;
4678  justify-content: center !important;
4679  flex: 0 0 278px !important;
4680  width: 278px !important;
4681  min-width: 278px !important;
4682  max-width: 278px !important;
4683  height: 48px !important;
4684  min-height: 48px !important;
4685  max-height: 48px !important;
4686  margin: 0 !important;
4687  padding: 0 16px !important;
4688  border-radius: 4px !important;
4689  font-family: var(--hakes-font) !important;
4690  font-size: 14px !important;
4691  font-weight: 700 !important;
4692  line-height: 1 !important;
4693  letter-spacing: 0.02em !important;
4694  text-align: center !important;
4695  text-decoration: none !important;
4696  text-transform: uppercase !important;
4697  white-space: nowrap !important;
4698  pointer-events: auto !important;
4699}
4700
4701/* Explicit 16px gap (margin beats theme `gap: 10px` reliably) */
4702.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta {
4703  margin-left: 16px !important;
4704}
4705.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:hover, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:focus, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:focus-visible, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:active {
4706  background: var(--hakes-link-hover) !important;
4707}
4708
4709.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:hover,
4710.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:focus,
4711.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:focus-visible,
4712.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:active {
4713  text-decoration: none !important;
4714}
4715
4716/* Mid widths: tighten type/spacing only — keep CTA 278×48 side-by-side */
4717@media (max-width: 1199px) {
4718  .cloud-home-banners .cloud-home-banner .cloud-home-banner__title {
4719    margin-bottom: 16px !important;
4720    font-size: 32px !important;
4721  }
4722  .cloud-home-banners .cloud-home-banner .cloud-home-banner__text {
4723    margin-bottom: 24px !important;
4724    font-size: 15px !important;
4725  }
4726}
4727/* Tablet: cancel platform overlay horizontal padding; keep side-by-side CTAs */
4728@media (max-width: 991px) {
4729  .cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay {
4730    padding: 16px 0 !important;
4731  }
4732  .cloud-home-banners .cloud-home-banner .cloud-home-banner__title {
4733    margin-bottom: 10px !important;
4734    font-size: 26px !important;
4735  }
4736  .cloud-home-banners .cloud-home-banner .cloud-home-banner__text {
4737    margin-bottom: 14px !important;
4738    font-size: 14px !important;
4739  }
4740}
4741/* Phone: keep copy ON the artwork (never push under the image) */
4742@media (max-width: 640px) {
4743  .cloud-home-banners .cloud-home-banner {
4744    overflow: hidden !important;
4745  }
4746  .cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay {
4747    position: absolute !important;
4748    top: 0 !important;
4749    right: 0 !important;
4750    bottom: 0 !important;
4751    left: 0 !important;
4752    display: flex !important;
4753    align-items: flex-end !important;
4754    justify-content: flex-start !important;
4755    box-sizing: border-box !important;
4756    padding: 10px 12px 14px !important;
4757    background: transparent !important;
4758    overflow: hidden !important;
4759    pointer-events: none !important;
4760    color: #fff !important;
4761    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) !important;
4762  }
4763  .cloud-home-banners .cloud-home-banner .cloud-home-banner__scrim {
4764    display: block !important;
4765    opacity: 1 !important;
4766    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.78) 100%) !important;
4767  }
4768  .cloud-home-banners .cloud-home-banner .cloud-home-banner__inner {
4769    max-width: none !important;
4770    width: 100% !important;
4771    padding: 0 !important;
4772    max-height: 100% !important;
4773    overflow: hidden !important;
4774  }
4775  .cloud-home-banners .cloud-home-banner .cloud-home-banner__title {
4776    margin: 0 0 6px !important;
4777    font-size: 16px !important;
4778    line-height: 1.2 !important;
4779    max-width: 100% !important;
4780    width: 100% !important;
4781    display: -webkit-box !important;
4782    -webkit-box-orient: vertical !important;
4783    -webkit-line-clamp: 2 !important;
4784    overflow: hidden !important;
4785  }
4786  .cloud-home-banners .cloud-home-banner .cloud-home-banner__text {
4787    margin: 0 0 8px !important;
4788    font-size: 11px !important;
4789    line-height: 1.35 !important;
4790    max-width: 100% !important;
4791    width: 100% !important;
4792    display: -webkit-box !important;
4793    -webkit-box-orient: vertical !important;
4794    -webkit-line-clamp: 2 !important;
4795    overflow: hidden !important;
4796  }
4797  .cloud-home-banners .cloud-home-banner .cloud-home-banner__ctas {
4798    flex-direction: row !important;
4799    flex-wrap: nowrap !important;
4800    align-items: center !important;
4801    width: 100% !important;
4802    max-width: 100% !important;
4803  }
4804  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta,
4805  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary,
4806  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary {
4807    flex: 1 1 0 !important;
4808    width: auto !important;
4809    min-width: 0 !important;
4810    max-width: none !important;
4811    height: 40px !important;
4812    min-height: 40px !important;
4813    max-height: 40px !important;
4814    padding: 0 8px !important;
4815    font-size: 11px !important;
4816  }
4817  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta {
4818    margin-left: 8px !important;
4819    margin-top: 0 !important;
4820  }
4821}
4822/* Narrowest phones: drop body copy so title + CTAs fit inside the art */
4823@media (max-width: 400px) {
4824  .cloud-home-banners .cloud-home-banner .cloud-home-banner__title {
4825    margin-bottom: 8px !important;
4826    font-size: 15px !important;
4827  }
4828  .cloud-home-banners .cloud-home-banner .cloud-home-banner__text {
4829    display: none !important;
4830    margin: 0 !important;
4831  }
4832  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta,
4833  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary,
4834  .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary {
4835    height: 36px !important;
4836    min-height: 36px !important;
4837    max-height: 36px !important;
4838    font-size: 10px !important;
4839    letter-spacing: 0.01em !important;
4840  }
4841}
4842.text-center {
4843  font-family: var(--hakes-font-nav) !important;
4844}</style>
4845                    <!-- Google Tag Manager -->
4846            
4846<script>
vendor: 375 bytes, lines 4846-4850
4846(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
4847            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4848            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
4849            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
4850            })(window,document,'script','dataLayer','
4850GTM-5WMD3W
vendor: 3 bytes, line 4850
4850');
4850</script>
4850
4851            <!-- End Google Tag Manager -->
4852                                            <!--[if lt IE 9]>
4853            
4853<script type="text/javascript" src="https://www.hakes.com/public/js/html5shiv.min.js?t=1761753285"></script>
4853
4854        <![endif]-->
4855        
4855<script type="text/javascript">
4856            var setting = {"baseUri":"https:\/\/www.hakes.com","staticUri":"https:\/\/www.hakes.com\/public","isMobileWebView":false,"defaultSiteName":"Bidsquare","siteName":"Hake's","webSocket":{"host":"wss:\/\/ws.bidsquare.com","port":null,"debug":false},"reserveMet":[],"reCaptcha":{"v3":{"siteKey":"6LdzL_kcAAAAAHvauH1Jsz3Ux6njeXmqvGBbrqyk"}}};        </script>
4856
4857                
4857<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.js?t=1761753285"></script>
vendor: 1 bytes, line 4857
4857
4858<script type="text/javascript" src="https://www.hakes.com/public/js/functions.js?t=1761753285"></script>
vendor: 1 bytes, line 4858
4858
4859<script type="text/javascript" src="https://www.hakes.com/public/themes/common/js/popper-v1.min.js?t=1761753286"></script>
vendor: 1 bytes, line 4859
4859
4860<script type="text/javascript" src="https://www.hakes.com/public/themes/common/js/bootstrap.min.js?t=1761753286"></script>
vendor: 1 bytes, line 4860
4860
4861<script type="text/javascript" src="https://www.hakes.com/public/themes/default/js/theme.js?t=1761753286"></script>
vendor: 84 bytes, lines 4861-4862
4861
4862<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
48626LdzL_kcAAAAAHvauH1Jsz3Ux6njeXmqvGBbrqyk
vendor: 12 bytes, line 4862
4862"></script>
4863<script type="text/javascript" src="https://www.hakes.com/public/js/front-common.js?t=1776727331"></script>
vendor: 1 bytes, line 4863
4863
4864<script type="text/javascript" src="https://www.hakes.com/public/js/tagManager.js?t=1761753286"></script>
vendor: 1 bytes, line 4864
4864
4865<script type="text/javascript" src="https://www.hakes.com/public/js/script.js?t=1776727331"></script>
vendor: 1 bytes, line 4865
4865
4866<script type="text/javascript" src="https://www.hakes.com/public/js/bsApi.js?t=1761753285"></script>
vendor: 1 bytes, line 4866
4866
4867<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.js?t=1761753285"></script>
vendor: 1 bytes, line 4867
4867
4868<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.messagestore.js?t=1761753285"></script>
vendor: 1 bytes, line 4868
4868
4869<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.fallbacks.js?t=1761753285"></script>
vendor: 1 bytes, line 4869
4869
4870<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.language.js?t=1761753285"></script>
vendor: 1 bytes, line 4870
4870
4871<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.parser.js?t=1761753285"></script>
vendor: 1 bytes, line 4871
4871
4872<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.emitter.js?t=1761753285"></script>
vendor: 1 bytes, line 4872
4872
4873<script type="text/javascript">
4874                $.i18n().load({"en":{"Starting Bid":"Starting Bid","Current Bid":"Current Bid","Start in":"Start in","Starts in":"Starts in","End in":"End in","Bidsquare Bidder":"Bidsquare Bidder","Competing Bidder":"Competing Bidder","Bidder":"Bidder","Click Here to Bid Live":"Click Here to Bid Live","Non-supported browser... Use Chrome, Firefox, or Safari 11+":"Non-supported browser... Use Chrome, Firefox, or Safari 11+","On the Market":"On the Market","You are the highest bidder (%amount%)":"You are the highest bidder (%amount%)","You've been outbid (%amount%)":"You've been outbid (%amount%)","Your max bid (%amount%) is below reserve":"Your max bid (%amount%) is below reserve","You have an absentee bid (%amount%)":"You have an absentee bid (%amount%)","Place Bid":"Place Bid","Place Max Bid":"Place Max Bid","Increase Max Bid":"Increase Max Bid"}});
4875                
4876                [{"en":"https:\/\/www.hakes.com\/public\/js\/jquery.i18n\/messages\/en.json?t=1784745125"}].forEach(function (transArr, i) { $.i18n().load(transArr); });
4877                $.i18n.rawTranslationMap = {"reserveMetBannerNotification":"On the Market","highestBidNotification":"You are the highest bidder (%amount%)","outBidNotification":"You've been outbid (%amount%)","reserverNotMetNotification":"Your max bid (%amount%) is below reserve","absenteeBidNotification":"You have an absentee bid (%amount%)","placeNextBidButtonTextTimed":"Place Bid","placeMaxBidButtonTextTimed":"Place Max Bid","increaseMaxBidButtonTextTimed":"Increase Max Bid","placeNextBidButtonTextLive":"Place Bid","placeMaxBidbuttonTextLive":"Place Max Bid","increaseMaxBidButtonTextLive":"Increase Max Bid"};
4878            </script>
vendor: 1 bytes, line 4878
4878
4879<script type="text/javascript">document.addEventListener("DOMContentLoaded", () => {
4880  const header = document.querySelector(".site-header");
4881  const navToggle = document.getElementById("mobile-menu-checkbox");
4882  const nav = header?.querySelector(".site-header-nav") || document.getElementById("main-nav");
4883  const searchToggle = document.getElementById("search-toggle");
4884  const searchInput = document.getElementById("search-input-field");
4885  const headerMobileMq = window.matchMedia("(max-width: 991px)");
4886  const rootEl = document.documentElement;
4887  const NOTIFICATION_HEIGHT_VAR = "--hakes-notification-bar-height";
4888  let notificationBarResizeObserver = null;
4889
4890  /* Verify banner covers fixed mobile drawer — measure and offset via CSS var */
4891  const readNotificationBarHeightPx = () => {
4892    if (!document.body.classList.contains("show_notification")) return 0;
4893    const bar = document.querySelector(".message_bar_wrap");
4894    if (!bar) return 0;
4895    const rect = bar.getBoundingClientRect();
4896    return rect.height > 0 ? Math.ceil(rect.height) : 0;
4897  };
4898
4899  const applyNotificationBarHeightCssVar = () => {
4900    rootEl.style.setProperty(NOTIFICATION_HEIGHT_VAR, `${readNotificationBarHeightPx()}px`);
4901  };
4902
4903  const bindNotificationBarResizeObserver = () => {
4904    if (typeof ResizeObserver === "undefined") return;
4905    if (notificationBarResizeObserver) {
4906      notificationBarResizeObserver.disconnect();
4907      notificationBarResizeObserver = null;
4908    }
4909    const bar = document.querySelector(".message_bar_wrap");
4910    if (!bar || !document.body.classList.contains("show_notification")) return;
4911    notificationBarResizeObserver = new ResizeObserver(() => {
4912      applyNotificationBarHeightCssVar();
4913    });
4914    notificationBarResizeObserver.observe(bar);
4915  };
4916
4917  const syncNotificationBarHeight = () => {
4918    applyNotificationBarHeightCssVar();
4919    bindNotificationBarResizeObserver();
4920  };
4921
4922  syncNotificationBarHeight();
4923  window.addEventListener("resize", () => {
4924    window.requestAnimationFrame(syncNotificationBarHeight);
4925  });
4926  window.addEventListener("wl-dev-state-change", syncNotificationBarHeight);
4927  new MutationObserver(syncNotificationBarHeight).observe(document.body, {
4928    attributes: true,
4929    attributeFilter: ["class"],
4930  });
4931
4932  /* Platform emits "Log In"; Figma label is LOGIN (no space) */
4933  const relabelAuthLinks = () => {
4934    document.querySelectorAll(".site-header-account a.login-link").forEach((link) => {
4935      const label = (link.textContent || "").replace(/\s+/g, " ").trim().toLowerCase();
4936      if (label === "log in" || label === "login") {
4937        link.textContent = "LOGIN";
4938      }
4939    });
4940  };
4941
4942  relabelAuthLinks();
4943  window.addEventListener("wl-dev-state-change", relabelAuthLinks);
4944  document.querySelectorAll(".site-header-account, [data-wl-auth-slot]").forEach((slot) => {
4945    const observer = new MutationObserver(relabelAuthLinks);
4946    observer.observe(slot, { childList: true, subtree: true, characterData: true });
4947  });
4948
4949  /* Figma: "MASTER OF THE UNIVERSE:" on line 1, "ETERNIA COLLECTION" on line 2 */
4950  const breakCloudHomeBannerTitles = () => {
4951    document.querySelectorAll(".cloud-home-banner__title").forEach((el) => {
4952      if (el.dataset.hakesTitleBreak === "1") return;
4953      const text = (el.textContent || "").replace(/\s+/g, " ").trim();
4954      const colonIdx = text.indexOf(":");
4955      if (colonIdx === -1) return;
4956      const firstLine = text.slice(0, colonIdx + 1).trim();
4957      const secondLine = text.slice(colonIdx + 1).trim();
4958      if (!secondLine) return;
4959      el.replaceChildren(
4960        document.createTextNode(firstLine),
4961        document.createElement("br"),
4962        document.createTextNode(secondLine),
4963      );
4964      el.dataset.hakesTitleBreak = "1";
4965    });
4966  };
4967
4968  breakCloudHomeBannerTitles();
4969  window.addEventListener("load", breakCloudHomeBannerTitles);
4970  // Slick clones slides after init — re-apply so clones keep the break
4971  if (typeof window.jQuery === "function") {
4972    window.jQuery(document).on(
4973      "init.slick reInit.slick setPosition.slick",
4974      "[data-cloud-home-banners]",
4975      breakCloudHomeBannerTitles,
4976    );
4977  }
4978  window.setTimeout(breakCloudHomeBannerTitles, 0);
4979
4980  /* Banner "Consign with us" → consign page (CMS often ships href="#") */
4981  const CONSIGN_WITH_US_PATH = "/consign-with-us";
4982  const VIEW_COLLECTION_PATH =
4983    "/auctions/hakes-auctions/private-sales-6737/catalog#catalog";
4984
4985  const fixCloudHomeBannerCtaLinks = () => {
4986    document.querySelectorAll(".cloud-home-banner__cta").forEach((link) => {
4987      const label = (link.textContent || "").replace(/\s+/g, " ").trim().toLowerCase();
4988      const href = (link.getAttribute("href") || "").trim();
4989
4990      if (label.includes("consign")) {
4991        if (href === CONSIGN_WITH_US_PATH || href.endsWith("/consign-with-us")) return;
4992        link.setAttribute("href", CONSIGN_WITH_US_PATH);
4993        return;
4994      }
4995
4996      if (label.includes("view collection") || link.classList.contains("cloud-home-banner__cta--primary")) {
4997        if (href.includes("/auctions/hakes-auctions/private-sales-6737/catalog")) return;
4998        link.setAttribute("href", VIEW_COLLECTION_PATH);
4999      }
5000    });
5001  };
5002
5003  fixCloudHomeBannerCtaLinks();
5004  window.addEventListener("load", fixCloudHomeBannerCtaLinks);
5005  if (typeof window.jQuery === "function") {
5006    window.jQuery(document).on(
5007      "init.slick reInit.slick setPosition.slick",
5008      "[data-cloud-home-banners]",
5009      fixCloudHomeBannerCtaLinks,
5010    );
5011  }
5012  window.setTimeout(fixCloudHomeBannerCtaLinks, 0);
5013
5014  /* Arrow: clear focus on mouse leave / outside click so white circle returns */
5015  const bindCloudHomeBannerArrowBlur = () => {
5016    document.querySelectorAll(".cloud-home-banners .slick-arrow").forEach((btn) => {
5017      if (btn.dataset.hakesArrowBlur === "1") return;
5018      btn.dataset.hakesArrowBlur = "1";
5019      btn.addEventListener("mouseleave", () => {
5020        btn.blur();
5021      });
5022    });
5023  };
5024
5025  bindCloudHomeBannerArrowBlur();
5026  window.addEventListener("load", bindCloudHomeBannerArrowBlur);
5027  if (typeof window.jQuery === "function") {
5028    window.jQuery(document).on(
5029      "init.slick reInit.slick setPosition.slick",
5030      ".cloud-home-banners",
5031      bindCloudHomeBannerArrowBlur,
5032    );
5033  }
5034  window.setTimeout(bindCloudHomeBannerArrowBlur, 0);
5035
5036  const syncSearchOpen = (open) => {
5037    document.querySelectorAll('label.site-header-search-trigger[for="search-toggle"]').forEach((el) => {
5038      el.setAttribute("aria-expanded", open ? "true" : "false");
5039    });
5040    if (open && searchInput) {
5041      requestAnimationFrame(() => searchInput.focus());
5042    }
5043  };
5044
5045  const closeSearch = () => {
5046    if (!searchToggle?.checked) return;
5047    searchToggle.checked = false;
5048    syncSearchOpen(false);
5049  };
5050
5051  if (searchToggle) {
5052    searchToggle.addEventListener("change", () => syncSearchOpen(searchToggle.checked));
5053    syncSearchOpen(searchToggle.checked);
5054  }
5055
5056  const searchForm = header?.querySelector(".site-header-search-form");
5057  const searchTriggers = document.querySelectorAll('label.site-header-search-trigger[for="search-toggle"]');
5058
5059  const isInsideOpenSearch = (target) => {
5060    if (!(target instanceof Element)) return false;
5061    return Boolean(target.closest(".site-header-search-slot"));
5062  };
5063
5064  const getSearchQuery = () => (searchInput?.value || "").trim();
5065
5066  /* Mobile: glass expands; second click collapses if empty, submits if filled.
5067     Do not close on mouseleave — DevTools responsive + moving toward the input
5068     both fire leave with a null relatedTarget. */
5069  const handleMobileSearchAction = () => {
5070    if (getSearchQuery()) {
5071      if (typeof searchForm?.requestSubmit === "function") {
5072        searchForm.requestSubmit();
5073      } else {
5074        searchForm?.submit();
5075      }
5076      return;
5077    }
5078    closeSearch();
5079  };
5080
5081  searchTriggers.forEach((el) => {
5082    el.addEventListener("click", (event) => {
5083      if (!headerMobileMq.matches || !searchToggle?.checked) return;
5084      event.preventDefault();
5085      handleMobileSearchAction();
5086    });
5087  });
5088
5089  searchForm?.addEventListener("submit", (event) => {
5090    if (!headerMobileMq.matches) return;
5091    if (getSearchQuery()) return;
5092    event.preventDefault();
5093    closeSearch();
5094  });
5095
5096  /* `required` blocks the submit event when empty, so the glass click
5097     never reaches the handler above — intercept the button instead. */
5098  searchForm?.querySelector(".site-header-search-submit")?.addEventListener("click", (event) => {
5099    if (!headerMobileMq.matches || !searchToggle?.checked) return;
5100    if (getSearchQuery()) return;
5101    event.preventDefault();
5102    closeSearch();
5103  });
5104
5105  document.addEventListener("pointerdown", (event) => {
5106    if (!headerMobileMq.matches || !searchToggle?.checked) return;
5107    if (isInsideOpenSearch(event.target)) return;
5108    closeSearch();
5109  });
5110
5111  const closeAllDropdowns = () => {
5112    if (!nav) return;
5113    nav.querySelectorAll(".main-menu .has-dropdown.open").forEach((item) => {
5114      item.classList.remove("open");
5115      const dropdown = item.querySelector(".dropdown-menu");
5116      dropdown?.classList.remove("show");
5117      item.querySelector(":scope > a")?.setAttribute("aria-expanded", "false");
5118      if (dropdown) {
5119        dropdown.style.position = "";
5120        dropdown.style.transform = "";
5121        dropdown.style.top = "";
5122        dropdown.style.left = "";
5123      }
5124    });
5125  };
5126
5127  const toggleMobileDropdown = (link) => {
5128    const parent = link.parentElement;
5129    const dropdown = parent?.querySelector(":scope > .dropdown-menu");
5130    if (!parent || !dropdown) return;
5131
5132    const opening = !parent.classList.contains("open");
5133    closeAllDropdowns();
5134
5135    if (opening) {
5136      parent.classList.add("open");
5137      dropdown.classList.add("show");
5138      link.setAttribute("aria-expanded", "true");
5139      dropdown.style.position = "static";
5140      dropdown.style.transform = "none";
5141      dropdown.style.top = "auto";
5142      dropdown.style.left = "auto";
5143    }
5144  };
5145
5146  if (nav) {
5147    nav.querySelectorAll(".main-menu .has-dropdown > a").forEach((link) => {
5148      // Prevent wl-dev preview from reloading the page when toggling mobile submenus.
5149      link.dataset.wlPreviewAllowNav = "1";
5150    });
5151  }
5152
5153  if (header && nav) {
5154    header.addEventListener("click", (event) => {
5155      if (!headerMobileMq.matches) return;
5156      const link = event.target.closest(".main-menu .has-dropdown > a");
5157      if (!link || !nav.contains(link)) return;
5158      event.preventDefault();
5159      event.stopPropagation();
5160      event.stopImmediatePropagation();
5161      toggleMobileDropdown(link);
5162    }, true);
5163  }
5164
5165  if (nav) {
5166    nav.querySelectorAll(".main-menu .has-dropdown > a").forEach((link) => {
5167      link.addEventListener("click", (event) => {
5168        if (headerMobileMq.matches) return;
5169        event.preventDefault();
5170        event.stopPropagation();
5171
5172        const parent = link.parentElement;
5173        const dropdown = parent?.querySelector(".dropdown-menu");
5174        if (!parent || !dropdown) return;
5175
5176        const opening = !parent.classList.contains("open");
5177        nav.querySelectorAll(".main-menu .has-dropdown.open").forEach((item) => {
5178          if (item === parent) return;
5179          item.classList.remove("open");
5180          item.querySelector(".dropdown-menu")?.classList.remove("show");
5181          item.querySelector(":scope > a")?.setAttribute("aria-expanded", "false");
5182        });
5183
5184        parent.classList.toggle("open", opening);
5185        dropdown.classList.toggle("show", opening);
5186        link.setAttribute("aria-expanded", opening ? "true" : "false");
5187        dropdown.style.position = "";
5188        dropdown.style.transform = "";
5189        dropdown.style.top = "";
5190        dropdown.style.left = "";
5191      });
5192    });
5193  }
5194
5195  if (navToggle) {
5196    const syncNavState = () => {
5197      const open = Boolean(navToggle.checked) && headerMobileMq.matches;
5198      if (navToggle.checked && !headerMobileMq.matches) {
5199        navToggle.checked = false;
5200      }
5201      document.body.classList.toggle("nav-open", open);
5202      navToggle.setAttribute("aria-expanded", open ? "true" : "false");
5203      syncNotificationBarHeight();
5204      if (!open) {
5205        closeAllDropdowns();
5206      }
5207    };
5208
5209    const forceCloseMobileNav = () => {
5210      navToggle.checked = false;
5211      document.body.classList.remove("nav-open", "nav-drawer-animate");
5212      navToggle.setAttribute("aria-expanded", "false");
5213      closeAllDropdowns();
5214    };
5215
5216    navToggle.addEventListener("change", syncNavState);
5217    syncNavState();
5218
5219    const onViewportModeChange = () => {
5220      forceCloseMobileNav();
5221      closeSearch();
5222      syncNavState();
5223    };
5224
5225    // matchMedia change fires on breakpoint cross (more reliable than resize alone)
5226    if (typeof headerMobileMq.addEventListener === "function") {
5227      headerMobileMq.addEventListener("change", onViewportModeChange);
5228    } else if (typeof headerMobileMq.addListener === "function") {
5229      headerMobileMq.addListener(onViewportModeChange);
5230    }
5231
5232    window.addEventListener("resize", () => {
5233      if (!headerMobileMq.matches || navToggle.checked) {
5234        forceCloseMobileNav();
5235      }
5236      if (!headerMobileMq.matches) {
5237        closeSearch();
5238      }
5239    });
5240  }
5241
5242  document.addEventListener("keydown", (event) => {
5243    if (event.key !== "Escape") return;
5244    closeSearch();
5245    closeAllDropdowns();
5246    if (navToggle && navToggle.checked) {
5247      navToggle.checked = false;
5248      navToggle.dispatchEvent(new Event("change"));
5249    }
5250  });
5251
5252  searchTriggers.forEach((el) => {
5253    el.addEventListener("keydown", (event) => {
5254      if (event.key !== "Enter" && event.key !== " ") return;
5255      event.preventDefault();
5256      if (headerMobileMq.matches && searchToggle?.checked) {
5257        handleMobileSearchAction();
5258        return;
5259      }
5260      if (searchToggle) {
5261        searchToggle.checked = !searchToggle.checked;
5262        searchToggle.dispatchEvent(new Event("change"));
5263      }
5264    });
5265  });
5266
5267  /*
5268   * Homepage Bottom — CMS nests content in extra <div>s, which breaks the
5269   * direct-child grid CSS. Flatten to:
5270   *   p (eyebrow) → h2 → p (body) → p (buttons) → p (partner cards)
5271   */
5272  const bottom = document.querySelector(".cloud-home__bottom");
5273  if (bottom) {
5274    const eyebrow =
5275      bottom.querySelector(":scope > p:first-of-type") ||
5276      [...bottom.querySelectorAll("p")].find(
5277        (p) => !p.querySelector("a, img") && p.textContent.trim()
5278      );
5279    const title = bottom.querySelector("h2");
5280    const body = [...bottom.querySelectorAll("p")].find(
5281      (p) =>
5282        p !== eyebrow &&
5283        !p.querySelector("a, img") &&
5284        p.textContent.trim() &&
5285        p.textContent.trim().length > 40
5286    );
5287    const btnLinks = [...bottom.querySelectorAll("a.hakes-home-bottom__btn")];
5288
5289    const actions = document.createElement("p");
5290    actions.setAttribute("data-hakes-home-actions", "1");
5291    btnLinks.forEach((a) => actions.appendChild(a));
5292
5293    const cards = document.createElement("p");
5294    cards.setAttribute("data-hakes-home-cards", "1");
5295    cards.innerHTML = `
5296      <a href="https://www.starwarstracker.com/" target="_blank" rel="noopener noreferrer">
5297        <img src="https://s1.bidsquare.com/cms/files/Images3/icon-1024x1024%201.png" alt="Star Wars Tracker" width="255" height="255" />
5298      </a>
5299      <a href="https://www.cgccomics.com/" target="_blank" rel="noopener noreferrer">
5300        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/CGC_Graphic%201.png" alt="CGC — Save 25%" width="255" height="255" />
5301      </a>
5302      <a href="https://afagrading.com/" target="_blank" rel="noopener noreferrer">
5303        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/AFA_Graphic%201.png" alt="AFA — Save 10%" width="255" height="255" />
5304      </a>
5305    `;
5306
5307    const fragment = document.createDocumentFragment();
5308    if (eyebrow) fragment.appendChild(eyebrow);
5309    if (title) fragment.appendChild(title);
5310    if (body) fragment.appendChild(body);
5311    if (btnLinks.length) fragment.appendChild(actions);
5312    fragment.appendChild(cards);
5313
5314    bottom.replaceChildren(fragment);
5315  }
5316});
5317
5318
5319</script>
5319
5320        
5320<script type="text/javascript">
5321            if (typeof CKEDITOR !== 'undefined') CKEDITOR.timestamp = (new Date()).getTime(); // force refreshing the CKEditor internal js files
5322        </script>
5322
5323    </head>
5324    <body class="">
5325        
5326<div class="wrap">
5327     
5328        <div id="loadingDiv" class="loadingDiv" style="display:none;"> </div>
5329                        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;display=swap" />
5330
5331
5332    <link rel="preconnect" href="https://fonts.googleapis.com">
5333<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
5334<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">
5335
5336<div class="site-header mobile-hider">
5337    <input type="checkbox" id="search-toggle" class="site-header-search-checkbox" hidden>
5338
5339    <div class="site-header-main">
5340        <input type="checkbox" id="mobile-menu-checkbox" class="mobile-menu-checkbox" aria-controls="main-nav"
5341            aria-expanded="false" aria-label="Toggle navigation menu">
5342
5343        <div class="site-header-brand">
5344            <a href="/" class="site-header-logo-link" aria-label="Hake's Auctions homepage">
5345                <img src="https://s1.img.bidsquare.com/site/logo/146.png?t=1X1LWj" alt="Hake's Auctions" class="site-header-logo">
5346            </a>
5347        </div>
5348
5349        <div class="site-header-center">
5350            <nav class="site-header-nav" id="main-nav" aria-label="Primary">
5351                <ul class="main-menu">
5352                    <li class="nav-item has-dropdown">
5353                        <a href="/auctions" data-wl-preview-allow-nav="1" aria-expanded="false" aria-haspopup="true">
5354                            Auction
5355                            <i class="fa fa-angle-down nav-caret" aria-hidden="true"></i>
5356                        </a>
5357                        <ul class="dropdown-menu">
5358                            <li><a class="dropdown-item" href="/auctions">Current Auction</a></li>
5359                            <li><a class="dropdown-item" href="/auctions">Upcoming Auctions</a></li>
5360                            <li><a class="dropdown-item" href="/auctions/past">Past Auctions</a></li>
5361                            <li><a class="dropdown-item" href="/auctions/past">Auction Results</a></li>
5362                        </ul>
5363                    </li>
5364                    <li class="nav-item">
5365                        <a href="/user/register">Register</a>
5366                    </li>
5367                    <li class="nav-item">
5368                        <a href="/consign-with-us">Sell</a>
5369                    </li>
5370                    <li class="nav-item has-dropdown">
5371                        <a href="/howtobid" data-wl-preview-allow-nav="1"
5372                            aria-expanded="false" aria-haspopup="true">
5373                            Resources
5374                            <i class="fa fa-angle-down nav-caret" aria-hidden="true"></i>
5375                        </a>
5376                        <ul class="dropdown-menu">
5377                            <li><a class="dropdown-item" href="/AuctionClosingProcedure">Auction
5378                                    Closing Procedure</a></li>
5379                            <li><a class="dropdown-item" href="/howtobid">How to Bid</a></li>
5380                            <li><a class="dropdown-item" href="/about-us">Meet the Team</a></li>
5381                            <li><a class="dropdown-item" href="/contactus">Contact Us</a></li>
5382                            <li><a class="dropdown-item" href="/terms-conditions">Auction Rules</a></li>
5383                        </ul>
5384                    </li>
5385                </ul>
5386                <div class="site-header-account site-header-account--drawer">
5387                    <a href="https://www.hakes.com/user/register" class="signup-link" data-toggle="modal" data-target="#registration_pop">Sign up</a> <a href="https://www.hakes.com/user/login" class="login-link" data-toggle="modal" data-target="#login_pop">Log In</a>
5388                </div>
5389            </nav>
5390
5391            <div class="site-header-search-slot">
5392                <label for="search-toggle" class="site-header-search-trigger" role="button" tabindex="0"
5393                    aria-label="Toggle search">
5394                    <i class="fa fa-search" aria-hidden="true"></i>
5395                </label>
5396                <div class="site-header-search-field">
5397                    <form action="/search" method="get" class="site-header-search-form">
5398                        <span class="site-header-search-icon" aria-hidden="true">
5399                            <i class="fa fa-search"></i>
5400                        </span>
5401                        <input type="text" name="search" id="search-input-field" class="site-header-search-input"
5402                            placeholder="SEARCH" autocomplete="off" required>
5403                        <button type="submit" class="site-header-search-submit" aria-label="Submit search">
5404                            <svg class="site-header-search-submit-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5405                                <circle cx="7.5" cy="7.5" r="5.75" stroke="currentColor" stroke-width="1.5"/>
5406                                <path d="M12 12L15.5 15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
5407                            </svg>
5408                        </button>
5409                    </form>
5410                </div>
5411            </div>
5412        </div>
5413
5414        <div class="site-header-actions">
5415            <label for="mobile-menu-checkbox" class="hamburger" aria-hidden="true">
5416                <span></span>
5417                <span></span>
5418                <span></span>
5419            </label>
5420            <div class="site-header-account site-header-account--inline">
5421                <a href="https://www.hakes.com/user/register" class="signup-link" data-toggle="modal" data-target="#registration_pop">Sign up</a> <a href="https://www.hakes.com/user/login" class="login-link" data-toggle="modal" data-target="#login_pop">Log In</a>
5422            </div>
5423        </div>
5424    </div>
5425</div>
5426            
5427
5428    
5429
5430
5431    
5432    <div class="register_form_page login_Modal container">
5433    <div class="modal-heading">Let&#039;s get started</div>
5434<p>
5435    Enter email to create an account to start bidding.</p>
5436
5437<form class="register_form_email" onsubmit="return false;" action="https://www.hakes.com/user/register/email" method="post">
5438    <input type="hidden" id="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" name="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" value="ZkpUMUJkVThzZmFqKythMUlQNCs0QT09" />        <div id="register_error" class="popup_error"> </div>
5439    <div class="form-group">
5440                <input type="text" id="email" name="email" value="" class="form-control" autofocus="" placeholder="Email Address" />    </div>
5441    <div class="submit">
5442        <button class="register_bnt_email btn btn-primary" name="register_button" type="submit">Continue</button>
5443    </div>
5444    <div class="bottom_text">
5445                    <div class="signin-area dnt_hv_ac note_text bsq_acc_suggest">
5446                <p>Already have an account? <a href="javascript:void(0);" class="registration-login">Click here to log in</a></p>
5447            </div>
5448            </div>
5449</form>
5450<script type="text/javascript">
5451    $(function()
5452    {
5453            });
5454</script>
5454
5455
5456</div>
5457
5458    
5459    
5460                  <div class="site-footer mobile-hider">
5461    <div class="site-footer-band">
5462        <div class="site-footer-top site-footer-grid">
5463            <div class="site-footer-col site-footer-col--contact">
5464                <h3 class="site-footer-title">Hake's Auctions</h3>
5465                <div class="site-footer-contact">
5466                    <p>P.O. Box 12001</p>
5467                    <p>York, PA 17402</p>
5468                    <p><strong class="site-footer-contact-label">Hours:</strong> M-F 8:30am to 4:00pm (Eastern)</p>
5469                    <p><strong class="site-footer-contact-label">Phone:</strong> <a href="tel:+17174341600">(717) 434-1600</a></p>
5470                    <p><strong class="site-footer-contact-label">Toll Free:</strong> <a href="tel:+18664049800">(866) 404-9800</a></p>
5471                </div>
5472            </div>
5473
5474            <div class="site-footer-col site-footer-col--links">
5475                <h3 class="site-footer-title">Links</h3>
5476                <ul class="site-footer-list">
5477                    <li><a href="/auctions">Current Auction</a></li>
5478                    <li><a href="/consign-with-us">How to Consign</a></li>
5479                    <li><a href="/howtobid">How to Bid</a></li>
5480                    <li><a href="/AuctionClosingProcedure">Closing Procedure</a></li>
5481                    <li><a href="/contactus">Contact Us</a></li>
5482                    <li><a href="/user/login">Login</a></li>
5483                </ul>
5484            </div>
5485
5486            <div class="site-footer-col site-footer-col--powered site-footer-col--powered-desktop">
5487                <div class="site-footer-powered">
5488                    <a href="https://www.bidsquarecloud.com" target="_blank" rel="noopener noreferrer">
5489                        <img src="https://s1.bidsquare.com/cms/files/Powered%20by%20Bidsquare%20cloud-01-04.png"
5490                            alt="Powered by Bidsquare" class="site-footer-powered-img">
5491                    </a>
5492                </div>
5493            </div>
5494        </div>
5495
5496        <div class="site-footer-bottom">
5497            <ul class="site-footer-social-list" aria-label="Social media">
5498                <li>
5499                    <a href="https://www.facebook.com/hakesassociates" target="_blank" rel="noopener noreferrer"
5500                        class="site-footer-social-link site-footer-social-link--facebook" aria-label="Facebook">
5501                        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/facebook.png" alt="" width="36" height="36">
5502                    </a>
5503                </li>
5504                <li>
5505                    <a href="https://www.instagram.com/hakesauctions/" target="_blank" rel="noopener noreferrer"
5506                        class="site-footer-social-link site-footer-social-link--instagram" aria-label="Instagram">
5507                        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/instagram.png" alt="" width="36" height="36">
5508                    </a>
5509                </li>
5510                <li>
5511                    <a href="https://x.com/hakesauctions" target="_blank" rel="noopener noreferrer"
5512                        class="site-footer-social-link site-footer-social-link--x" aria-label="X">
5513                        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/twitter.png" alt="" width="36" height="36">
5514                    </a>
5515                </li>
5516                <li>
5517                    <a href="https://www.youtube.com/channel/UCKI4LRbWUkyMQDObhbHSrkg" target="_blank" rel="noopener noreferrer"
5518                        class="site-footer-social-link site-footer-social-link--youtube" aria-label="YouTube">
5519                        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/youtube.png" alt="" width="36" height="36">
5520                    </a>
5521                </li>
5522                <li>
5523                    <a href="https://www.tiktok.com/@hakesassociates" target="_blank" rel="noopener noreferrer"
5524                        class="site-footer-social-link site-footer-social-link--tiktok" aria-label="TikTok">
5525                        <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/tiktok.png" alt="" width="36" height="36">
5526                    </a>
5527                </li>
5528            </ul>
5529            <div class="site-footer-col site-footer-col--powered site-footer-col--powered-mobile">
5530                <div class="site-footer-powered">
5531                    <a href="https://www.bidsquarecloud.com" target="_blank" rel="noopener noreferrer">
5532                        <img src="https://s1.bidsquare.com/cms/files/Powered%20by%20Bidsquare%20cloud-01-04.png"
5533                            alt="Powered by Bidsquare" class="site-footer-powered-img">
5534                    </a>
5535                </div>
5536            </div>
5537            <p class="site-footer-copyright">© Hakes Auctions 2026 All rights reserved</p>
5538        </div>
5539    </div>
5540</div>
5541  
5542
5543
5544<section class="common-popup">
5545                        
5546            <style>
5547            .modal-body.login_reg_page {
5548                padding: 0;
5549            }
5550            </style>
5551                        <div class="modal fade login_ms" id="login_pop" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true" >
5552            <div class="modal-dialog modal-dialog-centered" role="document">
5553                <div class="modal-content">
5554                    <div class="modal-header">
5555                        
5556                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
5557                    </div>
5558                    <div class="modal-body login_reg_page login_form_page">
5559                                <div class="sec_login_heading dfl_heading">
5560            <div class="modal-heading">Login to Hake's</div>
5561            <p>Please enter your email to login</p>
5562        </div>
5563         
5564        <div class="sec_login_heading rnl_heading" style="display: none;">
5565            <div class="modal-heading">Login or Create Account</div>
5566            <p>
5567                Enter email to create an account to start bidding.            </p>
5568        </div>
5569         
5570<form class="login_form_email" onsubmit="return false;" action="https://www.hakes.com/user/login/email" method="post" >
5571    <input type="hidden" id="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" name="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" value="ZkpUMUJkVThzZmFqKythMUlQNCs0QT09" />            <div id="login_error" class="popup_error"></div>
5572    <div class="form-group">
5573        <input type="text" id="email_address" name="email_address" class="form-control" autofocus="" placeholder="Email Address" />    </div>
5574    <div class="submit">
5575        <button class="login_bnt_email btn btn-primary" name="login_button" type="submit">Continue</button>
5576    </div>
5577    <div class="bottom_text">
5578                <div class="agree_text">
5579            Don't have an account? <a href="javascript:void(0);" class="show-registration-popup" rel="nofollow">Sign up</a> now        </div>
5580                    </div>
5581</form>
5582<script type="text/javascript">
5583    $(function()
5584    {
5585            });
5586</script>
5586
5587
5588
5589
5590                    </div>
5591                </div>
5592            </div>
5593        </div>            
5594        
5595                    <div class="modal fade forgot_pwd" id="forgot_pwd_pop" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true" >
5596            <div class="modal-dialog modal-dialog-centered" role="document">
5597                <div class="modal-content">
5598                    <div class="modal-header">
5599                        
5600                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
5601                    </div>
5602                    <div class="modal-body login_reg_page">
5603                        <div class="form_area forgot_password_form_page"><div class="forgotpass-form-container">
5604    <div class="modal-heading default-heading  ">Forgot your password?</div>
5605    <div class="modal-heading reset-heading  hide_div ">Reset Password</div>
5606    <form id="forgot-form" class="request_setup_form" onsubmit="return false;" action="https://www.hakes.com/user/requestsetup" method="post">
5607                <div class="input_area">
5608            <div class="security_msg  hide_div "></div>
5609            <div class="form-group fp-original-field  ">
5610                <div class="forgot_text_area">
5611                    <p>Please enter email address you registered with and we will email you a link to reset your password.</p>
5612                </div>
5613                <input type="text" id="email" name="email" class="form-control" placeholder="Email Address" />            </div>  
5614            <div class="fp-modify-field  hide_div ">
5615                <p>
5616                    <section-email></section-email>
5617                    <a href="javascript:void(0)" class="reset-email-addr" data-udef="forgot_password"><i class="fa fa-pencil form-edit-icon" aria-hidden="true"></i></a>
5618                </p>
5619            </div>
5620            <div id="login_error" class="popup_error"> </div>
5621            <div class="submit">
5622                <input type="submit" id="submit" name="submit" value="Reset Password" class="btn btn-primary" />            </div>
5623        </div>
5624    </form>
5625    <div class="dnt_hv_ac">
5626        <p><a href="javascript:void(0);" class="show-login-popup">Back to Log in</a></p>
5627    </div>
5628    
5628<script type="text/javascript">
5629        $(function()
5630        {
5631                    });
5632    </script>
5632
5633</div></div>
5634                    </div>
5635                </div>
5636            </div>
5637        </div>        
5638                </section>
5639    
5640</div>
5641    </body>
5642</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.