.installation-prices { color: #102e40; }
.ip-hero { padding: 25px 0 42px; background: linear-gradient(90deg,#fffffff5 0%,#ffffffeb 28%,#ffffffc7 44%,#ffffff0d 100%), url('/assets/home/room.jpg') center 65% / cover; }
.ip-breadcrumbs { display: flex; gap: 12px; align-items: center; font-size: 13px; margin-bottom: 28px; }
.ip-breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.ip-hero-copy { max-width: 700px; }
.ip-hero h1 { font-size: clamp(32px,4.2vw,56px); line-height: 1.08; letter-spacing: -1.5px; margin: 0; max-width: 650px; }
.ip-region { margin: 14px 0 8px; color: #986219; font-size: clamp(20px,2.1vw,27px); font-weight: 700; }
.ip-subtitle { color: #173349; font-size: 16px; line-height: 1.65; max-width: 640px; margin: 0 0 24px; }
.ip-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.installation-prices .ip-buttons .button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 48px; padding: 13px 20px; font-size: 15px; border-radius: 5px; }
.installation-prices .ip-gold { background: #986219; border: 1px solid #986219; color: #fff; }
.installation-prices .ip-gold:hover { background: #7c4d12; }
.installation-prices .ip-download { background: #ffffffed; border: 1px solid #173349; color: #173349; }
.installation-prices .ip-download:hover { background: #f4f0e7; }
.installation-prices a:focus-visible { outline: 3px solid #bd914c; outline-offset: 3px; }
.ip-content { padding-top: 24px; padding-bottom: 48px; }
.ip-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ip-card { min-width: 0; background: #fff; border: 1px solid #dfe5e9; border-radius: 8px; padding: 22px; box-shadow: 0 3px 12px #102e4003; }
.ip-card h2, .ip-notes h2 { display: flex; align-items: center; gap: 15px; margin: 0 0 12px; font-size: 23px; line-height: 1.25; letter-spacing: -.4px; }
.ip-card h2 svg, .ip-notes h2 svg { width: 32px; height: 32px; flex: 0 0 32px; color: #986219; }
.ip-card table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ip-card th, .ip-card td { padding: 11px 0; border-top: 1px solid #e5e9ed; vertical-align: middle; line-height: 1.45; }
.ip-card th { font-weight: 400; text-align: left; }
.ip-card .ip-unit { width: 55px; padding-left: 8px; padding-right: 8px; font-size: 12px; text-align: center; color: #607284; }
.ip-card .ip-price { width: 105px; color: #986219; font-size: 16px; font-weight: 700; text-align: right; white-space: nowrap; }
.ip-rental { grid-column: 1/-1; border-color: #e4d8c3; background: linear-gradient(105deg,#fff 65%,#fbf7ef); }
.ip-rental-content { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.ip-tools { display: flex; justify-content: center; gap: 28px; }
.ip-tools figure { margin: 0; text-align: center; min-width: 0; flex: 1; max-width: 190px; }
.ip-tools img { width: 100%; height: 140px; object-fit: contain; mix-blend-mode: multiply; }
.ip-tools figcaption { font-size: 13px; font-weight: 600; }
.ip-notes { margin-top: 20px; padding: 24px; border-radius: 7px; background: #f6f0e5; }
.ip-notes-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 12px; }
.ip-notes-heading h2 { margin: 0; }
.ip-vat-badge { display: inline-block; padding: 5px 10px; border: 1px solid #d7bd8b; border-radius: 5px; background: #eee0c5; color: #66430f; font-size: 13px; font-weight: 700; }
.ip-notes ul { columns: 2; column-gap: 42px; margin: 0; padding-left: 19px; }
.ip-notes li { break-inside: avoid; padding: 4px 0; font-size: 14px; line-height: 1.6; }
.ip-notes li::marker { color: #986219; }
.ip-cta { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 32px; margin-top: 18px; padding: 30px; border-radius: 8px; background: linear-gradient(110deg,#102e40,#163b54); color: #fff; }
.ip-cta h2 { font-size: clamp(25px,2.5vw,34px); line-height: 1.2; margin: 0 0 12px; color: #fff; }
.ip-cta p { color: #eff4f7; margin: 0 0 22px; line-height: 1.6; }
.installation-prices .ip-call { border: 1px solid #e2e9ef; color: #fff; background: transparent; }
.installation-prices .ip-call:hover { background: #ffffff15; }
.ip-benefits { border-left: 1px solid #ffffff50; padding-left: 30px; }
.ip-benefits p { display: flex; align-items: center; gap: 14px; font-size: 15px; }
.ip-benefits p:last-child { margin: 0; }
.ip-benefits svg { flex: 0 0 26px; }
.ip-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(max-width:1000px) { .ip-card { padding: 18px; } .ip-card h2 { font-size: 20px; } .ip-card .ip-price { width: 90px; font-size: 14px; } .ip-cta { grid-template-columns: 1fr; } .ip-benefits { border: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 18px; } .ip-benefits p { margin: 0; } }
@media(max-width:800px) { .ip-grid { grid-template-columns: minmax(0,1fr); } .ip-hero { background-position: 65% center; } .ip-rental-content { gap: 20px; } }
@media(max-width:550px) { .ip-hero { padding: 18px 0 28px; background-image: linear-gradient(90deg,#fffffff0,#ffffffd6),url('/assets/home/room.jpg'); } .ip-breadcrumbs { margin-bottom: 22px; } .ip-hero h1 { letter-spacing: -.8px; } .ip-subtitle { font-size: 14px; } .ip-buttons { flex-direction: column; } .ip-card { padding: 16px 12px; } .ip-card h2 { font-size: 19px; gap: 10px; } .ip-card h2 svg { width: 27px; flex-basis: 27px; } .ip-card table { font-size: 13px; } .ip-card .ip-unit { width: 38px; padding: 7px 4px; font-size: 11px; } .ip-card .ip-price { width: 85px; font-size: 13px; } .ip-rental-content { grid-template-columns: 1fr; } .ip-tools { gap: 16px; } .ip-tools img { height: 115px; } .ip-notes { padding: 20px 16px; } .ip-notes ul { columns: 1; } .ip-notes h2 { font-size: 22px; } .ip-cta { padding: 24px 18px; } }