.universal-dialog-bar{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:3;background:inherit;margin-bottom:4px}dialog .dialog-icon-close{box-sizing:border-box;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;padding:0;line-height:1;border:0;border-radius:50%;background:#f1f3f6;color:#444e5d}dialog .dialog-icon-close .ui-icon{display:block;flex:none;width:21px;height:21px;margin:0}.auction-photo-overlay .dialog-icon-close{background:#ffffff12;color:#fff}.compact-card{cursor:pointer}.repeat-auction{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:10px 0}.repeat-auction .ui-icon{width:18px;height:18px}.compact-actions .repeat-auction{margin:0}.repeat-confirm{display:flex;gap:10px;align-items:center;margin:18px 0}.repeat-confirm input{flex:none}
@media(max-width:700px){.catalog-hero{display:none!important}.catalog-toolbar{margin-top:8px}}
.mobile-catalog-bar{display:none}
body #app>.tabs button.selected,body #app>.tabs button.selected:hover,body #app>.tabs button.selected:focus{background:#20242e;color:#fff;opacity:1}
.sort-options{display:grid;gap:10px}.sort-options button{display:flex;justify-content:space-between;text-align:left}.sort-options button[aria-pressed=true]{border-color:#d91f35;color:#b51c2d;background:#fff2f4}
@media(max-width:700px){
body[data-page=catalog] .catalog-toolbar,body[data-page=catalog] #app>.tabs{display:none}
.mobile-catalog-bar{display:flex;align-items:center;gap:8px;margin:8px 0 18px;width:100%;min-width:0}
.mobile-catalog-bar .catalog-icon-button{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;background:#fff;color:#343b49;border:1px solid #dce0e7;border-radius:12px}
.catalog-icon-button .ui-icon{width:21px;height:21px;display:block}.catalog-icon-button b{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;border-radius:50%;background:#d91f35;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #f5f6f8}
.catalog-status-tabs{display:flex;flex:1;min-width:0;gap:3px;background:#e9ecf1;padding:3px;border-radius:12px;box-sizing:border-box;height:44px}
.catalog-status-tabs button{flex:1;min-width:0;min-height:38px;height:38px;padding:0 5px;border:0;border-radius:9px;font-size:12px;line-height:1;background:transparent;color:#535d6c;white-space:nowrap}
body .catalog-status-tabs button.selected,body .catalog-status-tabs button.selected:hover,body .catalog-status-tabs button.selected:focus{background:#d91f35;color:#fff;opacity:1;box-shadow:0 2px 5px #a51a2520}
.mobile-catalog-bar .sort-active{color:#c91d31;border-color:#eab4bc}
}
.compact-card .card-meta{display:flex;align-items:center;justify-content:space-between;margin:0 16px 8px;gap:8px}.compact-card .card-bidding{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:14px}.compact-card .card-enter{background:#e51e35;color:#fff;border:0;border-radius:9px;min-height:40px;padding:10px 9px;font-size:11px;white-space:nowrap}.compact-card .card-enter:hover,.compact-card .card-enter:focus{background:#c91a30;color:#fff}.compact-card .card-countdown{text-align:right}.compact-card .card-bidding .price{font-size:20px;white-space:nowrap}.compact-card .card-countdown .timer{font-size:16px;white-space:nowrap}
@media(max-width:680px){.compact-card{grid-template-columns:122px minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:12px;column-gap:12px}.compact-card .photo{grid-column:1;grid-row:1/3;width:122px;height:82px;align-self:start}.compact-card .photo img{height:82px;width:100%;object-fit:cover}.compact-card .card-heading h3{font-size:15px;line-height:19px}.compact-card .card-specs{font-size:10px;line-height:15px;padding-top:4px}.compact-card .card-meta{grid-column:1/-1;grid-row:3;margin:8px 0 7px;font-size:10px}.compact-card .card-meta>span{font-size:10px}.compact-card .card-bidding{grid-column:1/-1;grid-row:4;margin:0;padding:9px 0 0;gap:6px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.compact-card .card-bidding .price{font-size:19px;line-height:25px;letter-spacing:-.6px}.compact-card .card-bidding .label{font-size:9px;line-height:12px;white-space:nowrap}.compact-card .card-countdown .timer{font-size:15px;line-height:25px}.compact-card .card-countdown>strong{font-size:11px}.compact-card .card-enter{font-size:10px;padding:10px 8px;min-height:38px}.compact-card .heart{width:30px;height:30px;min-height:30px;padding:0}.compact-card .heart .favorite-icon{width:17px;height:17px}}
@media(max-width:360px){.compact-card{grid-template-columns:106px minmax(0,1fr);column-gap:9px;padding:10px}.compact-card .photo{width:106px;height:72px}.compact-card .photo img{height:72px}.compact-card .card-bidding .price{font-size:16px}.compact-card .card-countdown .timer{font-size:13px}.compact-card .card-enter{padding:9px 6px;font-size:9px}.compact-card .card-bidding .label{font-size:8px}}
.compact-card .card-bidding{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.compact-card .card-bidding>div:first-child{grid-column:1;grid-row:1}.compact-card .card-countdown{grid-column:2;grid-row:1;text-align:center}.compact-card .card-enter{grid-column:3;grid-row:1}
@keyframes countdown-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.76;transform:scale(1.025)}}
.timer-pulse{animation:countdown-pulse 1s ease-in-out infinite;transform-origin:center;display:inline-block}.timer-urgent,.compact-timing strong.timer-urgent{color:#d91f35!important}
@media(prefers-reduced-motion:reduce){.timer-pulse{animation:none}}
@media(max-width:900px){header .header-actions .sell-button{display:none}.bottom .bottom-add{flex:0 0 58px;max-width:58px;display:flex;align-items:center;justify-content:center;padding:0}.bottom .bottom-add .nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#e51e35;color:#fff;box-shadow:0 3px 10px #d91f3524}.bottom .bottom-add .nav-icon svg{width:25px;height:25px}.bottom .bottom-add .nav-label{display:none}.bottom .bottom-add:focus-visible{outline-offset:0}.bottom button .nav-label{font-size:9px}}

/* Touch feedback is momentary. Icon state remains readable after release. */
button{-webkit-tap-highlight-color:transparent}
.auction-toolbar button,.compact-sound,.compact-tools button,dialog .dialog-icon-close,.auction-photo-controls button{transition:background-color .16s,color .16s,border-color .16s,transform .12s}
.compact-sound[aria-pressed="true"]{background:#203c35;border-color:#487963;color:#a5f0c6}
.compact-sound[aria-pressed="false"]{background:#222b3a;border-color:#424d60;color:#c3cddd}
.auction-toolbar button.is-favorite{background:#fff0f3;border-color:#f1cbd3;color:#d91f35}
@media(hover:hover) and (pointer:fine){
 .auction-toolbar button:hover,.compact-tools button:hover,dialog .dialog-icon-close:hover{background:#e9edf2;border-color:#cbd2dc}
 .auction-toolbar button.is-favorite:hover{background:#ffe4ea;color:#c71d33;border-color:#edb9c4}
 .compact-sound[aria-pressed="true"]:hover{background:#294b40}
 .compact-sound[aria-pressed="false"]:hover{background:#303c4f}
 .auction-photo-controls button:hover,.auction-photo-overlay .dialog-icon-close:hover{background:#ffffff26;color:#fff}
}
.auction-toolbar button:active,.compact-sound:active,.compact-tools button:active,dialog .dialog-icon-close:active,.auction-photo-controls button:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.auction-toolbar button:active,.compact-sound:active,.compact-tools button:active,dialog .dialog-icon-close:active,.auction-photo-controls button:active{transform:none}}
/* Compact header; retain 44px touch controls. */
header .wrap{height:76px}
header .brand-mark{width:50px;height:46px}
@media(max-width:900px){
 header .wrap{height:64px;gap:12px}
 header .brand-mark{width:40px;height:40px}
 header .brand-home{gap:9px}
 header .brand-home .logo{font-size:21px}
 header .brand-home .logo small{font-size:8px;letter-spacing:3px;margin-top:6px}
}

.video-link-field{min-width:0}.video-link-label{display:flex;align-items:center;gap:5px;min-height:24px}.video-link-label label{margin:0}.video-link-field>input{display:block;width:100%;margin-top:6px}.video-link-label .field-help{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;padding:0;border:1px solid #d7dce4;border-radius:50%;background:#edf0f4;color:#586475;font-size:15px;font-weight:700;line-height:1}.video-link-help{font-size:14px;line-height:1.65}.video-link-help ol{padding-left:22px}.video-link-help li{margin:10px 0}

.business-profile{max-width:700px;margin:24px 0}.business-profile h2{font-size:20px;margin:0 0 10px}.business-profile p{font-size:14px;line-height:1.65;color:#677180;max-width:58ch;margin:0 0 18px}.business-profile button{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;font-size:13px}.business-profile button .ui-icon{width:19px;height:19px;flex:none}

.make-model-fields{grid-column:1/-1;min-width:0}.make-model-hint{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.make-model-fields input{width:100%;min-width:0}
.deal-confirmation{margin:20px 0;padding:18px 0;border-top:1px solid #e3e5e9;border-bottom:1px solid #e3e5e9}.deal-confirmation form{display:grid;gap:12px;margin:16px 0}.deal-confirmation label{display:grid;gap:6px}.deal-confirmation details{margin-top:16px}.deal-confirmation summary{cursor:pointer;color:#767d88}.deal-confirmation textarea,.deal-confirmation select{width:100%}

.business-profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.business-profile-actions .ghost{color:#656c77;font-size:14px;min-height:44px}@media(max-width:600px){.business-profile-actions{align-items:stretch;flex-direction:column}.business-profile-actions button{width:100%}}

/* Center the auction subtitle within the wordmark, keeping both lines inside the mark height. */
header .brand-home .logo{line-height:1}
header .brand-home .logo small{display:block;text-align:center;font-size:12px;font-weight:800;line-height:1;letter-spacing:3px;text-indent:3px;margin-top:5px}
@media(max-width:900px){header .brand-home .logo small{font-size:10px;font-weight:800;letter-spacing:2.5px;text-indent:2.5px;margin-top:4px}}