/* Measured against the public Haraj interface, September 2026.
   One public design system. Admin assets remain separate. */
@font-face{font-family:MarketplaceThmanyah;src:url('../footer/thmanyahsans-Medium.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:MarketplaceThmanyah;src:url('../footer/thmanyahsans-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:sky;src:url('../fonts/sky.ttf') format('truetype');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:sky;src:url('../fonts/sky-bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--hj-bg:var(--site-bg);--hj-surface:var(--site-surface);--hj-card:var(--site-card);--hj-border:var(--site-border);--hj-text:var(--site-text);--hj-muted:var(--site-muted);--hj-blue:var(--site-blue);--hj-green:var(--site-green);--hj-elementary:var(--site-elementary);--hj-blue-dark:var(--site-blue-dark);--hj-secondary:var(--site-secondary);--hj-input:var(--site-input);--hj-action:var(--site-action);--hj-action-hover:var(--site-action-hover);--hj-active:var(--site-active);--hj-stripe:var(--site-stripe);--hj-danger:var(--site-danger);--hj-error-bg:var(--site-error-bg);--hj-success-bg:var(--site-success-bg);--hj-shadow:0 2px 5px var(--site-marketplace-hj-shadow-0066cc-alpha-00784313725490196);--hj-radius:10px;--hj-shell:1280px;--hj-text-scale:1}
:root[data-theme=dark]{color-scheme:dark;--hj-bg:var(--site-bg);--hj-surface:var(--site-surface);--hj-card:var(--site-card);--hj-border:var(--site-border);--hj-text:var(--site-text);--hj-muted:var(--site-muted);--hj-blue:var(--site-blue);--hj-elementary:var(--site-elementary);--hj-input:var(--site-input);--hj-active:var(--site-active);--hj-stripe:var(--site-stripe);--hj-danger:var(--site-danger);--hj-error-bg:var(--site-error-bg);--hj-success-bg:var(--site-success-bg);--hj-shadow:0 2px 5px var(--site-marketplace-hj-shadow-0066cc-alpha-00784313725490196)}
*,:before,:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:auto;font-synthesis:none}body{margin:0;background:var(--hj-bg);color:var(--hj-text);font-family:sky,-apple-system,system-ui,'Segoe UI',sans-serif;font-size:calc(16px * var(--hj-text-scale));font-weight:500;line-height:1.5;text-align:start}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a{color:var(--hj-blue);text-decoration:none}a:hover{text-decoration:none;color:var(--hj-elementary)}img,video{max-width:100%;height:auto}svg{vertical-align:middle}p{margin:0 0 1em}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.4}h1{font-size:calc(28px * var(--hj-text-scale))}h2{font-size:calc(22px * var(--hj-text-scale))}h3{font-size:calc(18px * var(--hj-text-scale))}b,strong{font-weight:700}form{margin:0}button{background:none;border:0}ul,ol{padding-inline-start:24px}fieldset{border:1px solid var(--hj-border);border-radius:10px;min-width:0}legend{padding-inline:8px}table{border-collapse:collapse;width:100%}td,th{padding:12px;border-bottom:1px solid var(--hj-border);text-align:start}hr{border:0;border-top:1px solid var(--hj-border);margin-block:24px}[hidden]{display:none}.hj-icon{width:20px;height:20px;flex-shrink:0;display:inline-block}.hj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hj-skip{position:fixed;z-index:200;inset-block-start:-100px;inset-inline-start:12px;background:var(--hj-card);padding:10px 20px;border-radius:8px}.hj-skip:focus{inset-block-start:12px}:focus-visible{outline:2px solid var(--hj-blue);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--hj-blue);outline:2px solid var(--hj-active);outline-offset:1px}
body:has(.hj-discovery){font-family:MarketplaceThmanyah,-apple-system,system-ui,'Segoe UI',sans-serif}
.hj-shell{width:100%;max-width:var(--hj-shell);margin-inline:auto}.hj-main{min-height:45vh}.hj-header{height:96px;padding-block-start:40px;background:linear-gradient(240deg,var(--site-hj-header-background-0061ad) -5%,var(--site-hj-header-background-1073c0) 65%);color:var(--site-hj-header-color-ffffff)}.hj-header-discovery{height:calc(12vh + 56px);padding-block-start:12vh}.hj-header-inner{height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;gap:16px}.hj-logo{display:block;flex:0 0 112px;width:112px;height:25px;line-height:0}.hj-logo img{width:112px;height:25px;object-fit:contain;filter:grayscale(1) contrast(12);mix-blend-mode:screen}.hj-header-actions{display:flex;flex-direction:row-reverse;align-items:center;gap:4px;min-width:0}.hj-header-control{display:inline-flex;height:34px;align-items:center;justify-content:center;gap:4px;padding:4px 10px;white-space:nowrap;background:var(--site-hj-header-background-0061ad);color:var(--site-hj-header-color-ffffff);border-radius:7px;border:0;line-height:1;font-size:calc(16px * var(--hj-text-scale))}.hj-header-control:hover{color:var(--site-hj-header-colorhover-ffffff);background:var(--site-hj-header-backgroundhover-075991)}.hj-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;flex-shrink:0;padding:8px;border-radius:7px;position:relative}.hj-header-control .hj-icon{width:18px;height:18px}.hj-login{flex-direction:row-reverse}.hj-language summary{flex-direction:row-reverse;gap:6px;padding:0 10px;font-size:calc(14px * var(--hj-text-scale))}.hj-language-name,.hj-language-code{font-size:calc(12px * var(--hj-text-scale))}.hj-language-code:before{content:'('}.hj-language-code:after{content:')'}.hj-language .hj-icon{width:10px}.hj-flag{font-family:system-ui,sans-serif;font-size:calc(17px * var(--hj-text-scale))}.hj-account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.hj-unread-dot{position:absolute;width:7px;height:7px;background:var(--site-hj-unread-background-feca81);border-radius:50%;inset-block-start:2px;inset-inline-end:2px}.hj-theme-sun{display:none}[data-theme=dark] .hj-theme-sun{display:inline}[data-theme=dark] .hj-theme-moon{display:none}
[dir=ltr] .hj-header-inner{flex-direction:row-reverse}[dir=ltr] .hj-header-actions,[dir=ltr] .hj-header-control.hj-login,[dir=ltr] .hj-language summary{flex-direction:row}[dir=ltr] .hj-header .hj-dropdown-menu{inset-inline-start:0;inset-inline-end:auto}
.hj-dropdown{position:relative}.hj-dropdown>summary{list-style:none}.hj-dropdown>summary::-webkit-details-marker{display:none}.hj-dropdown-menu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:100;min-width:180px;padding:8px;background:var(--hj-card);border:1px solid var(--hj-border);border-radius:10px;box-shadow:var(--hj-shadow);color:var(--hj-text);text-align:start}.hj-dropdown-menu>a,.hj-dropdown-menu>form>button{display:block;width:100%;padding:9px 12px;border-radius:7px;text-align:start;color:var(--hj-elementary)}.hj-dropdown-menu>a:hover,.hj-dropdown-menu>form>button:hover{background:var(--hj-surface)}.hj-dropdown:not([open])>.hj-dropdown-menu{display:none}.hj-dropdown[open]>summary{box-shadow:inset 0 0 0 1px var(--hj-secondary)}
.hj-discovery{background:var(--hj-surface);padding-block-start:48px}.hj-discovery-inner{padding-inline:16px}.hj-search-row{display:flex;align-items:stretch;gap:8px;height:64px}.hj-search{display:flex;gap:4px;flex:1;min-width:0}.hj-search input[type=search]{min-width:0;flex:1;width:100%;height:64px;padding:2px 16px 0 10px;background:var(--hj-card);border:0;border-radius:0;color:var(--hj-text);font-size:calc(22.4px * var(--hj-text-scale));line-height:calc(33.6px * var(--hj-text-scale));border-start-start-radius:10px;border-end-start-radius:10px;appearance:none}.hj-search input::placeholder{color:var(--hj-muted);opacity:1}.hj-search>button{height:64px;flex:0 0 112px;width:112px;padding:0 24px;background:var(--hj-card);color:var(--hj-blue);border-start-end-radius:10px;border-end-end-radius:10px}.hj-search>button:hover{background:var(--hj-active)}.hj-search>button .hj-icon{width:16px;height:16px;stroke-width:1.4}.hj-add-offer{flex:0 0 160px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px;width:160px;height:64px;background:var(--hj-action);color:var(--site-hj-add-offer-color-3a5c83);border-radius:10px;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}.hj-add-offer:hover{background:var(--hj-action-hover);color:var(--site-hj-add-offer-colorhover-3a5c83)}.hj-add-offer .hj-icon{stroke-width:3;width:14px;height:16px}[data-theme=dark] .hj-search>input[type=search],[data-theme=dark] .hj-search>button,[data-theme=dark] .hj-add-offer{background:var(--hj-bg)}[data-theme=dark] .hj-search>button{color:var(--site-hj-search-color-ffffff)}[data-theme=dark] .hj-add-offer{color:var(--hj-action)}
.hj-categories{display:flex;margin-inline-end:12px;align-items:flex-start;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-block:20px 21px;min-width:0;height:120px}.hj-categories::-webkit-scrollbar{display:none}.hj-category{flex:0 0 100px;width:100px;height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:0;border-radius:12px;color:var(--hj-elementary);font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));text-align:center}.hj-category>span:last-child{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hj-category:hover,.hj-category.is-active{background:var(--hj-active);color:var(--hj-blue)}.hj-category.is-active{font-weight:700}.hj-category-icon{height:35px;width:44px;display:flex;align-items:center;justify-content:center;color:var(--site-hj-category-icon-color-1073c0)}.hj-category-icon img{width:35px;height:35px;object-fit:contain}.hj-category-icon i{font-size:calc(30px * var(--hj-text-scale))}.hj-category-icon>.hj-icon{width:34px;height:34px}.hj-category-home{font-size:calc(42px * var(--hj-text-scale));line-height:calc(35px * var(--hj-text-scale));height:35px;font-weight:700;color:var(--site-hj-category-home-color-1073c0);transform:translateY(-4px)}
.hj-market-grid{display:grid;grid-template-columns:calc((100% - 48px)/4) minmax(0,1fr);gap:16px;padding-block-start:4px;padding-block-end:32px}.hj-sidebar{min-width:0;padding-block-start:8px}.hj-sidebar-section{border-bottom:1px solid var(--hj-border);padding-block-end:16px;margin-block-end:16px}.hj-sidebar-section h2{font-size:calc(18px * var(--hj-text-scale));margin-block-end:10px;color:var(--hj-elementary)}.hj-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hj-brand-grid>a{min-width:0;height:78px;border:1px solid var(--site-hj-brand-grid-border-e5e7eb);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:2px;color:var(--hj-muted);font-size:calc(12px * var(--hj-text-scale));line-height:calc(16px * var(--hj-text-scale))}.hj-brand-grid>a:hover{background:var(--hj-surface);border-color:var(--hj-secondary)}.hj-brand-grid>a>span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hj-brand-grid img{width:60px;height:60px;object-fit:contain}.hj-brand-grid i{font-size:calc(44px * var(--hj-text-scale));line-height:calc(44px * var(--hj-text-scale))}.hj-category-expand{grid-column:1/-1;flex-basis:100%;width:100%;height:40px;margin-block:5px;border:1px solid var(--site-hj-category-expand-border-7298c4);border-radius:10px;color:var(--site-hj-category-expand-color-7298c4);display:flex;align-items:center;justify-content:center;gap:12px;background:transparent;cursor:pointer}.hj-category-expand[aria-expanded="true"] .hj-icon{transform:rotate(180deg)}.hj-category-navigation [hidden]{display:none!important}.hj-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.hj-shortcuts>a,.hj-subcategories>a{padding:6px 12px;background:var(--hj-surface);border-radius:7px;color:var(--hj-elementary);font-size:calc(14px * var(--hj-text-scale))}.hj-results{min-width:0}.hj-toolbar{height:60px;display:flex;align-items:center;gap:6px;padding-block:10px;margin-block-end:10px}.hj-region{height:40px;display:flex;align-items:center;gap:8px;padding-inline:12px 0;min-width:140px;max-width:140px;flex:0 0 140px;border:1px solid var(--hj-border);border-radius:15px;color:var(--hj-elementary)}.hj-region .hj-icon{width:18px;height:18px}.hj-region select{appearance:auto;min-width:0;flex:1;width:100%;height:38px;padding:0 4px 0 8px;background:transparent;color:var(--hj-elementary);border:0;font-size:calc(16px * var(--hj-text-scale));border-radius:15px}.hj-filter-chip{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--hj-border);border-radius:15px;color:var(--hj-elementary);font-size:calc(14px * var(--hj-text-scale));white-space:nowrap;flex-shrink:0}.hj-filter-chip:hover,.hj-filter-chip.is-active{background:var(--hj-surface);color:var(--hj-blue)}.hj-filter-chip .hj-icon{width:12px;height:12px}.hj-near{width:90px;margin-inline-start:-7px;border-start-start-radius:0;border-end-start-radius:0}.hj-toolbar:has(.hj-near) .hj-region{border-start-end-radius:0;border-end-end-radius:0}.hj-view-toggle{margin-inline-start:auto;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;color:var(--hj-elementary);background:var(--hj-surface);border-radius:15px}.hj-view-toggle>.hj-icon{width:16.8px;height:16.8px}.hj-filter-fields{min-width:300px;max-width:calc(100vw - 24px);padding:20px;display:grid;gap:16px}.hj-filter-fields label{display:grid;gap:6px;font-size:calc(14px * var(--hj-text-scale))}.hj-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:12px}.hj-context h1,.hj-search-heading{font-size:calc(20px * var(--hj-text-scale));color:var(--hj-elementary)}.hj-subcategories{display:flex;gap:8px;overflow:auto;padding-block:8px 16px;white-space:nowrap}.hj-search-heading{margin-block:12px 16px}
.hj-feed{min-width:0;display:flow-root}.hj-feed>.hj-listing:first-child{margin-block-start:4px}.hj-listing{position:relative;display:flex;gap:10px;width:100%;min-height:134px;margin-block-end:7px;padding:2px;padding-inline-start:10px;border-radius:12px;background:var(--hj-bg)}.hj-listing:nth-child(even){background:var(--hj-stripe)}[data-theme=dark] .hj-listing:nth-child(odd){background:var(--hj-card)}[data-theme=dark] .hj-listing:nth-child(even){background:var(--hj-bg)}.hj-listing:hover{box-shadow:inset 0 0 0 1px var(--hj-border)}.hj-listing-body{display:flex;flex-direction:column;justify-content:space-between;min-width:0;flex:1;padding-block:10px}.hj-listing-title{font-size:calc(18px * var(--hj-text-scale));font-weight:500;line-height:calc(28px * var(--hj-text-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hj-listing-title>a{color:var(--site-listing-title)}.hj-listing-title>a:visited{color:var(--site-hj-listing-title-colorvisited-15986d)}.hj-listing-title>a:hover{color:var(--site-listing-title-hover)}.hj-listing-bottom{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}.hj-listing-meta{display:flex;align-items:center;gap:28px;min-width:0;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}.hj-listing-meta>a,.hj-listing-meta>span{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--hj-text);white-space:nowrap}.hj-listing-meta .hj-icon{width:16px;height:16px;stroke-width:1.2}.hj-listing-meta .hj-meta-owner{gap:6px;max-width:160px;font-size:calc(14px * var(--hj-text-scale));line-height:calc(20px * var(--hj-text-scale))}.hj-meta-owner>.hj-owner-name,.hj-meta-location>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:150px}.hj-avatar-small{width:24px;height:24px;border-radius:50%;background:var(--site-hj-avatar-small-background-a9bdd5);color:var(--site-hj-avatar-small-color-ffffff);display:grid;place-items:center;flex:0 0 24px;font:700 13px/24px MarketplaceThmanyah,sky;text-align:center}.hj-avatar-small img{width:24px;height:24px;object-fit:cover;border-radius:50%}[data-theme=dark] .hj-avatar-small{background:var(--site-hj-avatar-small-background-a9bdd5)}.hj-price{white-space:nowrap;color:var(--site-hj-price-color-0061ad);background:var(--site-hj-price-background-ecf5fa);padding:3px 12px;border-radius:16px;font-size:calc(16px * var(--hj-text-scale));font-weight:700;line-height:calc(22px * var(--hj-text-scale))}[data-theme=dark] .hj-price{color:var(--hj-secondary);background:var(--hj-surface)}.hj-listing-image{position:relative;display:block;flex:0 0 130px;width:130px;height:130px;border-radius:10px;overflow:hidden}.hj-listing-image>img{width:130px;height:130px;object-fit:cover;display:block}.hj-image-count{position:absolute;inset-inline-end:5px;inset-block-end:5px;color:var(--site-hj-image-count-color-ffffff);background:var(--site-hj-image-count-background-000000-alpha-05333333333333333);border-radius:5px;padding:1px 4px;display:flex;gap:3px;align-items:center;font-size:calc(11px * var(--hj-text-scale))}.hj-image-count .hj-icon{width:12px;height:12px}.hj-favorite-form{position:absolute;inset-inline-start:8px;inset-block-start:48px;opacity:0;transition:opacity .15s}.hj-listing:hover .hj-favorite-form,.hj-favorite-form:focus-within{opacity:1}.hj-favorite{color:var(--hj-muted);height:28px;display:grid;place-items:center}.hj-favorite.is-active{color:var(--site-hj-favorite-coloractive-ef4444)}.hj-favorite.is-active .hj-icon{fill:currentColor}.hj-pagination{text-align:center;margin-block:24px}.hj-button.hj-load-more{min-width:180px;min-height:58px;background:var(--hj-card)}.hj-feed.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hj-feed.is-grid .hj-listing{flex-direction:column-reverse;justify-content:flex-end;padding:8px;gap:8px;border:1px solid var(--hj-border)}.hj-feed.is-grid .hj-listing-image{width:100%;height:180px;flex-basis:auto}.hj-feed.is-grid .hj-listing-image>img{width:100%;height:180px}.hj-feed.is-grid .hj-listing-body{gap:16px}.hj-feed.is-grid .hj-listing-meta{flex-wrap:wrap;gap:8px}.hj-feed.is-grid .hj-listing-bottom{flex-wrap:wrap}.hj-feed.is-grid .hj-listing-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Shared public page, form and state primitives. */
.hj-page{width:calc(100% - 32px);max-width:1248px;margin:24px auto 48px;min-height:42vh}.hj-page-title{font-size:calc(28px * var(--hj-text-scale));line-height:calc(36px * var(--hj-text-scale));color:var(--hj-green);margin-block-end:24px}.hj-panel{padding:24px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:16px;margin-block-end:24px;min-width:0}.hj-panel>h2{margin-block-end:16px;color:var(--hj-elementary)}.hj-form{display:grid;gap:20px;max-width:680px}.hj-field{display:grid;gap:8px;min-width:0}.hj-field>label,.hj-form>label{color:var(--hj-elementary)}.hj-form-grid,.hj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hj-stack{display:grid;gap:20px}.hj-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hj-actions>form{display:inline-flex}.hj-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid var(--hj-border);border-radius:10px;background:var(--hj-surface);color:var(--hj-elementary);font:500 16px/24px sky;text-align:center;cursor:pointer}.hj-button:hover{background:var(--hj-active);color:var(--hj-blue);border-color:var(--hj-secondary)}.hj-button-primary{background:var(--site-hj-button-primary-background-1073c0);border-color:var(--site-hj-button-primary-background-1073c0);color:var(--site-hj-button-primary-color-ffffff)}.hj-button-primary:hover{background:var(--site-hj-button-primary-backgroundhover-0061ad);color:var(--site-hj-button-primary-colorhover-ffffff)}.hj-button-green{background:var(--hj-green);border-color:var(--hj-green);color:var(--site-hj-button-green-color-ffffff)}.hj-button-green:hover{background:var(--site-hj-button-green-backgroundhover-15986d);color:var(--site-hj-button-green-colorhover-ffffff)}.hj-button-danger{color:var(--hj-danger);border-color:var(--hj-danger);background:transparent}.hj-button-small{padding:4px 10px;min-height:32px;font-size:calc(14px * var(--hj-text-scale))}.hj-button:disabled,button:disabled,[aria-disabled=true]{cursor:wait;opacity:.55}.hj-button.is-active{background:var(--hj-active);color:var(--hj-blue)}:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;min-width:0;border:1px solid var(--hj-border);background:var(--hj-card);color:var(--hj-input);border-radius:8px;padding:10px 12px;line-height:calc(24px * var(--hj-text-scale));min-height:44px}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:var(--hj-muted);opacity:1}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--hj-blue);vertical-align:middle;flex-shrink:0}input[type=file]{padding:8px;max-width:100%}input[type=file]::file-selector-button{font:inherit;background:var(--hj-surface);color:var(--hj-elementary);padding:7px 12px;border:1px solid var(--hj-border);border-radius:6px;margin-inline-end:12px}.hj-alert{padding:16px 20px;border-radius:10px;border:1px solid var(--hj-border);background:var(--hj-surface);color:var(--hj-elementary);margin-block:16px}.hj-alert-error,.hj-error{color:var(--hj-danger)}.hj-alert-error{background:var(--hj-error-bg);border-color:var(--hj-danger)}.hj-alert-success{background:var(--hj-success-bg);color:var(--hj-green)}.hj-error{font-size:calc(14px * var(--hj-text-scale))}.hj-field-error{color:var(--hj-danger);font-size:calc(14px * var(--hj-text-scale));line-height:calc(20px * var(--hj-text-scale))}.hj-muted{color:var(--hj-muted)}.hj-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:240px;padding:40px 20px;color:var(--hj-muted)}.hj-empty>.hj-icon{width:44px;height:44px;color:var(--hj-secondary)}.hj-empty h2{font-size:calc(20px * var(--hj-text-scale));color:var(--hj-elementary)}.hj-empty p{margin:0}.hj-tabs{display:flex;gap:20px;border-bottom:1px solid var(--hj-border);margin-block:20px;overflow:auto}.hj-tabs>a{padding:12px 4px;white-space:nowrap;border-bottom:3px solid transparent;color:var(--hj-elementary)}.hj-tabs>a.is-active,.hj-tabs>a[aria-current=page]{border-color:var(--hj-blue);color:var(--hj-blue)}.hj-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;background:var(--hj-active);color:var(--hj-blue);font-size:calc(13px * var(--hj-text-scale))}.hj-flash{padding-inline:16px}.hj-toast{position:fixed;z-index:500;inset-block-end:28px;inset-inline:16px;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);background:var(--hj-card);color:var(--hj-elementary);padding:14px 24px;border:1px solid var(--hj-border);border-radius:10px;box-shadow:var(--hj-shadow)}.hj-rich-content{overflow-wrap:anywhere}.hj-rich-content img{height:auto;max-width:100%}.hj-rich-content table{display:block;overflow-x:auto}.hj-rich-content h1,.hj-rich-content h2,.hj-rich-content h3{margin-block:20px 12px;color:var(--hj-elementary)}.hj-rich-content pre{white-space:pre-wrap}
.hj-footer{border-top:1px solid var(--hj-border);padding:24px 16px 20px;margin-block-start:0;background:var(--site-footer-background);font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}.hj-footer>.hj-shell{padding-inline:20px}[data-theme=dark] .hj-footer{background:var(--hj-bg)}.hj-apps{display:flex;align-items:center;justify-content:center;gap:12px;margin-block:8px 36px}.hj-apps img{width:135px;height:40px;object-fit:contain}.hj-property-notice{display:flex;align-items:center;justify-content:center;gap:20px;margin-block:16px 28px;text-align:center;font-size:calc(14px * var(--hj-text-scale))}.hj-property-notice img{max-width:160px;object-fit:contain}.hj-property-notice p{margin:0}.hj-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 40px;padding-block:16px 28px}.hj-footer-links>a{display:flex;align-items:center;gap:14px;min-width:0;color:var(--hj-blue);overflow-wrap:anywhere}.hj-footer-links .hj-icon{color:var(--hj-text);width:20px;height:20px;flex-shrink:0;stroke-width:1.4}.hj-footer-controls{flex-direction:row-reverse;border-top:1px solid var(--hj-border);display:flex;align-items:center;justify-content:space-between;padding-block:20px;gap:20px}.hj-font-controls{display:flex;gap:20px;direction:ltr}.hj-font-controls button{width:50px;height:40px;border:1px solid var(--site-hj-font-controls-border-7298c4);border-radius:10px;color:var(--site-hj-font-controls-color-7298c4)}.hj-social-links{display:flex;gap:24px;align-items:center;font-size:calc(24px * var(--hj-text-scale))}.hj-social-links>a{color:var(--hj-blue);width:40px;height:40px;display:grid;place-items:center;background:var(--hj-card);border-radius:7px}.hj-footer-identity{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));text-align:center}.hj-footer-identity p{margin-block:6px}
@media(max-width:1279px){.hj-market-grid{padding-inline:24px 10px}.hj-footer-links{gap:12px 24px}.hj-listing-meta{gap:14px}.hj-feed.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1279px){.hj-results{padding-inline-end:12px}}
@media(max-width:1023px){.hj-header-discovery{height:calc(12vh + 56px);padding-block-start:12vh}.hj-header-discovery .hj-header-inner{height:56px}.hj-header-inner{height:52px;padding-block:8px}.hj-listing-meta .hj-meta-owner{max-width:125px}.hj-listing-bottom{gap:8px}.hj-listing-meta{gap:12px}.hj-price{font-size:calc(14px * var(--hj-text-scale));padding-inline:8px}.hj-footer{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}}
@media(max-width:767px){.hj-header{height:96px;padding-block-start:40px}.hj-header-discovery{height:calc(12vh + 56px);padding-block-start:12vh}.hj-header-discovery .hj-header-inner{height:56px}.hj-header-inner{padding-inline:12px;gap:8px}.hj-header-actions{gap:4px}.hj-header-control{height:32px}.hj-language-name,.hj-language .hj-icon{display:none}.hj-language summary{padding-inline:7px;gap:4px}.hj-language-code:before,.hj-language-code:after{content:none}.hj-language-code{font-size:calc(11px * var(--hj-text-scale));font-weight:700}.hj-account-name{max-width:80px;font-size:calc(13px * var(--hj-text-scale))}.hj-header-actions .hj-icon-button{width:32px}.hj-header-control.hj-login{font-size:calc(16px * var(--hj-text-scale))}.hj-logo{flex-basis:112px}.hj-discovery-inner{padding-inline:12px}.hj-search>button{flex-basis:90px;width:90px;padding-inline:20px}.hj-search input[type=search]{font-size:calc(22.4px * var(--hj-text-scale));padding-inline-start:16px}.hj-categories{height:120px;margin-inline:4px 16px}.hj-market-grid{display:block;padding:4px 12px 24px}.hj-sidebar{display:none}.hj-toolbar{margin-block-end:10px}.hj-near{width:auto}.hj-filter-menu>summary{padding-inline:8px}.hj-filter-fields{inset-inline-end:-38px}.hj-region{max-width:145px;min-width:120px;flex:1}.hj-region select{font-size:calc(14px * var(--hj-text-scale))}.hj-filter-chip{padding-inline:10px}.hj-view-toggle{width:36px}.hj-listing-body{padding-block-start:10px}.hj-listing-bottom{display:flex;position:relative;flex:1;align-items:flex-end;padding-block-start:12px}.hj-listing-meta{flex-wrap:wrap;gap:10px 20px;justify-content:flex-start;align-items:flex-end;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));max-width:100%;width:100%}.hj-listing-meta>a,.hj-listing-meta>span{height:20px}.hj-listing-meta .hj-meta-owner{position:absolute;inset-block-start:14px;inset-inline-start:0;max-width:100%;width:100%;font-size:calc(16px * var(--hj-text-scale));line-height:24px}.hj-meta-owner>.hj-owner-name{max-width:calc(100% - 36px)}.hj-meta-location{max-width:115px}.hj-meta-time{max-width:120px}.hj-meta-time time{overflow:hidden;text-overflow:ellipsis}.hj-price{position:absolute;inset-inline-end:0;inset-block-start:45px;font-size:calc(16px * var(--hj-text-scale));padding:0;background:transparent}.hj-listing-image{flex-basis:130px}.hj-listing-title{font-size:calc(18px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}.hj-favorite-form{inset-block-start:auto;inset-block-end:36px;opacity:1}.hj-favorite{width:24px;height:24px}.hj-favorite .hj-icon{width:16px;height:16px}.hj-page{width:calc(100% - 24px);margin-block:20px 32px}.hj-panel{padding:18px;border-radius:12px}.hj-page-title{font-size:calc(24px * var(--hj-text-scale));line-height:calc(32px * var(--hj-text-scale))}.hj-grid,.hj-form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hj-filter-fields .hj-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hj-footer{padding-inline:12px}.hj-footer>.hj-shell{padding-inline:0}.hj-footer-links{grid-template-columns:minmax(0,1fr);gap:12px;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}.hj-footer-links>a{gap:12px;align-items:flex-start}.hj-footer-links .hj-icon{width:17px;height:17px;margin-block-start:2px}.hj-footer-controls{gap:12px}.hj-social-links{gap:16px;font-size:calc(20px * var(--hj-text-scale))}.hj-feed.is-grid .hj-listing-image,.hj-feed.is-grid .hj-listing-image img{height:160px}.hj-feed.is-grid .hj-listing-meta .hj-meta-owner{position:static}.hj-feed.is-grid .hj-price{position:static}.hj-feed.is-grid .hj-listing-bottom{padding-block-start:4px}.hj-feed.is-grid .hj-listing-meta{font-size:calc(12px * var(--hj-text-scale))}.hj-feed.is-grid .hj-listing-title{font-size:calc(16px * var(--hj-text-scale))}.hj-context{flex-wrap:wrap}.hj-context h1{font-size:calc(20px * var(--hj-text-scale))}}
@media(max-width:399px){.hj-toolbar{gap:4px}.hj-filter-chip{padding-inline:8px}.hj-region{min-width:105px;padding-inline-start:8px}.hj-region>.hj-icon{width:16px}.hj-near{width:90px;margin-inline-start:-5px}.hj-filter-menu>summary{padding-inline:6px}.hj-header-actions:has(.hj-account) .hj-language .hj-flag{display:none}.hj-account-name{max-width:60px}.hj-listing-meta{gap:8px}.hj-meta-location{max-width:92px}.hj-meta-time{max-width:92px}.hj-footer-controls{flex-wrap:wrap}.hj-social-links{gap:14px}}
/* Keyword results use the compact public search shell, not discovery spacing. */
.hj-search-discovery{padding-block:32px 20px}
.hj-search-results-grid{grid-template-columns:minmax(0,376fr) minmax(0,856fr);padding:4px 16px 32px}
.hj-header-category{height:calc(6vh + 56px);padding-block-start:6vh}
.hj-header-category .hj-header-inner{height:56px}
.hj-category-discovery:has(.hj-discovery-subcategories) .hj-categories{height:108px;padding-block-end:9px}
.hj-discovery-subcategories{padding-block:0 20px;gap:6px}
.hj-discovery-subcategories>a{display:flex;align-items:center;min-height:38px;padding:6px 12px;border:1px solid var(--hj-border);border-radius:12px;line-height:24px}
@media(max-width:767px){.hj-search-results-grid{display:block;padding:4px 12px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms;transition-duration:.01ms}}
/* Search-only controls preserve the discovery and category layouts. */
.hj-search-reserved{flex:0 0 160px;width:160px}
.hj-search-sidebar-controls{display:flex;gap:4px;padding-block-start:2px}
.hj-search-sidebar-controls>.hj-filter-chip,.hj-search-sidebar-controls>.hj-filter-menu{flex:1;min-width:0}
.hj-search-sidebar-controls .hj-filter-chip{width:100%;height:44px;border-radius:16px;font-size:calc(14px * var(--hj-text-scale))}
.hj-search-sidebar-controls .hj-filter-fields{inset-inline-start:0;inset-inline-end:auto;z-index:30}
.hj-search-sidebar-caption{border-block-start:1px solid var(--hj-border);margin-block-start:16px;padding-block-start:16px;color:var(--hj-muted);font-size:calc(12px * var(--hj-text-scale))}
@media(max-width:767px){
.hj-search-results-grid{position:relative}
.hj-search-results-grid>.hj-sidebar{display:block;position:absolute;inset-block-start:-84px;inset-inline-end:12px;width:160px;padding:0;z-index:20}
.hj-search-sidebar-controls{padding:0;justify-content:flex-end}
.hj-search-sidebar-controls>.hj-filter-chip,.hj-search-sidebar-caption{display:none}
.hj-search-sidebar-controls>.hj-filter-menu{flex:0 0 auto}
.hj-search-sidebar-controls .hj-filter-chip{height:40px;background:var(--hj-surface);border-color:transparent}
.hj-search-sidebar-controls .hj-filter-fields{inset-inline-start:auto;inset-inline-end:0;inset-block-start:64px;width:calc(100vw - 24px);max-height:calc(100dvh - 220px);overflow:auto}
.hj-search-results-grid .hj-toolbar{display:none}
.hj-search-results-grid:has(.hj-filter-menu[open]) .hj-toolbar{display:flex;position:absolute;inset-block-start:0;inset-inline:12px;z-index:31;background:var(--hj-bg);margin:0;padding:10px 8px}
.hj-search-results-grid:has(.hj-filter-menu[open]) .hj-filter-fields{padding-block-start:80px}
}

/* Current live header/footer review, 2026-09-27. The spacer scrolls away;
   only the constant 56px navigation bar sticks. No scroll class or animation. */
.hj-header-spacer{height:40px;background:linear-gradient(240deg,var(--site-hj-header-background-0061ad) -5%,var(--site-hj-header-background-1073c0) 65%)}
.hj-header-spacer.hj-header-discovery{height:12vh;padding:0}
.hj-header-spacer.hj-header-category{height:6vh;padding:0}
.hj-header{position:sticky;top:0;z-index:60;height:56px;padding:0;background:var(--site-hj-header-background-1073c0);border:0;box-shadow:none;transform:none;transition:none;animation:none}
.hj-header .hj-header-inner{height:56px;padding:10px 16px 6px}
.hj-logo,.hj-logo img{height:23.234375px}
.hj-header-control{border-radius:7px}
.hj-header .hj-login{height:34px}
.hj-login>i{font-size:16px;transform:scaleX(-1)}
.hj-header .hj-icon-button{width:36px;border-radius:7px;font-size:16px}
.hj-language summary,[dir=ltr] .hj-language summary{direction:ltr;flex-direction:row;gap:10px;padding:0 6px;height:34px;border-radius:7px}
.hj-language-label{display:flex;align-items:center;gap:4px;font-weight:600;line-height:16px}
.hj-language-code{color:var(--site-hj-language-color-ffffff-alpha-07019607843137254)}
.hj-language .hj-flag{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none}
.hj-language-arrows{display:grid;font-size:10px;line-height:10px;width:10px}
.hj-language .hj-dropdown-menu,[dir=ltr] .hj-header .hj-language .hj-dropdown-menu{min-width:134px;width:max-content;inset-inline:auto;right:0;top:100%;padding:4px;border-radius:12px;box-shadow:0 10px 15px -3px var(--site-hj-header-box-shadow-000000-alpha-010196078431372549),0 4px 6px -4px var(--site-hj-header-box-shadow-000000-alpha-010196078431372549)}
.hj-language .hj-dropdown-menu>a{display:flex;direction:ltr;align-items:center;gap:8px;padding:8px;border-radius:8px;font-size:14px;line-height:20px;color:var(--hj-muted)}
.hj-language .hj-dropdown-menu>a[aria-current]{background:var(--hj-surface);color:var(--hj-elementary)}
.hj-language-option-code{font-size:12px}.hj-language-option-code:before{content:'('}.hj-language-option-code:after{content:')'}
.hj-language .fa-check-circle{color:var(--hj-blue);margin-left:auto;font-size:14px}
.hj-language[open]>summary{box-shadow:none}
.hj-header-control:focus-visible{outline-color:var(--site-hj-header-outline-colorfocus-ffffff)}
.hj-footer{padding:16px 0 0}
.hj-footer>.hj-shell{padding-inline:20px}
.hj-apps{gap:0;margin:0;min-height:60px;flex-wrap:wrap}
.hj-apps a:has(img[alt="App Store"]){order:-1}
.hj-apps img[alt="App Store"]{width:125px;height:43px}
.hj-apps img[alt="Google Play"]{width:155px;height:60px;padding:10px}
.hj-property-notice{margin:8px 0 0;padding:8px 4px;gap:8px;border-radius:6px;background:var(--site-hj-property-notice-background-fdc93a);color:var(--site-hj-property-notice-color-000000)}
.hj-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px;padding-block:32px;border-block:1px solid var(--hj-border)}
.hj-footer-links>a{gap:4px;align-items:center;line-height:24px}
.hj-footer-links>a:hover{text-decoration:underline}
.hj-footer-links .hj-footer-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;color:var(--hj-text);font-size:16px}
.hj-footer-controls{border:0;padding:0;min-height:50px;gap:32px}
.hj-social-links{gap:8px;font-size:20px}
.hj-social-links>a{border-radius:7px}
.hj-footer-identity{padding:40px 8px;color:var(--hj-muted)}
.hj-footer-identity p{margin:0}
[data-theme=dark] .hj-footer-links>a{color:var(--hj-secondary)}
@media(min-width:768px) and (max-width:1023px){.hj-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .hj-header .hj-header-inner{padding-inline:12px}
 .hj-header .hj-icon-button{width:36px;height:32px}
 .hj-language summary,[dir=ltr] .hj-language summary{width:54px;height:32px;padding-inline:10px;gap:4px}
 .hj-language .hj-flag{width:14px;height:14px}
 .hj-language-name,.hj-language-arrows{display:none}
 .hj-language-code{font-size:11px;color:var(--site-hj-language-color-ffffff)}
 .hj-language .hj-dropdown-menu{min-width:120px}
 .hj-language .hj-dropdown-menu .hj-flag{width:20px;height:20px}
 .hj-language-option-name{display:none}.hj-language-option-code{font-size:14px}
 .hj-language-option-code:before,.hj-language-option-code:after{content:none}
 .hj-footer{padding-inline:0}.hj-footer>.hj-shell{padding-inline:20px}
 .hj-footer-links{grid-template-columns:minmax(0,1fr)}
 .hj-footer-controls{align-items:flex-start;flex-wrap:wrap;row-gap:20px}
 .hj-social-links{flex-wrap:wrap}
 .hj-header-actions:has(.hj-account) .hj-account-name{max-width:50px}
}
@media(max-width:399px){.hj-header-actions:has(.hj-account) .hj-language .hj-flag{display:block}.hj-header-actions:has(.hj-account){gap:2px}.hj-header-actions:has(.hj-account) .hj-account-name{display:none}}
.hj-header .hj-logo img{filter:none;mix-blend-mode:normal}
.hj-header-inner{position:relative}
.hj-search-anchor{flex:1;min-width:0;height:64px}
.hj-category-anchor{height:120px;min-width:0}
.hj-search.hj-progressive-search{position:fixed;z-index:50;left:var(--search-left);top:calc(var(--search-top) + 32px);transform:translateY(-50%);width:var(--search-width);height:64px;transition:left 210ms cubic-bezier(.16,1,.3,1),width 210ms cubic-bezier(.16,1,.3,1),height 200ms 70ms ease-out}
.hj-progressive-search input[type=search],.hj-progressive-search>button{transition:height 200ms 70ms ease-out,font-size 200ms ease-out,background-color 200ms ease-out,border-radius 200ms ease-out}
.hj-search.hj-progressive-search.is-docked{z-index:70;top:calc(var(--search-top) + 16px);height:32px;gap:0;transition:left 270ms cubic-bezier(.22,1.08,.32,1),width 240ms cubic-bezier(.22,1.08,.32,1)}
[dir=rtl] .hj-search.hj-progressive-search{left:auto;right:var(--search-right);transition:right 210ms cubic-bezier(.16,1,.3,1),width 210ms cubic-bezier(.16,1,.3,1),height 200ms 70ms ease-out}
[dir=rtl] .hj-search.hj-progressive-search.is-docked{transition:right 270ms cubic-bezier(.22,1.08,.32,1),width 240ms cubic-bezier(.22,1.08,.32,1)}
.hj-search.is-docked input[type=search]{height:32px;min-height:0;padding:0 5px;font-size:14px;line-height:24px;border:0;background:var(--site-hj-search-is-docked-background-0061ad);color:var(--site-hj-search-is-docked-color-ffffff);border-radius:0;border-start-start-radius:7px;border-end-start-radius:7px;transition:none}
.hj-search.is-docked>button{height:32px;width:32px;flex:0 0 32px;padding:6px;background:var(--site-hj-search-is-docked-background-0061ad);color:var(--site-hj-search-is-docked-color-85add6);border-radius:0;border-start-end-radius:7px;border-end-end-radius:7px;transition:none}
.hj-search.is-docked>button .hj-icon{height:16px;width:16px}
.hj-category-trigger{position:fixed;z-index:70;left:var(--category-trigger-left);top:var(--category-trigger-top);height:32px;display:flex;align-items:center;gap:8px;padding:0 6px;border:1px solid var(--site-hj-category-trigger-border-ffffff-alpha-02);border-radius:8px;background:var(--site-hj-category-trigger-background-ffffff-alpha-00784313725490196);color:var(--site-hj-category-trigger-color-ffffff-alpha-08);font-size:12.8px;font-weight:500;white-space:nowrap;animation:hj-category-join 300ms ease-out both}
.hj-category-trigger[hidden]{display:none}.hj-category-trigger:hover{background:var(--site-hj-category-trigger-backgroundhover-ffffff-alpha-014901960784313725)}.hj-category-trigger[aria-expanded=true]{border-color:var(--site-hj-category-trigger-border-coloractive-ffffff-alpha-04);background:var(--site-hj-category-trigger-backgroundactive-ffffff-alpha-02);color:var(--site-hj-category-trigger-coloractive-ffffff)}
.hj-category-trigger .hj-category-icon{width:32px;height:20px;padding:0 6px;border-radius:8px;background:var(--hj-card)}
.hj-category-trigger .hj-category-icon img,.hj-category-trigger .hj-category-icon>.hj-icon{width:20px;height:20px}.hj-category-trigger .hj-category-icon i{font-size:18px}
.hj-category-trigger-label{max-width:88px;overflow:hidden;text-overflow:ellipsis;transform:translateY(2px)}.hj-category-trigger>.fa-chevron-down{font-size:9.6px;color:var(--site-hj-category-trigger-color-ffffff-alpha-05019607843137255);transition:transform 300ms}.hj-category-trigger[aria-expanded=true]>.fa-chevron-down{transform:rotate(180deg)}
.hj-header-category-panel{position:fixed;z-index:65;top:var(--category-panel-top,56px);left:0;width:100%;border-bottom:1px solid var(--site-hj-header-category-panel-border-bottom-000000-alpha-0058823529411764705);background:linear-gradient(var(--site-hj-header-category-panel-background-ffffff-alpha-08196078431372549),var(--site-hj-header-category-panel-background-ffffff-alpha-07215686274509804));backdrop-filter:blur(40px) saturate(1.8);box-shadow:0 4px 16px var(--site-hj-header-category-panel-box-shadow-000000-alpha-00392156862745098)}
.hj-header-category-panel-inner{padding:32px 24px 40px}.hj-header-category-panel .hj-categories{height:80px;padding:0;margin:0;align-items:center;gap:4px}.hj-header-category-panel .hj-category{border-radius:8px;padding:8px;color:var(--site-hj-header-category-panel-color-3a5c83-alpha-08)}.hj-header-category-panel .hj-category.is-active{color:var(--hj-blue)}
[data-theme=dark] .hj-header-category-panel{background:linear-gradient(var(--site-hj-header-category-panel-background-ffffff-alpha-08196078431372549),var(--site-hj-header-category-panel-background-ffffff-alpha-07215686274509804));border-color:var(--site-hj-header-category-panel-border-color-ffffff-alpha-010196078431372549);box-shadow:0 8px 28px var(--site-hj-header-category-panel-box-shadow-000000-alpha-00392156862745098)}[data-theme=dark] .hj-header-category-panel .hj-category{color:var(--hj-secondary)}
@keyframes hj-category-join{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.hj-header-inner.has-mobile-discovery:before{content:'';position:fixed;top:56px;left:0;right:0;height:44px;background:var(--site-hj-header-background-1073c0);pointer-events:none}
@media(prefers-reduced-motion:reduce){.hj-search.hj-progressive-search,.hj-progressive-search input[type=search],.hj-progressive-search>button{transition:none!important}.hj-category-trigger{animation:none}}

.hj-language{height:34px}.hj-language summary{width:111.140625px}[dir=ltr] .hj-language summary{width:129.765625px}
.hj-language summary:hover{background:var(--site-hj-language-backgroundhover-0061ad)}
.hj-language summary:focus-visible{outline:1px auto;outline-offset:0}
@media(max-width:767px){.hj-language{height:32px}.hj-language summary,[dir=ltr] .hj-language summary{width:54px}}
@media(max-width:767px){.hj-language .hj-flag{width:20px;height:20px}.hj-language-code{font-weight:600;line-height:20px}[data-theme=dark] .hj-language-code{color:var(--hj-secondary)}}
.hj-footer-links .hj-footer-icon{align-items:flex-start;justify-content:flex-start;padding-top:1px;line-height:16px}
.hj-header-category-panel-inner:has(.hj-discovery-subcategories){padding-bottom:40px}.hj-header-category-panel .hj-discovery-subcategories{margin:8px 0 0;padding:0;gap:6px}.hj-header-category-panel .hj-categories{align-items:flex-start}.hj-category-trigger>.fa-chevron-down{width:8.4px;flex:0 0 8.4px}
.hj-category-trigger{gap:10px}.hj-category-trigger>.fa-chevron-down{width:11.1875px;flex-basis:11.1875px;font-size:12.8px}

/* Footer: live reference geometry, October 2026. Scoped to the footer only. */
.hj-footer{padding:16px 0 0;background:var(--site-footer-background);font-weight:500;line-height:calc(24px * var(--hj-text-scale))}
.hj-footer>.hj-shell{width:100%;max-width:var(--hj-shell);margin-inline:auto;padding-inline:20px}
.hj-footer .hj-apps{min-height:60px;margin:0;gap:0;justify-content:center}
.hj-footer .hj-property-notice{margin:10px 0 0;min-height:68px;padding:10px 4px;border-radius:10px;font-size:calc(16px * var(--hj-text-scale));line-height:24px}
.hj-footer .hj-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;padding:32px 0;border-block:1px solid var(--hj-border)}
.hj-footer .hj-footer-links>a{display:flex;align-items:center;gap:4px;min-width:0;font-size:calc(16px * var(--hj-text-scale));font-weight:500;line-height:calc(24px * var(--hj-text-scale));text-align:start}
.hj-footer .hj-footer-icon{flex:0 0 24px;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;color:var(--site-hj-footer-color-919191);font-size:16px;line-height:24px}
.hj-footer .hj-footer-controls{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;min-height:50px;gap:20px;padding:0;border:0}
.hj-footer .hj-social-links{gap:10px;flex-wrap:wrap;font-size:20px}
.hj-footer .hj-social-links>a{width:40px;height:40px;border-radius:7px}
.hj-footer .hj-font-controls{gap:20px;min-height:50px;align-items:center}
.hj-footer .hj-font-controls button{width:auto;min-width:49px;height:40px;padding:0 15px;border-radius:10px;font-size:16px;line-height:24px}
.hj-footer .hj-footer-identity{padding:10px;color:var(--hj-muted);text-align:center;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}
.hj-footer .hj-footer-identity-inner{max-width:1280px;margin-inline:auto;padding:32px 20px;overflow-wrap:anywhere}
.hj-footer .hj-footer-identity p{margin:0}
@media(min-width:768px) and (max-width:1023px){.hj-footer .hj-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .hj-footer .hj-footer-links{grid-template-columns:minmax(0,1fr)}
 .hj-footer .hj-footer-controls{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
 .hj-footer .hj-social-links{order:-1}
 .hj-footer .hj-social-links:empty{display:none}
 .hj-footer .hj-font-controls{direction:rtl}
 [dir=ltr] .hj-footer .hj-font-controls{direction:ltr}
 .hj-footer .hj-property-notice{min-height:52px;font-size:calc(12px * var(--hj-text-scale));line-height:16px}
}

.hj-footer{font-family:Tahoma,Arial,sans-serif;font-synthesis:weight;font-weight:600}
.hj-footer .hj-footer-links>a{font-weight:600}
.hj-footer .hj-font-controls button{direction:ltr}
.hj-footer .hj-font-controls [data-font-size="1"]{order:1}
@media(max-width:767px){.hj-footer .hj-font-controls{direction:ltr}}

/* Contextual listing navigation: keep the existing desktop/mobile layout. */
.hj-category-navigation a.is-active{color:var(--hj-blue);background:var(--hj-surface);border-color:var(--hj-secondary);font-weight:700}.hj-category-navigation a:focus-visible,.hj-category-navigation button:focus-visible{outline:2px solid var(--hj-blue);outline-offset:2px}

/* Public footer: measured from the current live footer, October 2026. */
@font-face{font-family:FooterThmanyah;src:url('../footer/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:FooterThmanyah;src:url('../footer/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.hj-footer{font-family:FooterThmanyah,system-ui,sans-serif;font-weight:500;color:var(--site-hj-footer-color-919191)}
.hj-footer .hj-footer-links>a{font-weight:500}
.hj-footer .hj-apps>a,.hj-footer .hj-apps>span{display:block;flex-shrink:0;order:0}
.hj-footer .hj-apps img{display:block;max-width:100%;object-fit:contain;padding:0}
.hj-footer .hj-apps img[alt="App Store"]{width:125px;height:43px}
.hj-footer .hj-apps img[alt="Google Play"]{width:155px;height:60px}
.hj-footer .hj-apps img[alt="Huawei AppGallery"]{width:140px;height:42px}
.hj-footer .hj-property-notice{gap:0;text-align:start;border-radius:10px;color:var(--site-hj-property-notice-color-000000)}
.hj-footer .hj-property-copy{margin-inline-end:10px;min-width:0}
.hj-footer .hj-property-copy strong{font-weight:700}
.hj-footer .hj-property-notice img{height:48px;width:auto;max-width:none;flex-shrink:0}
.hj-footer .hj-social-links>a,.hj-footer .hj-social-placeholder{width:40px;height:40px;border-radius:7px;display:grid;place-items:center;background:var(--hj-card);flex-shrink:0}
.hj-footer .hj-social-links img{display:block;width:20px;height:20px}
@media(max-width:639px){.hj-footer .hj-property-notice{font-size:calc(12px * var(--hj-text-scale));line-height:16px;min-height:52px}.hj-footer .hj-property-copy{margin-inline-end:5px}.hj-footer .hj-property-notice img{height:28px}}
@media(min-width:640px){.hj-footer .hj-property-notice{font-size:calc(16px * var(--hj-text-scale));line-height:24px;min-height:68px}}
[data-theme=dark] .hj-footer .hj-footer-icon,[data-theme=dark] .hj-footer .hj-footer-identity{color:var(--hj-text)}
/* Footer icons use the same 20px fixed-width glyph box as the live SVGs. */
.hj-footer .hj-footer-icon::before{display:block;flex:0 0 20px;width:20px;text-align:center}
.hj-footer .hj-footer-links>a:hover{color:var(--hj-blue)}
.hj-footer .hj-footer-links>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[dir=ltr] .hj-footer .hj-font-controls [data-font-size="1"]{order:-1}
/* Category tiles keep one grid geometry in every presentation mode. */
.hj-sidebar-section h2>a{display:flex;align-items:center;gap:8px;min-width:0}
.hj-sidebar-section h2 .hj-category-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:0 0 35px}
.hj-sidebar-section h2 img{width:35px;height:35px;object-fit:contain}
.hj-sidebar-section h2 i{font-size:26px}
.hj-brand-grid>a.hj-category-text-tile{height:78px;min-height:78px;padding:10px;text-align:center;color:var(--site-hj-brand-grid-color-a1a1a1);border-color:var(--site-hj-brand-grid-border-e5e7eb);font-size:calc(16px * var(--hj-text-scale));line-height:24px}
.hj-brand-grid>a.hj-category-text-tile>span{white-space:normal;overflow-wrap:normal;line-height:1.5}
.hj-brand-grid{align-items:stretch}
.hj-brand-grid>a .hj-category-icon{flex:0 0 60px;width:60px;height:60px;max-width:100%}
.hj-brand-grid .hj-category-icon img{width:60px;height:60px}
.hj-brand-grid .hj-category-icon i{font-size:44px;line-height:60px}
.hj-brand-grid .hj-category-icon>.hj-icon{width:60px;height:60px}
.hj-brand-grid>a:has(>span:not(.hj-sr-only):last-child) .hj-category-icon{height:40px;flex-basis:40px}
.hj-brand-grid>a:has(>span:not(.hj-sr-only):last-child) .hj-category-icon img{height:40px}

/* The menu controls color; category media remains the mask source. */
.hj-single-color-media{color:var(--hj-muted)}
.hj-single-color-media:has(img){position:relative;display:inline-flex}
.hj-single-color-media:has(img)::after{content:"";position:absolute;inset:0;background:currentColor;mask:var(--category-media) center/contain no-repeat;-webkit-mask:var(--category-media) center/contain no-repeat}
.hj-single-color-media img{visibility:hidden}

/* Sidebar tiles reveal the original category image beneath its single-color mask. */
.hj-category-navigation .hj-brand-grid>a:is(:hover,:focus-visible) .hj-single-color-media:has(img)::after{visibility:hidden}
.hj-category-navigation .hj-brand-grid>a:is(:hover,:focus-visible) .hj-single-color-media img{visibility:visible}
.hj-category-navigation .hj-brand-grid>a.hj-category-text-tile{transition:color 120ms ease}
.hj-category-navigation .hj-brand-grid>a.hj-category-text-tile:is(:hover,:focus-visible){color:var(--hj-blue)}
.hj-category-navigation .hj-brand-grid>a.hj-category-text-tile>span{overflow-wrap:anywhere}

/* Homepage main row: original local proportions and Sky labels (02.png).
   Keep shared category rules for the sticky panel, sidebar and internal pages. */
.hj-home-discovery .hj-categories{height:120px;margin-inline:0;padding:20px 0 21px;gap:4px}
.hj-home-discovery .hj-category{flex:0 0 100px;width:100px;height:79px;padding:10px;gap:0;border-radius:12px;font-family:sky,-apple-system,system-ui,'Segoe UI',sans-serif;font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale))}
.hj-home-discovery .hj-category-icon{width:44px;height:35px}
.hj-home-discovery .hj-category-icon img{width:35px;height:35px}
.hj-home-discovery .hj-category-icon i{font-size:calc(30px * var(--hj-text-scale))}
.hj-home-discovery .hj-category-icon>.hj-icon{width:34px;height:34px}
.hj-home-discovery .hj-category:hover,.hj-home-discovery .hj-category.is-active{background:var(--hj-active);color:var(--hj-blue)}
@media(max-width:767px){.hj-home-discovery .hj-categories{margin-inline:4px}}
/* Discovery popovers: geometry from supplied October 15 references (02–04). */
.hj-search-suggestions{position:absolute;inset-block-start:100%;inset-inline:0;padding:12px 16px;background:color-mix(in srgb,var(--hj-card) 96%,var(--site-hj-search-suggestions-background-e8f3fb));border-radius:0 0 16px 16px;box-shadow:0 8px 14px var(--site-hj-search-suggestions-box-shadow-182d51-alpha-012549019607843137);max-height:min(360px,60dvh);overflow:auto;border-top:1px solid var(--site-hj-search-suggestions-border-top-f5f8fa)}
.hj-search.is-search-open{gap:0;background:var(--hj-card);border-radius:10px 10px 0 0}
.hj-search.is-search-open input[type=search],.hj-search.is-search-open>button{border-end-start-radius:0;border-end-end-radius:0}
.hj-suggestion-heading{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--hj-text);margin-bottom:12px;line-height:20px}
.hj-suggestion-heading>span{font-size:14px}
.hj-search-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.hj-search-chips>button{height:31px;max-width:100%;padding:2px 10px;border:1px solid var(--hj-border);border-radius:18px;font-size:14px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hj-text);background:transparent}
.hj-search-chips>button:hover{background:var(--hj-active);color:var(--hj-blue)}
.hj-search.hj-progressive-search.is-docked.is-search-open{height:40px;top:calc(var(--search-top) + 16px);transform:none;transition:none;border-radius:7px 7px 0 0}
.hj-search.is-docked.is-search-open input[type=search]{height:40px;background:var(--hj-card);color:var(--hj-text);padding-inline:12px;font-size:18px;border-start-start-radius:7px}
.hj-search.is-docked.is-search-open>button{height:40px;flex-basis:32px;width:32px;background:var(--hj-card);color:var(--hj-blue);border-start-end-radius:7px}
.hj-search.is-docked .hj-search-suggestions{min-height:160px}
.hj-category-trigger .hj-category-icon{flex:0 0 32px;display:flex;align-items:center;justify-content:center;overflow:visible}
.hj-category-trigger .hj-category-icon>img{display:block;max-width:none;object-fit:contain;flex-shrink:0}
.hj-category-trigger .hj-category-icon>i{display:block;width:20px;text-align:center;line-height:20px}
.hj-region.is-enhanced{position:relative;display:block;padding:0;z-index:40}
.hj-region-trigger{display:flex;width:100%;height:38px;padding:0 12px;align-items:center;gap:8px;color:var(--hj-elementary);font-size:14px;border-radius:inherit}
.hj-region-trigger>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hj-region-trigger>.hj-icon:last-child{width:14px;height:14px}
.hj-region-trigger[aria-expanded=true]{background:var(--site-hj-region-backgroundactive-d0d8ea)}
.hj-region-trigger[aria-expanded=true]>.hj-icon:last-child{transform:rotate(180deg)}
.hj-region-panel{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;transform:translateX(var(--region-offset,0px));width:400px;max-width:calc(100vw - 16px);height:482px;max-height:var(--region-height,calc(100dvh - 100px));border:1px solid var(--hj-border);border-radius:18px;background:color-mix(in srgb,var(--hj-card) 96%,var(--site-hj-region-background-e2ebed));box-shadow:0 8px 20px var(--site-hj-region-box-shadow-182d51-alpha-010980392156862745);display:flex;flex-direction:column;color:var(--hj-input);overflow:hidden}
.hj-region-panel[hidden],.hj-region-trigger[hidden],.hj-region-row[hidden]{display:none}
.hj-region-search{position:relative;flex-shrink:0;padding:12px 16px}
.hj-region-search>.hj-icon{position:absolute;inset-inline-start:28px;top:25px;color:var(--site-hj-region-color-999999);width:18px;height:18px}
.hj-region-search>input{height:42px;width:100%;border:1px solid var(--site-hj-region-border-dce1e4);border-radius:16px;padding:0 36px 0 12px;background:transparent;color:var(--hj-input);font-size:14px}
[dir=ltr] .hj-region-search>input{padding:0 12px 0 36px}
.hj-region-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--site-hj-region-scrollbar-color-999999) transparent;scrollbar-width:thin;padding-inline:16px 0}
.hj-region-row{height:52px;display:flex;align-items:center;justify-content:space-between;padding-inline:0 16px;gap:16px;border-bottom:1px solid var(--site-hj-region-border-bottom-182d51-alpha-006274509803921569);cursor:pointer;font-size:16px}
.hj-region-row:hover{background:var(--hj-active)}
.hj-region-row>input{appearance:none;width:18px;height:18px;flex:0 0 18px;margin:0;border:2px solid var(--site-hj-region-border-c5c9cb);border-radius:5px;background:transparent;cursor:pointer}
.hj-region-row>input:checked{background:var(--hj-blue);border-color:var(--hj-blue);box-shadow:inset 0 0 0 3px var(--hj-card)}
.hj-region-footer{display:flex;gap:10px;padding:10px;border-top:1px solid var(--hj-border);flex-shrink:0;background:var(--hj-stripe)}
.hj-region-footer>button{flex:1;height:42px;border:1px solid var(--hj-border);border-radius:11px;color:var(--hj-blue);font-size:14px}
.hj-region-footer>[data-region-confirm]{background:var(--site-hj-region-background-1073c0);border-color:var(--site-hj-region-background-1073c0);color:var(--site-hj-region-color-ffffff);font-weight:700}
.hj-region-empty{padding:20px;text-align:center}
@media(max-width:767px){.hj-search.hj-progressive-search.is-docked.is-search-open{top:62px}.hj-search-suggestions{padding:12px;max-height:calc(100dvh - 140px)}.hj-search-chips{gap:6px}.hj-search-chips>button{font-size:13px}.hj-region-panel{height:482px}}
.hj-search input[type=search]:focus{outline:none}
.hj-search.hj-progressive-search.is-docked.is-search-open{top:10px}
.hj-region-row{color:var(--hj-input)}
@media(max-width:767px){.hj-search.hj-progressive-search.is-docked.is-search-open{top:62px}}

/* Each ancestry row retains its direct siblings and selected path. */
.hj-subcategories>a.is-active{color:var(--hj-primary,#1073c0);border-color:var(--hj-secondary);background:var(--hj-surface);box-shadow:inset 0 0 0 1px var(--hj-secondary)}

/* Vehicle filters share the configured Site Style palette in both themes. */
.hj-vehicle-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.hj-vehicle-dropdown{position:relative}.hj-vehicle-dropdown>summary{list-style:none;white-space:nowrap}.hj-vehicle-dropdown>summary::-webkit-details-marker{display:none}
.hj-vehicle-dropdown[open]>summary{background:var(--hj-active);color:var(--hj-blue)}
.hj-vehicle-popover{position:absolute;z-index:45;inset-block-start:calc(100% + 8px);inset-inline-start:0;width:240px;max-width:calc(100vw - 24px);border:1px solid var(--hj-border);border-radius:18px;background:var(--hj-card);box-shadow:var(--hj-shadow);color:var(--hj-text);overflow:hidden}
.hj-vehicle-year-list{height:240px;overflow-y:auto;overscroll-behavior:contain;padding:4px 12px;scrollbar-width:thin}
.hj-year-option{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;cursor:pointer}.hj-year-option input{accent-color:var(--hj-blue)}.hj-year-option:has(input:checked){background:var(--hj-active);color:var(--hj-blue);border-radius:9px}
.hj-vehicle-footer{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--hj-border);background:var(--hj-surface)}.hj-vehicle-footer>*{flex:1;min-width:0;text-align:center;min-height:38px;font-size:14px;padding:8px}
.hj-vehicle-mileage{width:300px;padding:14px 12px 0}.hj-mileage-value{display:block;text-align:center;color:var(--hj-muted)}.hj-mileage-value strong{display:block;font-size:20px}.hj-mileage-value input{display:block;width:100%;margin-block:18px 6px;accent-color:var(--hj-blue)}.hj-mileage-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--hj-muted)}
.hj-vehicle-presets{display:flex;gap:4px;margin-block:8px}.hj-vehicle-presets button{flex:1;border:1px solid var(--hj-border);border-radius:20px;font-size:12px;padding:4px;color:var(--hj-blue);background:var(--hj-card)}
.hj-vehicle-mileage .hj-vehicle-footer{margin-inline:-12px}.hj-vehicle-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hj-vehicle-choices label{position:relative;cursor:pointer}.hj-vehicle-choices input{position:absolute;opacity:0;width:1px;height:1px}.hj-vehicle-choices span{display:block;border:1px solid var(--hj-border);border-radius:12px;padding:10px 6px;text-align:center;color:var(--hj-blue);font-size:14px}.hj-vehicle-choices input:checked+span{background:var(--hj-active);border-color:var(--hj-blue)}.hj-vehicle-choices input:focus-visible+span{outline:2px solid var(--hj-blue)}
.hj-vehicle-fuel .hj-vehicle-choices{padding:12px}.hj-vehicle-more{width:320px}.hj-vehicle-more-scroll{max-height:min(490px,60vh);overflow-y:auto;overscroll-behavior:contain;padding:10px 14px;scrollbar-width:thin}
.hj-vehicle-more fieldset{border:0;border-bottom:1px solid var(--hj-border);border-radius:0;padding:10px 0;margin:0}.hj-vehicle-more legend{font-size:12px;color:var(--hj-muted);padding:0}.hj-vehicle-price{display:flex;gap:4px}.hj-vehicle-price label{width:50%;color:var(--hj-muted);font-size:12px}.hj-vehicle-price input{width:100%;border:1px solid var(--hj-border);background:var(--hj-card);color:var(--hj-input);padding:10px;border-radius:12px;min-width:0}
.hj-vehicle-segments{display:flex}.hj-vehicle-segments label{flex:1}.hj-vehicle-segments span{font-size:13px;padding:7px 3px}.hj-vehicle-banks{display:flex;flex-wrap:wrap}.hj-vehicle-banks span{font-size:12px;padding:6px 8px}.hj-vehicle-switch{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--hj-border);border-radius:12px;padding:10px}.hj-vehicle-switch input{accent-color:var(--hj-blue);width:30px;height:20px}
.hj-toolbar:has(.hj-vehicle-controls){flex-wrap:wrap;overflow:visible}.hj-vehicle-dropdown .hj-icon{width:16px;height:16px}.hj-vehicle-controls .hj-filter-chip{font-size:14px}

.hj-search-results-grid .hj-toolbar:has(.hj-vehicle-controls){display:flex;position:relative;inset:auto}

.hj-vehicle-more-scroll{max-height:min(490px,calc(100dvh - var(--vehicle-panel-top,180px) - 84px))}

.hj-toolbar:has(.hj-vehicle-controls){height:auto;min-height:60px}.hj-vehicle-more .hj-vehicle-footer,.hj-vehicle-mileage .hj-vehicle-footer{flex-direction:row-reverse}

/* Bound recursive rows within the existing sticky panel. */
.hj-header-category-panel{max-height:calc(100dvh - var(--category-panel-top,56px));overflow-y:auto;overscroll-behavior:contain}
.hj-header-category-panel-inner{min-width:0}
.hj-header-category-panel .hj-discovery-subcategories{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
.hj-discovery-subcategories>a{flex-shrink:0}

/* Responsive presentation of the same category-scoped GET forms. */
.hj-vehicle-sheet{padding:0;border:1px solid var(--hj-border);background:var(--hj-card);color:var(--hj-text);border-radius:18px 18px 0 0;width:calc(100% - 16px);max-width:520px;max-height:calc(100dvh - 72px);margin:auto auto 0;overflow:hidden;box-shadow:var(--hj-shadow)}
.hj-vehicle-sheet::backdrop{background:rgb(0 0 0 / .4)}
.hj-vehicle-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hj-border)}
.hj-vehicle-sheet-header button{min-width:44px;min-height:44px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-surface);color:var(--hj-text);font-size:24px}
.hj-vehicle-sheet .hj-vehicle-popover{position:static;transform:none!important;width:100%;max-width:none;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-height:calc(100dvh - 140px);margin:0}
.hj-vehicle-sheet .hj-vehicle-more-scroll,.hj-vehicle-sheet .hj-vehicle-year-list{min-height:0;max-height:none;overflow-y:auto;flex:1;overscroll-behavior:contain}
.hj-vehicle-sheet .hj-vehicle-year-list{height:min(420px,55dvh)}
.hj-vehicle-sheet .hj-vehicle-footer{flex-shrink:0;padding-bottom:max(10px,env(safe-area-inset-bottom));margin-top:auto}
.hj-vehicle-sheet .hj-vehicle-footer>*{min-height:44px;display:flex;align-items:center;justify-content:center}
.hj-vehicle-sheet .hj-year-option{height:48px}
.hj-vehicle-sheet .hj-vehicle-presets button{min-height:44px;font-size:14px}
.hj-vehicle-sheet .hj-vehicle-choices span{min-height:44px;display:flex;align-items:center;justify-content:center;white-space:normal;overflow-wrap:anywhere}
.hj-vehicle-sheet .hj-vehicle-segments,.hj-vehicle-sheet .hj-vehicle-banks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hj-vehicle-sheet input[type=number]{font-size:16px}
.hj-vehicle-sheet .hj-vehicle-mileage{overflow-y:auto}
@media(max-width:767px){
.hj-toolbar:has(.hj-vehicle-controls){min-width:0;max-width:100%}
.hj-vehicle-controls{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;padding-block:4px;scrollbar-width:thin}
.hj-vehicle-controls>*{flex:0 0 auto}
.hj-vehicle-controls .hj-filter-chip{min-height:44px;padding-inline:12px;font-size:14px}
}

@media(min-width:768px){.hj-vehicle-popover{display:flex;flex-direction:column;max-height:calc(100dvh - 84px)}.hj-vehicle-year-list,.hj-vehicle-more-scroll{min-height:0}.hj-vehicle-footer{flex-shrink:0}}

/* Category-page quick navigation; homepage navigation keeps its original markup. */
.hj-quick-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:14px 0;margin:0 0 16px;border:0;border-bottom:1px solid var(--hj-border);background:transparent;color:var(--hj-blue);font:inherit;font-size:calc(16px * var(--hj-text-scale));font-weight:700;text-align:start;cursor:pointer}
.hj-quick-nav-toggle>.hj-quick-nav-minus,.hj-quick-nav-toggle>.hj-quick-nav-plus{display:flex;flex:0 0 18px}
.hj-quick-nav-toggle .hj-icon{width:18px;height:18px;stroke-width:3}
.hj-quick-nav-toggle[aria-expanded="true"]>.hj-quick-nav-plus,.hj-quick-nav-toggle[aria-expanded="false"]>.hj-quick-nav-minus,.hj-quick-nav-content[hidden]{display:none}
.hj-quick-nav-toggle:focus-visible{outline:2px solid var(--hj-blue);outline-offset:2px}
@media(max-width:767px){.hj-category-results-grid>.hj-sidebar:has(.hj-quick-nav){display:block;margin-block-end:16px}}

/* Live Haraj SAR: original 12x12 artwork, 24px box, 2px gap, -1px offset.
   Keep the existing amount line box and pill dimensions. */
.hj-price-value{display:inline-flex;direction:ltr;unicode-bidi:isolate;align-items:center;white-space:nowrap;vertical-align:bottom;height:1.375em;line-height:inherit}
.hj-currency-mark{display:inline-block;flex:0 0 auto;width:calc(24px * var(--hj-text-scale, 1));height:calc(24px * var(--hj-text-scale, 1));margin-left:2px;transform:translateY(-1px);background-color:currentColor;-webkit-mask:url('../icons/saudi-riyal.svg') center/contain no-repeat;mask:url('../icons/saudi-riyal.svg') center/contain no-repeat}

/* Retain the measured original badge line boxes at each existing breakpoint. */
.hj-price .hj-price-value{height:calc(24px * var(--hj-text-scale))}
@media(min-width:768px) and (max-width:1023px){.hj-price .hj-price-value{height:calc(23px * var(--hj-text-scale))}}

@media(max-width:1023px){.hj-price .hj-currency-mark{width:calc(21.6px * var(--hj-text-scale));height:calc(21.6px * var(--hj-text-scale));margin-left:0}}
