/* HabboStats 1.6.5 — pixel-hotel presentation layer.
 * All application data, IDs, forms, endpoints and price logic remain owned by v1.6.3.
 */
:root{
 --blue:#096fe5;--blue-dark:#075bbc;--navy:#102b46;--ink:#142b43;
 --muted:#63788f;--border:#dce7f3;--page:#f3f8fc;--pale:#eaf5ff;
 --yellow:#ffdb54;--shadow:0 7px 26px #1d46600c;--radius:12px;
}
html{scroll-padding-top:95px}
body{color:var(--ink);background:linear-gradient(180deg,#72b8e9 0px,#d6f0ff 355px,#f3f8fc 356px,#f3f8fc 100%);min-width:300px;position:relative}
body:before{content:"";position:absolute;top:0;left:0;right:0;height:356px;z-index:0;pointer-events:none;background:url('/assets/hero-sky-left.png?v=1.6.5') left bottom/375px auto no-repeat,url('/assets/hero-sky-right.png?v=1.6.5') right bottom/371px auto no-repeat}
body>.site-head,body>.page,body>main,body>.footer,body>.guest-account-bar,body>.signed-in-bar,body>.account-check-error,body>.utility{position:relative;z-index:1}
.wrap,.page.wrap{width:min(1480px,calc(100% - 68px));max-width:1480px}
body .utility{height:0;overflow:hidden;border:0;padding:0}
.site-head{background:transparent!important;border:0!important;box-shadow:none!important;z-index:12!important}
.site-head>.wrap{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:17px;align-items:start;padding-top:17px;min-height:89px}
.site-head .head-main{display:contents}
.site-head .brand{grid-column:1;grid-row:1;align-self:start;position:relative;z-index:2;display:flex;padding:0;margin:-16px 0 0 0;min-height:92px}
.site-head .brand .h164-logo{display:block;object-fit:contain;width:235px;height:113px;image-rendering:pixelated;filter:drop-shadow(0 5px 0 #11344b22)}
.site-head .brand>.brand-symbol,.site-head .brand>.brand-text,.footer .brand>.brand-symbol,.footer .brand>.brand-text{display:none!important}
.site-head .main-nav{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:4px;background:#163a5bE8!important;border:1px solid #2a5577!important;border-radius:12px;padding:8px 12px!important;margin:2px 0 0;min-height:57px;box-shadow:0 8px 22px #14354e36!important;min-width:0}
.site-head .main-nav>a,.site-head .main-nav>details>summary{display:flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-weight:750;font-size:12px!important;padding:10px 11px!important;color:#f1f8ff!important;background:transparent!important;border-radius:8px;line-height:1.2;min-height:39px;text-transform:none;letter-spacing:0}
.site-head .main-nav>a svg{height:16px;width:16px;color:#b7d5e7}
.site-head .main-nav>a:hover,.site-head .main-nav>a.active,.site-head .main-nav>a[aria-current="page"],.site-head .main-nav>details>summary:hover{background:#24547d!important;color:#fff!important}
.site-head .main-nav .mobile-watch,.site-head .main-nav .nav-end{display:none!important}
.h164-nav-group{position:relative;flex-shrink:0}
.h164-nav-group>summary{list-style:none;cursor:pointer;user-select:none}
.h164-nav-group>summary::-webkit-details-marker{display:none}
.h164-nav-group[open]>summary{background:#24547d!important}
.h164-nav-menu{position:absolute;top:calc(100% + 9px);left:0;width:230px;background:white;border:1px solid #c7dbe9;border-radius:11px;padding:8px;box-shadow:0 16px 38px #153c5b35;z-index:32;display:grid;gap:3px}
.site-head .main-nav .h164-nav-menu a{display:block!important;padding:10px 12px!important;color:#25425e!important;background:transparent!important;border-radius:7px;white-space:normal;font-size:12px!important}
.site-head .main-nav .h164-nav-menu a:hover{background:#e5f3ff!important;color:#075fc6!important}
.site-head .head-links{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;gap:8px;margin-top:1px;min-width:0}
.site-head .welcome-owner{display:none}
.site-head .head-watch{padding:10px!important;border-radius:9px!important;background:#163d61!important;color:white!important;display:flex;align-items:center;justify-content:center;font-size:0!important;height:52px;width:47px;flex:0 0 47px}
.site-head .head-watch svg{width:21px;height:21px}
.site-head .head-watch .pill{position:absolute;transform:translate(15px,-19px);font-size:9px!important;min-width:15px;line-height:16px;height:16px;padding:0 4px;background:#ffcf53;color:#11344c}
.h164-top-search{display:grid;place-items:center;flex:0 0 48px;width:48px;height:52px;font-size:28px;font-weight:700;color:#fff!important;background:#0869b9;border-radius:10px;box-shadow:0 4px 14px #0e5d9b37}
.site-head .head-links>#accountLink,.site-head .head-links>.h164-signup{height:52px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:1 0 66px;white-space:nowrap;font-size:12px!important;font-weight:800!important;padding:0 13px!important;box-shadow:0 4px 13px #103c6b30}
.site-head .head-links>#accountLink{background:#13365c!important;color:white!important;border:1px solid #174e7b!important}
.site-head .head-links>.h164-signup{color:#fff;background:#086ee4;border:1px solid #2d83f4}
.site-head .head-links>.h164-signup[hidden]{display:none!important}
.site-head .mobile-menu{background:#17466b!important;color:#fff!important;border:1px solid #396c92!important}
.signed-in-bar,.guest-account-bar{background:#e7f4ffde!important;border:0!important;border-bottom:1px solid #bed8ef!important;backdrop-filter:blur(4px)}
.signed-in-inner,.guest-account-inner{max-width:1480px!important;width:min(1480px,calc(100% - 68px));padding:8px 0!important}
.guest-account-inner p{font-size:12px!important;margin:0!important}
.guest-account-actions{flex-direction:row!important;align-items:center!important}
.guest-account-actions .guest-create{border-radius:8px;background:#ffcc59;border-color:#edba49;color:#17334c}
.guest-account-actions .guest-login{color:#065cac}
/* Screenshot-like centre hero: side pixel illustration stays independent of all real content. */
body[data-page="market"] #browse{padding-top:0!important}
body[data-page="market"] #browse>.hero{display:block!important;position:relative;z-index:1;min-height:263px!important;height:263px;margin:0 0 15px!important;background:transparent!important;border:0!important;border-radius:0!important;text-align:center;overflow:visible}
body[data-page="market"] .hero-copy{position:relative;z-index:2;padding:3px 0 0!important;max-width:860px;margin:0 auto}
body[data-page="market"] .hero h1{color:#091c31!important;font-weight:900;font-size:clamp(30px,3.1vw,47px)!important;line-height:1.18!important;letter-spacing:-1.6px!important;margin:16px 0 2px!important;text-shadow:none!important}
body[data-page="market"] .hero .h164-subhead{font-size:16px!important;line-height:1.5;color:#223f58!important;max-width:none;margin:0 0 22px!important;font-weight:600}
.h164-hero-search{display:flex;align-items:center;gap:12px;max-width:750px;width:calc(100% - 32px);padding:7px 8px 7px 17px;margin:0 auto;background:#fff;border:1px solid #e0eaf2;border-radius:11px;box-shadow:0 5px 16px #1b537728;min-height:64px}
.h164-search-icon{font-size:32px;color:#688297;line-height:1;width:29px}
.h164-hero-search input{flex:1;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;color:#1b3956!important;font-size:15px!important;font-weight:550;padding:10px 3px;outline-offset:5px}
.h164-hero-search input::placeholder{color:#8a9bad}
.h164-hero-search button{background:#0477ec;color:white;font-size:14px;font-weight:800;padding:15px 31px;border-radius:8px;box-shadow:0 3px 0 #0456af}
.h164-hero-search button:hover{background:#0566cd}
.h164-popular{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:15px auto 0;font-size:12px;color:#425e74;font-weight:600}
.h164-popular span{margin-right:5px}
.h164-popular button{padding:5px 12px;border-radius:25px;font-size:11px;line-height:1.25;background:#deedf8b0;color:#456078;border:1px solid #cfe3f2}
.h164-popular button:hover{background:#cce6fb;color:#075fae}
body[data-page="market"] .hero .hero-art{display:none!important}
/* White metric tiles: existing real counters retain IDs, captions and their original sources. */
body[data-page="market"] .overview.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px;margin:0 0 23px!important}
body[data-page="market"] .overview.stats .overview-card{display:flex;align-items:center;gap:15px;position:relative;padding:18px 15px!important;border-radius:11px!important;background:#fffffff7!important;border:1px solid #dce7f2!important;min-height:81px;box-shadow:none;min-width:0}
body[data-page="market"] .overview.stats .overview-card .round-icon{background:transparent!important;border:0!important;width:56px!important;min-width:56px!important;height:50px!important;display:grid;place-items:center}
body[data-page="market"] .overview.stats .overview-card .round-icon svg{width:37px;height:37px;stroke-width:1.8;color:#eba12c;filter:drop-shadow(1px 2px 0 #bb8a3544)}
body[data-page="market"] .overview.stats .overview-card:nth-child(2) .round-icon svg{color:#df6688}
body[data-page="market"] .overview.stats .overview-card:nth-child(3) .round-icon svg{color:#1d91d7}
body[data-page="market"] .overview.stats .overview-card:nth-child(4) .round-icon svg{color:#2bb569}
body[data-page="market"] .overview.stats .overview-card:nth-child(5) .round-icon svg{color:#9c63d7}
body[data-page="market"] .overview.stats .overview-card>div{display:flex;flex-direction:column;min-width:0}
body[data-page="market"] .overview.stats .overview-card .label{order:2;font-size:11px!important;font-weight:600;color:#64798d!important;line-height:1.3}
body[data-page="market"] .overview.stats .overview-card strong{order:1;font-size:clamp(16px,1.5vw,25px)!important;line-height:1.25;color:#11243d!important;font-weight:900;overflow-wrap:anywhere}
body[data-page="market"] .overview.stats .overview-card small{display:none}
body[data-page="market"] .overview.stats .overview-card:last-child{grid-column:auto!important}
/* Hero latest furniture + genuine existing featured card (no fictitious top prices). */
.h164-latest-band{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:19px;align-items:start;margin:0 0 24px}
.h164-latest-band .latest-home-section{margin:0!important;padding:21px 18px 23px!important;background:#fff!important;border:1px solid #dce7f2!important;border-radius:12px!important;min-height:302px}
.h164-latest-band .latest-home-heading{margin:0 0 17px;gap:15px}
.h164-latest-band .latest-home-heading h2{font-size:25px!important;color:#10243a!important;letter-spacing:-.55px!important;margin:0 0 3px!important}
.h164-latest-band .latest-home-heading .eyebrow{display:none}
.h164-latest-band .latest-home-heading p{font-size:11px;color:#657c90}
.h164-latest-band .latest-home-heading .btn{color:#0473d3;background:#f9fcff;border:1px solid #dce8f3;border-radius:8px;white-space:nowrap;font-size:11px!important;font-weight:800;padding:11px 13px}
.h164-latest-band .latest-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.h164-latest-band .latest-tile{border:1px solid #dce7f2!important;border-radius:9px!important;padding:10px 9px!important;min-width:0;min-height:197px;background:#fcfdff;gap:4px}
.h164-latest-band .latest-icon{height:103px;background:transparent}
.h164-latest-band .latest-icon img{max-height:95px}
.h164-latest-band .latest-name{color:#1e334a;font-size:11px;font-weight:850;min-height:33px}
.h164-latest-band .latest-date{color:#7791a9;font-size:9px}
.h164-latest-band .latest-activity{font-size:9px}
.h164-latest-band .latest-value{color:#096fc9;font-size:10px}
.h164-latest-band>.featured-furni{margin:0;min-height:302px;border:1px solid #dce7f2;background:#fff;border-radius:12px;overflow:hidden}
.h164-latest-band>.featured-furni h3{margin:0;border-bottom:1px solid #e7eef7;font-size:19px;padding:20px 19px 15px;color:#162d43}
.h164-latest-band>.featured-furni [data-featured]{padding:8px 16px 13px}
.h164-latest-band>.featured-furni .featured-link{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 13px;align-items:center;padding:12px 4px}
.h164-latest-band>.featured-furni .featured-picture{grid-column:1;grid-row:1/span 4;margin:0;width:66px;height:86px;display:grid;place-items:center}
.h164-latest-band>.featured-furni .featured-picture img{max-height:75px;max-width:70px;object-fit:contain;image-rendering:pixelated}
.h164-latest-band>.featured-furni .featured-link strong,.h164-latest-band>.featured-furni .featured-link span:not(.featured-picture),.h164-latest-band>.featured-furni .featured-link small,.h164-latest-band>.featured-furni .featured-link b{grid-column:2;margin:0;min-width:0}
.h164-latest-band>.featured-furni .featured-link strong{font-size:14px;line-height:1.25}
.h164-latest-band>.featured-furni .featured-link span:not(.featured-picture){font-size:12px;color:#1376c4}
.h164-latest-band>.featured-furni .featured-link small{font-size:10px;color:#718398}
.h164-latest-band>.featured-furni .featured-link b{color:#096fe5;font-size:11px}
.h164-category-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}
.h164-category-card{display:grid;grid-template-columns:65px minmax(0,1fr);gap:16px;align-items:center;padding:22px;background:#fff;border:1px solid #dce7f2;border-radius:12px;min-height:156px;transition:transform .15s,box-shadow .15s}
.h164-category-card:hover{transform:translateY(-2px);box-shadow:0 9px 21px #24567815}
.h164-category-art{width:64px;height:76px;font-size:52px;display:grid;place-items:center;filter:drop-shadow(1px 3px 0 #1e527429)}
.h164-category-card h2{font-size:19px;color:#12273b;line-height:1.3;margin:0 0 6px}
.h164-category-card p{font-size:11px;color:#6a7f95;margin:0 0 7px;line-height:1.6}
.h164-category-card b{color:#066ccd;font-size:12px}
/* Consistent visual system on furniture detail, NFT, account, admin, stats and supporting pages. */
.page{padding-bottom:62px}
.panel,.side-box,.market-panel,.account-box,.admin-view,.statistics-section.panel,.stat-box,.library-banner,.how-hero,.method-card,.nft-value-panel,.nft-home-callout,.latest-home-section,.latest-page-intro,.notice,.discovery-panel{border-radius:12px!important}
.panel,.side-box,.market-panel,.account-box,.admin-view,.statistics-section.panel,.stat-box,.method-card,.nft-value-panel{border-color:#dbe7f3!important;background:#fff;box-shadow:0 5px 18px #21466c08}
.library-banner,.how-hero,.nft-banner,.page-heading,.latest-page-intro,.admin-intro{background:linear-gradient(120deg,#e4f4ffef,#f2fbffec)!important;border:1px solid #cfe8fa!important;border-radius:13px;padding:26px 30px!important;color:#102e4b!important}
.library-banner h1,.how-hero h1,.page-heading h1,.latest-page-intro h1,.admin-intro h1{color:#102c46!important;letter-spacing:-1.2px}
.library-banner p,.how-hero p,.page-heading p,.latest-page-intro p{color:#56738c!important}
.site-head+main.page,.site-head~main.page{padding-top:24px}
.market-panel .panel-heading,.panel-heading{border-bottom:1px solid #e3edf7}
.market-panel .tools,.tools,.selects{background:#fff}
.search input,select,input:not([type="checkbox"]):not([type="radio"]),textarea{border-color:#cbddea}
.btn.primary,.btn.primary:visited,.hero-button,.site-head .head-links .btn{background:#076fe6;color:#fff;border-color:#0761bf}
.btn:hover,.hero-button:hover{filter:brightness(.98)}
.tabs button.active,.segmented button.active,.market-chart-tabs button[aria-pressed="true"],.market-history-tabs button[aria-pressed="true"]{background:#0c6ecc!important;color:#fff!important;border-color:#0c6ecc!important}
.table-wrap{border-color:#dce7f2}.table-wrap th,.statistics-table th{background:#eaf5ff!important;color:#264a6b!important}
.table-wrap td,.statistics-table td{border-color:#e6edf6}
.item-card,.furni-report,.price-section{border-color:#dce7f2}
.admin-nav button.active,.admin-nav [aria-current="page"]{background:#ddebfd!important;color:#045fae!important;border-color:#bddbff!important}
.footer.h164-footer{background:#123451;color:#d6e8f6;border-top:4px solid #3f8cc4;padding-top:37px}
.footer.h164-footer h4,.footer.h164-footer .footer-brand-col,.footer.h164-footer .brand-text{color:#fff!important}
.footer.h164-footer a,.footer.h164-footer p,.footer.h164-footer .fansite{color:#c4d9e9}
.footer.h164-footer a:hover{color:#fff}
.footer.h164-footer .brand .h164-logo{width:172px;height:auto;object-fit:contain;display:block;image-rendering:pixelated}
.footer.h164-footer .footer-bottom{border-color:#2a526d}
.footer.h164-footer .owner-note{background:#1b4665;border-radius:10px}
/* Clear focus treatment stays prominent for keyboard use. */
.h164-hero-search button:focus-visible,.h164-popular button:focus-visible,.h164-nav-group summary:focus-visible,.h164-top-search:focus-visible{outline:3px solid #ffe15d;outline-offset:3px}
@media (max-width:1420px){
 .site-head>.wrap{grid-template-columns:215px minmax(0,1fr) 246px;gap:12px}
 .site-head .brand .h164-logo{width:205px}
 .site-head .main-nav>a,.site-head .main-nav>details>summary{font-size:11px!important;padding-inline:8px!important}
 .site-head .head-links{gap:5px}
 .site-head .head-links>#accountLink,.site-head .head-links>.h164-signup{padding:0 9px!important}
 .site-head .head-watch,.h164-top-search{width:42px;flex-basis:42px}
 .h164-latest-band .latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:1210px){
 .site-head>.wrap{grid-template-columns:220px minmax(0,1fr);align-items:center;min-height:89px}
 .site-head .brand{grid-column:1;grid-row:1}
 .site-head .head-links{grid-column:2;grid-row:1;justify-content:flex-end;margin-bottom:12px}
 .site-head .mobile-menu{display:grid!important;place-items:center;min-width:48px;height:52px}
 .site-head .main-nav{display:none!important;grid-row:2;grid-column:1/-1;margin:-4px 0 12px}
 .site-head .main-nav.open{display:flex!important;flex-wrap:wrap;align-items:center;padding:12px!important}
 .h164-nav-menu{left:0}
 .h164-latest-band .latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body[data-page="market"] .hero h1{font-size:39px!important}
}
@media (max-width:900px){
 body:before{background-size:280px auto,280px auto;opacity:.78}
 body[data-page="market"] .overview.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .h164-latest-band{grid-template-columns:minmax(0,1fr)}
 .h164-latest-band .latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .h164-latest-band>.featured-furni{min-height:0}
 .h164-category-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .wrap,.page.wrap,.signed-in-inner,.guest-account-inner{width:calc(100% - 30px)}
 .site-head>.wrap{grid-template-columns:135px minmax(0,1fr);gap:8px;min-height:82px;padding-top:12px}
 .site-head .brand{margin:-14px 0 0;min-height:73px}
 .site-head .brand .h164-logo{width:139px;height:78px}
 .site-head .head-links{gap:5px;min-width:0;margin-top:0}
 .site-head .head-watch,.h164-top-search{min-width:37px;width:37px;flex-basis:37px;height:41px}
 .site-head .head-watch svg{width:18px}
 .h164-top-search{font-size:22px}
 .site-head .head-links>#accountLink,.site-head .head-links>.h164-signup{height:41px;padding:0 8px!important;flex:0 1 auto;font-size:10px!important}
 .site-head .mobile-menu{min-width:42px;height:41px}
 .site-head .main-nav.open{flex-direction:column;align-items:stretch}
 .site-head .main-nav>a,.site-head .main-nav>details>summary{justify-content:flex-start!important}
 .h164-nav-menu{position:static;width:100%;box-shadow:none;margin-top:5px}
 body:before{background-size:205px auto,205px auto;height:360px;opacity:.45}
 body[data-page="market"] #browse>.hero{height:auto!important;min-height:252px!important;margin-bottom:15px!important}
 body[data-page="market"] .hero-copy{padding:15px 0 15px!important}
 body[data-page="market"] .hero h1{font-size:clamp(27px,7vw,37px)!important;line-height:1.2!important;letter-spacing:-1px!important;margin:6px 0 9px!important}
 body[data-page="market"] .hero .h164-subhead{font-size:12px!important;padding:0 12px;margin-bottom:16px!important}
 .h164-hero-search{width:100%;min-height:55px;padding:5px 5px 5px 12px;gap:7px}
 .h164-search-icon{font-size:23px;width:21px}
 .h164-hero-search input{font-size:12px!important;padding:8px 0}
 .h164-hero-search button{padding:12px 15px;font-size:12px}
 .h164-popular{font-size:10px;margin-top:11px;gap:5px}
 .h164-popular button{font-size:10px;padding:4px 8px}
 body[data-page="market"] .overview.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 body[data-page="market"] .overview.stats .overview-card{min-height:77px;padding:11px 8px!important;gap:6px}
 body[data-page="market"] .overview.stats .overview-card .round-icon{width:36px!important;min-width:36px!important}
 body[data-page="market"] .overview.stats .overview-card .round-icon svg{width:28px;height:28px}
 body[data-page="market"] .overview.stats .overview-card strong{font-size:18px!important}
 body[data-page="market"] .overview.stats .overview-card .label{font-size:10px!important}
 .h164-latest-band .latest-home-section{padding:17px 12px!important}
 .h164-latest-band .latest-home-heading h2{font-size:21px!important}
 .h164-latest-band .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .h164-category-row{grid-template-columns:1fr;gap:10px}
 .h164-category-card{min-height:120px;padding:15px}
 .library-banner,.how-hero,.page-heading,.latest-page-intro,.admin-intro{padding:19px!important}
 .footer.h164-footer{padding-top:28px}
}
@media(max-width:400px){
 .site-head>.wrap{grid-template-columns:115px minmax(0,1fr);gap:4px}
 .site-head .brand .h164-logo{width:117px;height:69px}
 .site-head .head-watch{display:none!important}
 .site-head .head-links>#accountLink{font-size:9px!important}
 .site-head .head-links>.h164-signup{font-size:9px!important}
 .h164-latest-band .latest-home-heading{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.h164-category-card{transition:none}}

/* Artwork and trademark clarity: original brand, decorative artwork only; original disclaimer remains on every template. */
.site-head .h164-top-search svg{display:block;width:22px;height:22px;flex:none}
@media(max-width:700px){.site-head .head-links>#accountLink{font-size:10px!important}}

@media(max-width:400px){.site-head .h164-top-search{display:none!important}}

/* Visual corrections, checked against the approved 1536px reference.
   Presentation only: counts, item data, prices and collection routines remain untouched. */
@media (min-width: 1251px) {
  .wrap,.page.wrap {width:calc(100% - 76px)!important;max-width:1840px!important}
  .signed-in-inner,.guest-account-inner {width:calc(100% - 76px)!important;max-width:1840px!important}
  .site-head>.wrap {grid-template-columns:270px minmax(0,1fr) 270px!important;gap:17px!important;min-height:113px!important;padding-top:18px!important}
  .site-head .main-nav {min-height:57px!important;max-width:100%;justify-content:space-between!important;padding:7px 9px!important}
  .site-head .main-nav>a,.site-head .main-nav>details>summary {padding:10px 9px!important;font-size:12px!important}
  .site-head .head-links {justify-content:space-between;gap:7px!important;margin-top:1px!important}
  .site-head .head-links>#accountLink,.site-head .head-links>.h164-signup {font-size:13px!important;padding:0 10px!important}
  body[data-page="market"] .hero h1 {font-size:clamp(39px,3.25vw,49px)!important;white-space:nowrap;letter-spacing:-1.7px!important}
}
@media (min-width: 1251px) and (max-width: 1510px) {
  .site-head>.wrap {grid-template-columns:245px minmax(0,1fr) 245px!important;gap:13px!important}
  .site-head .main-nav>a,.site-head .main-nav>details>summary {padding-inline:7px!important;font-size:11px!important}
  .site-head .head-links>#accountLink,.site-head .head-links>.h164-signup {font-size:11px!important;padding-inline:8px!important}
}
@media (max-width:1250px) and (min-width:701px) {
  .wrap,.page.wrap {width:calc(100% - 52px)!important;max-width:none!important}
}
/* Make the actual wordmark as large as the reference, not its old transparent canvas. */
.site-head .brand {margin:-13px 0 0!important;align-self:start!important;min-height:100px!important}
.site-head .brand .h164-logo {width:224px!important;height:120px!important;object-fit:contain!important;object-position:left top!important;filter:drop-shadow(0 3px 0 #11344b22)}
/* A minimal account indicator stays visible without shifting the entire top half downward. */
body>.signed-in-bar:not([hidden]) {position:absolute!important;top:0;left:0;right:0;width:100%;z-index:40!important;min-height:25px!important;background:#cce9fbea!important}
body>.signed-in-bar .signed-in-inner {padding:3px 0!important;min-height:25px!important;line-height:18px;font-size:11px}
body>.signed-in-bar .signed-in-actions {gap:14px!important}
body>.signed-in-bar .signed-in-actions a,body>.signed-in-bar .signed-in-actions button {font-size:10px!important;padding:2px 6px!important}
body:has(>.signed-in-bar:not([hidden])) .site-head>.wrap {padding-top:29px!important;min-height:116px!important}
/* The illustration is an overlay, not a content column. */
body {background:linear-gradient(to bottom,#83c6f0 0,#caebff 350px,#f3f8fc 350px,#f3f8fc 100%)!important}
body:before {height:351px!important;background-position:left bottom,right bottom!important;opacity:1!important}
@media (min-width:1251px) {
  body:before {background-size:395px auto,400px auto!important}
}
/* Compact and centred hero: headline, subtitle, search and suggestion row stay in sky. */
body[data-page="market"] #browse>.hero {height:236px!important;min-height:236px!important;max-height:none!important;margin:0 0 12px!important}
body[data-page="market"] .hero-copy {padding:0!important;max-width:1000px!important;margin:0 auto!important}
body[data-page="market"] .hero h1 {max-width:none!important;color:#0b2038!important;line-height:1.12!important;margin:1px 0 9px!important;font-weight:900!important;text-align:center!important}
body[data-page="market"] .hero .h164-subhead {margin:0 0 18px!important;text-align:center!important;font-size:16px!important;line-height:1.35!important}
body[data-page="market"] .h164-hero-search {height:65px!important;min-height:65px!important;width:min(744px,calc(100% - 24px))!important;max-width:none!important;margin:0 auto!important;box-shadow:0 7px 22px #1b53771c!important}
body[data-page="market"] .h164-popular {margin:14px auto 0!important;gap:7px!important;font-size:12px!important}
body[data-page="market"] .overview.stats {gap:15px!important;margin:4px 0 25px!important}
body[data-page="market"] .overview.stats .overview-card {min-height:82px!important;padding:16px 17px!important;border-radius:11px!important}
body[data-page="market"] .overview.stats .overview-card .round-icon {width:55px!important;min-width:55px!important}
body[data-page="market"] .overview.stats .overview-card strong {font-size:clamp(17px,1.6vw,25px)!important;white-space:nowrap}
body[data-page="market"] .overview.stats .overview-card .label {font-size:11px!important;text-transform:none!important;letter-spacing:0!important;white-space:normal}
/* Former latest-furniture space now provides useful catalogue entry points. */
.h164-latest-band {grid-template-columns:minmax(0,3fr) minmax(285px,1fr)!important;gap:19px!important;align-items:stretch!important;margin-bottom:26px!important}
.h164-discover-panel {background:#fff!important;border:1px solid #dce7f2!important;border-radius:12px!important;padding:22px 22px 24px!important;min-height:275px!important}
.h164-discover-heading {margin:0 0 17px}
.h164-discover-heading h2 {font-size:24px!important;line-height:1.25!important;color:#10243a!important;margin:0 0 5px!important;letter-spacing:-.5px!important}
.h164-discover-heading p {font-size:12px!important;color:#64798d!important;margin:0!important}
.h164-categories-in-panel {margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.h164-categories-in-panel .h164-category-card {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-height:185px!important;padding:15px!important;border-radius:10px!important;background:#fbfdff!important;box-shadow:none!important}
.h164-categories-in-panel .h164-category-art {width:auto!important;height:55px!important;align-self:center!important;font-size:45px!important}
.h164-categories-in-panel .h164-category-card>div {align-self:stretch}
.h164-categories-in-panel .h164-category-card h2 {font-size:15px!important;margin-bottom:6px!important}
.h164-categories-in-panel .h164-category-card p {font-size:11px!important;line-height:1.45!important}
.h164-categories-in-panel .h164-category-card b {font-size:11px!important}
.h164-latest-band>.featured-furni {min-height:275px!important}
.h164-latest-band>.featured-furni h3 {font-size:21px!important}
/* Slightly lighter secondary panels and enough contrast for dense marketplace data. */
.h164-latest-band>.featured-furni,.h164-discover-panel,.h164-categories-in-panel .h164-category-card{box-shadow:0 2px 8px #153a5507!important}
@media (max-width:1250px) {
  .site-head .brand .h164-logo {width:208px!important;height:111px!important}
  body[data-page="market"] .hero h1 {font-size:clamp(30px,4vw,43px)!important}
  body[data-page="market"] #browse>.hero {height:244px!important;min-height:244px!important}
  body[data-page="market"] .overview.stats {gap:12px!important}
  .h164-categories-in-panel .h164-category-card h2 {font-size:13px!important}
}
@media (max-width:900px) {
  body[data-page="market"] #browse>.hero {height:auto!important;min-height:248px!important;margin-bottom:12px!important}
  .h164-latest-band {grid-template-columns:1fr!important}
  .h164-discover-panel {min-height:0!important}
  .h164-categories-in-panel {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .h164-latest-band>.featured-furni {min-height:0!important}
}
@media (max-width:700px) {
  .site-head .brand {min-height:72px!important;margin:-6px 0 0!important}
  .site-head .brand .h164-logo {width:135px!important;height:78px!important}
  body>.signed-in-bar:not([hidden]) {position:relative!important;min-height:0!important}
  body>.signed-in-bar .signed-in-inner {width:calc(100% - 30px)!important;flex-wrap:wrap!important}
  body:has(>.signed-in-bar:not([hidden])) .site-head>.wrap {padding-top:10px!important;min-height:80px!important}
  body[data-page="market"] .hero-copy {padding:10px 0 0!important}
  body[data-page="market"] .hero h1 {white-space:normal!important;font-size:clamp(28px,7vw,36px)!important;margin:2px 0 9px!important;letter-spacing:-1px!important}
  body[data-page="market"] .hero .h164-subhead {font-size:12px!important;max-width:410px;margin:0 auto 15px!important}
  body[data-page="market"] #browse>.hero {min-height:260px!important;height:auto!important}
  body[data-page="market"] .h164-hero-search {min-height:54px!important;height:54px!important;width:100%!important}
  body[data-page="market"] .overview.stats {margin:10px 0 18px!important;gap:9px!important}
  body[data-page="market"] .overview.stats .overview-card {min-height:74px!important;padding:10px!important;gap:7px!important}
  body[data-page="market"] .overview.stats .overview-card .round-icon {width:34px!important;min-width:34px!important}
  body[data-page="market"] .overview.stats .overview-card strong {font-size:17px!important}
  .h164-discover-panel {padding:16px!important}
  .h164-discover-heading h2 {font-size:22px!important}
  .h164-categories-in-panel {grid-template-columns:1fr!important}
  .h164-categories-in-panel .h164-category-card {display:grid!important;grid-template-columns:57px 1fr!important;min-height:100px!important;align-items:center!important;gap:13px!important}
  .h164-categories-in-panel .h164-category-art {height:auto!important;font-size:39px!important;justify-self:center!important}
  .h164-latest-band {gap:13px!important}
}
/* Final spacing adjustments: anchor the hero inside the artwork as in the reference. */
@media (min-width:701px) {
  body {background:linear-gradient(to bottom,#83c6f0 0,#caebff 360px,#f3f8fc 360px,#f3f8fc 100%)!important}
  body:before {height:360px!important}
  body[data-page="market"] .hero-copy {transform:translateY(-9px)}
}
@media (max-width:700px) {
  /* Keep the decorative city faint enough that search chips remain readable on phones. */
  body:before {opacity:.12!important}
  .h164-popular {position:relative;z-index:2}
}
@media (max-width:400px) {
  .site-head>.wrap {grid-template-columns:102px minmax(0,1fr)!important}
  .site-head .brand .h164-logo {width:100px!important;height:67px!important}
  .site-head .head-links {gap:4px!important}
  .site-head .head-links>#accountLink {font-size:10px!important;min-width:0!important;padding:0 6px!important}
  .site-head .head-links>.h164-signup {font-size:10px!important;padding:0 6px!important}
  body[data-page="market"] #browse>.hero {height:auto!important;min-height:268px!important}
}