/* Included products, palette cards and upgrades share the same type hierarchy. */
.room .card{gap:8px;font-family:Montserrat,Arial,sans-serif}
.room .card h3{margin:0;font:700 14px/1.4 Montserrat,Arial,sans-serif;color:#004b76}
.room .card p,.su-offer>span{margin:0;font:400 11px/1.55 Montserrat,Arial,sans-serif;color:#404041}
.room .card .status{font:600 10px/1.4 Montserrat,Arial,sans-serif;color:#004b76}
.room .card .card-family{color:#536b7a}
.card .tier-cl:before{color:#d72d32}
/* Upgrade discovery lives inside the same product grid. */
.card.su-tile{background:linear-gradient(145deg,#eaf3fa,#f7fafc);border-color:#b7d2e3;color:#194b65;scroll-margin-top:18px}
.card.su-tile img{border-radius:5px;background:#fff;flex-shrink:0}
.card.su-tile .su-photo-natural{object-fit:cover}
.room .card.su-tile[data-package-discovery="kitchen-sinks"]>img,
.room .card.su-tile[data-package-discovery="kitchen-appliances"]>img{background:transparent;object-fit:contain}
.room .card.su-tile[data-package-discovery="exterior-entry"]>img{object-fit:contain}
/* Uniform comparison thumbnails; the image viewer retains the uncropped originals. */
#section-bathrooms-screens .card>img{height:155px;object-fit:cover;object-position:center;border-radius:5px}
.su-tile-symbol{height:155px;display:grid;place-items:center;font:60px Georgia;color:#719eb9}
.su-offer{display:grid;gap:4px;margin-top:2px}
.su-stone-price>strong{font-size:17px;color:#004b76}
.su-package-button{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:5px;padding:9px 12px;border:1px solid #006ab6;border-radius:7px;background:#006ab6;color:white;font-size:11px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.su-package-button:hover{background:#004b76;border-color:#004b76}
.su-benchtop-grid>.card>img{object-fit:cover;border-radius:5px}
.su-palette-preview{height:155px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;overflow:hidden;border-radius:5px;background:white}
.card .su-palette-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.card.su-palette-card .su-options-button{margin-top:auto}
.card.su-palette-card{background:white}
.card .su-options-button{margin:2px 0 0;font-size:11px;min-height:40px;padding:8px 10px;background:#fff;border-color:#b1cbdc;font-weight:600}
.su-options-button[aria-expanded=true]{background:#006ab6;color:#fff}
.su-stone-price{display:grid;gap:3px;padding-top:4px}.su-stone-price small{color:#476879;font-size:10px}
.card .su-tile-note{font-size:9px;line-height:1.5;color:#577382}
.su-more{font-size:10px}.su-more>summary{cursor:pointer;color:#006ab6;font-weight:600;padding:5px 0;line-height:1.5}
.su-more[open]{border-radius:5px;background:white;padding:8px}.su-more .su-offer{margin-top:8px}.su-more .su-offer+.su-offer{border-top:1px solid #ccdeea;padding-top:8px}
.su-options{border:1px solid #c3d9e7;border-radius:9px;background:white;margin:16px 0;padding:16px;scroll-margin-top:12px}
.su-options-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.su-options-heading h4{font-size:16px;color:#004b76;margin:0}.su-options-heading button{font-size:11px;flex-shrink:0}
.su-options>p{font-size:11px;color:#557080;margin:7px 0 0}.su-options .grid{margin-bottom:0}
.su-sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
/* Keep the entry to both specification views compact. */
.intro{display:block;padding:22px 0 16px}.intro h1{font-size:32px;margin:0 0 6px}.intro>p{font-size:12px;margin:0;color:#5a7180}.intro .context{background:transparent;padding:0;margin:6px 0 0;font-size:12px}
.tools{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 0;gap:14px}
.room-toolbar{display:flex;justify-content:flex-end;margin:12px 0;gap:8px}.room-toolbar>div{display:flex;gap:8px}.room-toolbar button{padding:8px 12px;min-height:38px;font-size:11px}
.home-specification .tools{display:none}.home-specification main{padding:8px 18px 18px}.home-specification .room-toolbar{margin:0 0 10px}
.su-pricing-notes{border-top:1px solid #d2e0e8;padding:14px 0;margin:24px 0;font-size:11px;color:#536b7a}.su-pricing-notes summary{cursor:pointer;color:#006ab6;font-weight:600}.su-pricing-notes p{max-width:900px}
@media(max-width:650px){.tools{grid-template-columns:1fr 1fr;gap:10px}.intro{padding:18px 0 12px}.intro h1{font-size:27px}.home-specification main{padding:6px 10px 14px}.room .card h3{font-size:13px}.su-stone-price>strong{font-size:15px}.su-options{padding:12px}.su-options-heading{align-items:flex-start}.su-options-heading h4{font-size:14px}}
@media(max-width:520px){.su-palette-preview{height:130px}}
@media(max-width:360px){.tools{grid-template-columns:1fr}.card.su-tile .su-options-button{padding:7px 5px;font-size:10px}}
@media print{.su-tile,.su-options{break-inside:avoid}.su-options-button,.su-options-heading button{display:none}}

/* Square product photographs fill their frame without side bands or cropping the tap. */
.card.su-tile[data-upgrade-tile$="-tapware"]>img{height:auto;aspect-ratio:1;object-fit:contain}

.card .tier-both:before{background-image:linear-gradient(90deg,#d72d32 45%,#006ab6 45%)}

.room .su-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.su-stone-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap}.su-stone-heading .su-stone-price{padding:0;white-space:nowrap}
@media(max-width:650px){.room .su-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Benchtops retain compact images, with equal-width Wet areas cards. */
@media(min-width:651px){.su-benchtop-grid>.su-benchtop-card,.su-benchtop-grid>.su-tile{grid-column:span 2}}
/* Kitchen uses two standard columns for stone, one for the island and one left empty. */
@media(min-width:651px){
 .room .su-kitchen-island-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .room .su-kitchen-island-grid>.su-benchtop-card{grid-column:span 2}
 .room .su-kitchen-island-grid>.su-tile{grid-column:span 1}
}

/* Two compact half-width flooring cards, each with a shallow modal launcher. */
.room .su-flooring-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.su-flooring-choice{display:flex;flex-direction:column;gap:8px;min-width:0}
.su-flooring-choice>.card{flex:1;margin:0}
.su-flooring-card>img{object-fit:cover;border-radius:5px}
.su-selection-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid #b1cbdc;border-radius:7px;background:white;color:#006ab6;font:600 11px/1.4 Montserrat,Arial,sans-serif;text-align:left;cursor:pointer;touch-action:manipulation}
.su-selection-row:hover{background:#f3f8fb}.su-selection-row:focus-visible{outline:3px solid #ff9c59;outline-offset:2px}.su-selection-row>span:last-child{font-size:20px;line-height:1}

/* Structural and finishing cards keep photography compact and choices separate. */
.su-feature-choice{display:flex;flex-direction:column;gap:8px;min-width:0}
.su-feature-choice>.card{flex:1;margin:0}
.su-feature-card>img{object-fit:cover;object-position:center;border-radius:5px}
.su-graphic-card>img{object-fit:contain;background:#edf5fa}
.su-structural>.grid:first-child{margin-top:0}
.su-structural>.grid+.grid{margin-top:18px}
.su-structural>.fixture-title{margin-top:24px}
.room .su-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.su-construction-notes{margin-top:18px;border-top:1px solid #d2e0e8;padding-top:12px}
.su-construction-notes summary{cursor:pointer;color:#006ab6;font-size:11px;font-weight:600;min-height:32px}
.su-construction-notes li{font-size:11px;line-height:1.6;margin-bottom:6px}
.room .card .su-dimension-note{color:#536b7a;font-size:10px}
.room .card .su-ceiling-points{margin:0;padding-left:15px;font:400 11px/1.45 Montserrat,Arial,sans-serif;color:#404041}
.room .card .su-ceiling-points li{font:inherit}
.room .card .su-ceiling-points li+li{margin-top:3px}
.su-glass-title{margin:20px 0 0;font-size:14px;color:#004b76}
.su-glass-grid>.card>img{object-fit:cover;border-radius:5px}
#section-living-robes>[data-included-grid]>.card>img{height:155px;object-fit:cover;object-position:center 50%;border-radius:5px}
#section-living-robes .su-more{margin-top:0}
.su-blinds-grid>.card>img{object-fit:cover;object-position:center;border-radius:5px}
.su-blinds-grid>.card[data-item="blinds-aluminium-venetians"]>img{object-position:center top}
.card[data-feature="paving"]>img{object-position:center 65%}
.card[data-feature="external-ceiling-cl"]>img,.card[data-feature="external-ceiling-premium"]>img{object-position:center 20%}
@media(min-width:651px){
 .su-feature-grid>.su-span-two,.su-ceiling-grid>.su-span-two,.su-blinds-grid>.card,#section-living-robes>[data-included-grid]>.card[data-item="blinds-vinyl-sliding-robe-doors"]{grid-column:span 2}
}
@media(max-width:650px){
 .room .su-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .su-ceiling-grid>.su-span-two{grid-column:1/-1}
}
@media(max-width:520px){#section-living-robes>[data-included-grid]>.card>img,#section-bathrooms-screens .card>img{height:130px}}