@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Light.ttf") format("truetype");
font-weight:300;font-style:normal;font-display:swap}
@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Medium.ttf") format("truetype");
font-weight:500;font-style:normal;font-display:swap}

.chb-design-shop,.chb-design-shop *,.chb-catalog-popup,.chb-catalog-popup *{box-sizing:border-box;border-radius:0!important}
.chb-design-shop{background:#eef0f1;color:#18202a;padding:92px 0 110px}
.chb-design-shop__shell{width:min(100%,1540px);margin:0 auto;padding:0 32px}

.chb-design-shop__hero{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(360px,.7fr);
gap:90px;
align-items:end;
padding-bottom:58px;
border-bottom:1px solid #ccd1d3;
}
.chb-design-shop__hero h1{
font-family:"Lemon Milk",Arial,sans-serif;
font-weight:500;
font-size:clamp(58px,6.2vw,104px);
line-height:.9;
letter-spacing:-.055em;
text-transform:uppercase;
margin:16px 0 0;
max-width:890px;
}
.chb-design-shop__hero-intro{padding-bottom:6px}
.chb-design-shop__hero-intro p{margin:0 0 24px;font-size:15px;line-height:1.75;color:#687075;max-width:520px}
.chb-design-shop__jump{
display:inline-flex;align-items:center;gap:14px;
font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:7px;letter-spacing:.08em;text-transform:uppercase;
color:#18202a!important;text-decoration:none!important;border-bottom:1px solid var(--gold);padding-bottom:7px
}

.chb-design-shop__toolbar{
display:grid;
grid-template-columns:minmax(280px,1fr) auto 190px;
gap:22px;
align-items:center;
padding:26px 0;
border-bottom:1px solid #ccd1d3;
position:sticky;
top:0;
z-index:20;
background:rgba(238,240,241,.96);
backdrop-filter:blur(10px);
}
.chb-design-shop__search{
display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d5d9db;height:50px;padding:0 14px
}
.chb-design-shop__search svg{width:18px;height:18px;color:#6b7378;flex:none}
.chb-design-shop__search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px;color:#18202a}
.chb-design-shop__filters{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.chb-design-shop__filters button{
height:40px;padding:0 13px;border:1px solid #d0d5d7;background:transparent;color:#596166;cursor:pointer;
font-family:"Lemon Milk",Arial,sans-serif;font-weight:300;font-size:6px;letter-spacing:.07em;text-transform:uppercase
}
.chb-design-shop__filters button:hover,.chb-design-shop__filters button.is-active{
background:#18202a!important;border-color:#18202a!important;color:#fff!important
}
.chb-design-shop__sort{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}
.chb-design-shop__sort>span{font-family:"Lemon Milk",Arial,sans-serif;font-size:6px;letter-spacing:.08em;text-transform:uppercase;color:#737a7e}
.chb-design-shop__sort select{height:40px;border:1px solid #d0d5d7;background:#fff;padding:0 30px 0 10px;font-size:12px;color:#18202a;outline:none}

.chb-design-shop__count{display:flex;justify-content:space-between;align-items:center;padding:26px 0 18px;font-family:"Lemon Milk",Arial,sans-serif;font-weight:300;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#6a7277}
.chb-design-shop__count b{font-weight:500;color:#18202a}

.chb-design-shop__grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.chb-design-product{
background:#fff;border:1px solid #dce0e2;min-width:0;display:flex;flex-direction:column;
transition:transform .2s ease,border-color .2s ease
}
.chb-design-product:hover{transform:translateY(-3px);border-color:#b9bec1}
.chb-design-product.is-hidden{display:none}

.chb-design-product__media{position:relative;aspect-ratio:1.22/1;overflow:hidden;background:#dce1e3}
.chb-design-product__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.chb-design-product:hover .chb-design-product__media img{transform:scale(1.025)}
.chb-design-product__badge{
position:absolute;left:14px;top:14px;background:var(--gold);color:#111;padding:7px 8px;
font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:5.5px;letter-spacing:.1em;text-transform:uppercase
}
.chb-design-product__quick{
position:absolute;right:14px;top:14px;min-height:34px;padding:0 10px;border:0;background:#fff;color:#18202a;cursor:pointer;
font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:5.5px;letter-spacing:.07em;text-transform:uppercase
}
.chb-design-product__quick:hover{background:#18202a!important;color:#fff!important}

.chb-design-product__body{display:flex;flex-direction:column;flex:1;padding:18px}
.chb-design-product__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.chb-design-product__head>div>span{font-family:"Lemon Milk",Arial,sans-serif;font-size:5.5px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.chb-design-product__head h2{
font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:19px;line-height:1.04;text-transform:uppercase;margin:6px 0 0
}
.chb-design-product__price{text-align:right;flex:none}
.chb-design-product__price small{display:block;font-size:9px;color:#798085}
.chb-design-product__price strong{font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:11px}
.chb-design-product__address{font-size:12px;line-height:1.45;color:#666e73;min-height:35px;margin:12px 0 16px}

.chb-design-product__available{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #e1e4e5}
.chb-design-product__available small{font-size:10px;color:#7b8286}
.chb-design-product__available strong{font-size:11px}

.chb-design-product__specs{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e1e4e5;border-bottom:1px solid #e1e4e5;margin-top:auto
}
.chb-design-product__specs span{padding:12px 7px;border-right:1px solid #e1e4e5}
.chb-design-product__specs span:last-child{border-right:0}
.chb-design-product__specs b{display:block;font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:11px}
.chb-design-product__specs small{display:block;margin-top:4px;font-size:8px;color:#7c8387}

.chb-design-product__footer{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:14px}
.chb-design-product__footer a,.chb-design-product__footer button{
min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;
border:1px solid #d2d6d8;background:#fff;color:#18202a!important;text-decoration:none!important;cursor:pointer;
font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:5.8px;letter-spacing:.06em;text-transform:uppercase
}
.chb-design-product__footer a:hover,.chb-design-product__footer button:hover{
background:#18202a!important;border-color:#18202a!important;color:#fff!important
}
.chb-design-product__footer .chb-design-product__enquire{
background:var(--gold)!important;border-color:var(--gold)!important;color:#111!important;justify-content:center
}
.chb-design-product__footer .chb-design-product__enquire:hover{
background:#18202a!important;border-color:#18202a!important;color:#fff!important
}

.chb-design-shop__no-results{display:none;text-align:center;padding:80px 20px}
.chb-design-shop__no-results.is-visible{display:block}
.chb-design-shop__no-results>span{font-family:"Lemon Milk",Arial,sans-serif;font-size:6px;letter-spacing:.16em;color:var(--gold)}
.chb-design-shop__no-results h2{font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:36px;text-transform:uppercase;margin:12px 0}
.chb-design-shop__no-results p{color:#71787c}
.chb-design-shop__no-results button{margin-top:14px;min-height:44px;padding:0 16px;border:0;background:#18202a;color:#fff;font-family:"Lemon Milk",Arial,sans-serif;font-size:6px;text-transform:uppercase;cursor:pointer}

.chb-catalog-popup{position:fixed;inset:0;z-index:1000000;display:none}
.chb-catalog-popup.is-open{display:block}
.chb-catalog-popup__backdrop{position:absolute;inset:0;background:rgba(12,14,16,.78);backdrop-filter:blur(8px)}
.chb-catalog-popup__panel{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,calc(100% - 40px));height:min(680px,calc(100% - 40px));
display:grid;grid-template-columns:1.15fr .85fr;background:#fff;overflow:hidden
}
.chb-catalog-popup__close{position:absolute;right:16px;top:16px;z-index:4;width:44px;height:44px;border:0;background:#18202a;color:#fff;font-size:24px;cursor:pointer}
.chb-catalog-popup__close:hover{background:var(--gold)!important;color:#111!important}
.chb-catalog-popup__image{min-width:0;background:#dfe3e5}
.chb-catalog-popup__image img{width:100%;height:100%;object-fit:cover}
.chb-catalog-popup__content{padding:70px 50px;overflow:auto}
.chb-catalog-popup__content h2{font-family:"Lemon Milk",Arial,sans-serif;font-weight:500;font-size:40px;line-height:1.02;text-transform:uppercase;margin:14px 0 16px}
.chb-catalog-popup__content>p{font-size:13px;color:#697075}
.chb-catalog-popup__stats{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border-top:1px solid #e0e3e4}
.chb-catalog-popup__stats div{padding:16px 0;border-bottom:1px solid #e0e3e4}
.chb-catalog-popup__stats small{display:block;font-size:9px;color:#777f83}
.chb-catalog-popup__stats strong{display:block;margin-top:4px;font-family:"Lemon Milk",Arial,sans-serif;font-size:15px}
.chb-catalog-popup__cta{margin-top:30px;min-height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--gold);color:#111!important;text-decoration:none!important;font-family:"Lemon Milk",Arial,sans-serif;font-size:7px;font-weight:500;text-transform:uppercase}
.chb-catalog-popup__cta:hover{background:#18202a!important;color:#fff!important}

@media(max-width:1150px){
.chb-design-shop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.chb-design-shop__toolbar{grid-template-columns:1fr 1fr}
.chb-design-shop__filters{justify-content:flex-start;grid-column:1/-1;grid-row:2}
.chb-design-shop__sort{justify-self:end}
}

@media(max-width:760px){
.chb-design-shop{padding:58px 0 72px}
.chb-design-shop__shell{padding:0 12px}
.chb-design-shop__hero{grid-template-columns:1fr;gap:22px;padding-bottom:34px}
.chb-design-shop__hero h1{font-size:48px;max-width:390px}
.chb-design-shop__hero-intro p{font-size:13px;margin-bottom:16px}
.chb-design-shop__toolbar{position:relative;grid-template-columns:1fr;gap:10px;padding:16px 0}
.chb-design-shop__sort{justify-self:stretch;grid-template-columns:45px 1fr}
.chb-design-shop__filters{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.chb-design-shop__filters button{width:100%;padding:0 6px}
.chb-design-shop__count{padding:18px 0 12px;font-size:6px}
.chb-design-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chb-design-product__media{aspect-ratio:1/1}
.chb-design-product__badge{left:7px;top:7px;font-size:4.3px;padding:5px}
.chb-design-product__quick{right:7px;top:7px;min-height:28px;padding:0 6px;font-size:4.2px}
.chb-design-product__body{padding:10px}
.chb-design-product__head{display:block}
.chb-design-product__head h2{font-size:13px}
.chb-design-product__price{text-align:left;margin-top:7px}
.chb-design-product__address{font-size:9px;min-height:42px;margin:8px 0 10px}
.chb-design-product__available{display:block;padding:7px 0}
.chb-design-product__available strong{display:block;margin-top:3px}
.chb-design-product__specs{grid-template-columns:repeat(2,1fr)}
.chb-design-product__specs span:nth-child(2){border-right:0}
.chb-design-product__specs span{padding:8px 5px}
.chb-design-product__specs b{font-size:9px}
.chb-design-product__specs small{font-size:6px}
.chb-design-product__footer{grid-template-columns:1fr;padding-top:8px}
.chb-design-product__footer a,.chb-design-product__footer button{min-height:36px;padding:0 8px;font-size:4.8px}
.chb-catalog-popup__panel{inset:12px;width:auto;height:auto;transform:none;left:12px;top:12px;right:12px;bottom:12px;grid-template-columns:1fr;grid-template-rows:38vh 1fr}
.chb-catalog-popup__content{padding:30px 18px}
.chb-catalog-popup__content h2{font-size:28px}
}

@media(max-width:390px){
.chb-design-shop__hero h1{font-size:43px}
}


/* =========================================================
   v1.7.5 — HOUSE DESIGNS PAGE HEADER CLEARANCE
   Adds intentional internal spacing below the global header.
   ========================================================= */

/* Desktop */
.chb-design-shop{
  padding-top:148px!important;
}

/* Mobile */
@media(max-width:760px){
  .chb-design-shop{
    padding-top:104px!important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .chb-design-shop{
    padding-top:96px!important;
  }
}


/* =========================================================
   v1.7.6 — TIGHTER MOBILE HOUSE DESIGN CARDS
   Keeps the 2-column mobile layout but removes wasted height.
   ========================================================= */

@media(max-width:760px){

  /* Keep the two-column layout, just compact the cards */
  .chb-design-shop .chb-design-grid{
    gap:8px!important;
  }

  .chb-design-shop .chb-design-card{
    min-height:0!important;
    height:auto!important;
  }

  /* Shorter image area */
  .chb-design-shop .chb-design-card__media{
    aspect-ratio:1.12 / 1!important;
    min-height:0!important;
    height:auto!important;
  }

  .chb-design-shop .chb-design-card__media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* Tighten labels over image */
  .chb-design-shop .chb-design-card__badge,
  .chb-design-shop .chb-design-card__quick{
    top:8px!important;
  }

  .chb-design-shop .chb-design-card__badge{
    left:8px!important;
    padding:7px 8px!important;
    font-size:5px!important;
  }

  .chb-design-shop .chb-design-card__quick{
    right:8px!important;
    padding:7px 8px!important;
    font-size:5px!important;
  }

  /* Main card content */
  .chb-design-shop .chb-design-card__body{
    padding:14px 10px 10px!important;
  }

  .chb-design-shop .chb-design-card__eyebrow{
    margin-bottom:7px!important;
    font-size:5px!important;
    line-height:1.2!important;
  }

  .chb-design-shop .chb-design-card__title{
    margin:0 0 7px!important;
    font-size:15px!important;
    line-height:1.02!important;
    min-height:0!important;
  }

  .chb-design-shop .chb-design-card__price-label{
    margin-bottom:2px!important;
    font-size:8px!important;
  }

  .chb-design-shop .chb-design-card__price{
    margin-bottom:4px!important;
    font-size:14px!important;
    line-height:1.1!important;
  }

  .chb-design-shop .chb-design-card__collection{
    margin:0!important;
    font-size:7px!important;
    line-height:1.2!important;
  }

  /* Specs block no longer wastes a huge chunk of vertical space */
  .chb-design-shop .chb-design-card__specs{
    grid-template-columns:1fr 1fr!important;
    margin-top:10px!important;
    border-top:1px solid #d9ddde!important;
  }

  .chb-design-shop .chb-design-card__spec{
    min-height:46px!important;
    padding:8px 6px!important;
  }

  .chb-design-shop .chb-design-card__spec small{
    margin-top:3px!important;
    font-size:5px!important;
  }

  .chb-design-shop .chb-design-card__spec strong{
    font-size:9px!important;
  }

  /* Compact actions */
  .chb-design-shop .chb-design-card__actions{
    display:grid!important;
    gap:6px!important;
    padding:8px 10px 10px!important;
  }

  .chb-design-shop .chb-design-card__actions a,
  .chb-design-shop .chb-design-card__actions button{
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    font-size:5px!important;
  }
}

/* Slightly tighter again on narrower phones */
@media(max-width:430px){
  .chb-design-shop .chb-design-card__body{
    padding:12px 9px 9px!important;
  }

  .chb-design-shop .chb-design-card__title{
    font-size:14px!important;
  }

  .chb-design-shop .chb-design-card__price{
    font-size:13px!important;
  }

  .chb-design-shop .chb-design-card__spec{
    min-height:42px!important;
    padding:7px 5px!important;
  }

  .chb-design-shop .chb-design-card__actions{
    padding:7px 9px 9px!important;
  }

  .chb-design-shop .chb-design-card__actions a,
  .chb-design-shop .chb-design-card__actions button{
    min-height:36px!important;
    height:36px!important;
  }
}


/* =========================================================
   v1.7.7 — MOBILE HOUSE DESIGNS CARDS MATCH HOMEPAGE STYLE
   Full-width horizontal cards like the homepage "More Home Designs".
   Desktop remains unchanged.
   ========================================================= */

@media(max-width:760px){

  .chb-design-shop__grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .chb-design-product{
    display:grid!important;
    grid-template-columns:46% 54%!important;
    min-height:190px!important;
    height:auto!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .chb-design-product:hover{
    transform:none!important;
  }

  /* IMAGE */
  .chb-design-product__media{
    height:100%!important;
    min-height:190px!important;
    aspect-ratio:auto!important;
  }

  .chb-design-product__media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .chb-design-product__badge{
    left:8px!important;
    top:8px!important;
    padding:6px 7px!important;
    font-size:4.7px!important;
  }

  .chb-design-product__quick{
    right:8px!important;
    top:8px!important;
    min-height:28px!important;
    padding:0 7px!important;
    font-size:4.7px!important;
  }

  /* BODY */
  .chb-design-product__body{
    min-width:0!important;
    padding:16px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .chb-design-product__head{
    display:block!important;
  }

  .chb-design-product__head>div>span{
    font-size:5.5px!important;
  }

  .chb-design-product__head h2{
    margin:7px 0 0!important;
    font-size:19px!important;
    line-height:1.03!important;
    min-height:0!important;
  }

  /* Hide duplicated catalog-only copy that makes the card too tall */
  .chb-design-product__address{
    display:none!important;
  }

  .chb-design-product__available{
    display:none!important;
  }

  .chb-design-product__price{
    text-align:left!important;
    margin-top:9px!important;
  }

  .chb-design-product__price small{
    font-size:7px!important;
  }

  .chb-design-product__price strong{
    display:block!important;
    margin-top:3px!important;
    font-size:11px!important;
  }

  /* SPECS — copy the compact homepage metadata line */
  .chb-design-product__specs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    margin-top:10px!important;
    padding:9px 0 10px!important;
    border-top:1px solid #dfe2e3!important;
    border-bottom:1px solid #dfe2e3!important;
  }

  .chb-design-product__specs span{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:3px!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
  }

  .chb-design-product__specs b{
    display:inline!important;
    font-size:8px!important;
  }

  .chb-design-product__specs small{
    display:inline!important;
    margin:0!important;
    font-size:7px!important;
  }

  /* FOOTER — homepage style: simple text link only */
  .chb-design-product__footer{
    display:block!important;
    margin-top:0!important;
    padding-top:10px!important;
  }

  .chb-design-product__footer a{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    justify-content:flex-start!important;
    gap:7px!important;
    font-size:5.5px!important;
  }

  .chb-design-product__footer a:hover{
    background:transparent!important;
    color:var(--gold)!important;
  }

  .chb-design-product__footer a:after{
    content:"→";
    color:var(--gold);
    font-size:9px;
  }

  /* Enquire button isn't part of the homepage support-card design */
  .chb-design-product__enquire{
    display:none!important;
  }
}

/* Narrower phones retain the same proportions as homepage */
@media(max-width:430px){
  .chb-design-product{
    grid-template-columns:46% 54%!important;
    min-height:184px!important;
  }

  .chb-design-product__media{
    min-height:184px!important;
  }

  .chb-design-product__body{
    padding:14px 12px!important;
  }

  .chb-design-product__head h2{
    font-size:18px!important;
  }
}


/* =========================================================
   v1.7.10 — HOUSE DESIGNS MOBILE TOOLBAR
   Sort moved above search and made full-width.
   ========================================================= */
@media(max-width:760px){

  .chb-design-shop__toolbar{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:16px 0!important;
  }

  /* 1. Sort first */
  .chb-design-shop__sort{
    order:1!important;
    width:100%!important;
    display:block!important;
    justify-self:stretch!important;
  }

  .chb-design-shop__sort>span{
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    font-family:"Lemon Milk",Arial,sans-serif!important;
    font-size:6px!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#737a7e!important;
  }

  .chb-design-shop__sort select{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:50px!important;
    padding:0 38px 0 14px!important;
    border:1px solid #d0d5d7!important;
    background-color:#fff!important;
    color:#18202a!important;
    font-size:12px!important;
    outline:none!important;
    box-sizing:border-box!important;
  }

  /* 2. Search second */
  .chb-design-shop__search{
    order:2!important;
    width:100%!important;
    height:50px!important;
    box-sizing:border-box!important;
  }

  /* 3. Filter buttons underneath */
  .chb-design-shop__filters{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .chb-design-shop__filters button{
    width:100%!important;
    min-width:0!important;
  }
}