[data-gallery] span{font-size:1rem;margin-left:5px}.colour-feature{display:flex;align-items:center;gap:26px;background:white;border:1px solid var(--line);padding:22px;border-radius:14px;margin-bottom:24px}.colour-feature-swatch{height:124px;width:124px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0001,0 7px 20px #13243c12;transition:background .25s}.colour-feature .eyebrow{margin-bottom:8px;font-size:.69rem}.colour-feature h2{font-size:1.55rem;margin-bottom:9px}.colour-feature p:last-child{font-size:.875rem;color:var(--muted);margin:0}.colour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px}.colour-card{padding:7px 7px 12px;background:transparent;border:2px solid transparent;border-radius:10px;text-align:center}.colour-card:hover{background:white}.colour-card.selected{background:#fff;border-color:var(--blue)}.colour-swatch{display:grid;place-items:center;aspect-ratio:1;max-width:95px;margin:0 auto 10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.colour-swatch>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:var(--ink);visibility:hidden}.selected .colour-swatch>span{visibility:visible}.colour-card strong{font-weight:500;font-size:.875rem;display:block;line-height:1.4}.colour-disclaimer{font-size:.81rem;line-height:1.6;color:var(--muted);margin:24px 0}.accessory-group{margin:32px 0}.accessory-group:first-child{margin-top:0}.accessory-group>h2{font-size:1.2rem;margin-bottom:17px}.accessory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.accessory-card{background:white;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column}.accessory-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.accessory-picture{width:100%;height:175px;position:relative;background:white;border-bottom:1px solid #edf0f4;display:grid;place-items:center}.accessory-picture img{height:150px;width:100%;padding:13px 25px;object-fit:contain}.accessory-check{position:absolute;top:14px;right:14px;border:1px solid #a8b5c6;border-radius:6px;width:25px;height:25px;color:transparent;background:white;display:grid;place-items:center}.selected .accessory-check{background:var(--blue);border-color:var(--blue);color:white}.accessory-info{padding:18px 20px 21px}.accessory-info .model{color:var(--blue-dark);font-size:.75rem;margin-bottom:8px}.accessory-info>p:last-child{font-size:.875rem;line-height:1.55;color:var(--muted);margin:0}.accessory-icon{height:100%;width:100%;background:linear-gradient(120deg,#eaf1ff,#f7faff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#275797}.accessory-icon svg{width:58px;height:58px}.accessory-icon span{font-size:.625rem;letter-spacing:2px;font-weight:700}.remote-details{background:#eaf1ff;border-radius:10px;padding:20px;margin:22px 0}.remote-details label{display:block;font-size:.94rem;font-weight:600;margin-bottom:12px}.remote-details select{min-height:44px;border:1px solid var(--line);border-radius:5px;padding:8px 13px;background:white}.remote-details p{font-size:.81rem;margin:12px 0 0;color:var(--muted)}.accessory-options .advice{margin-top:13px}.review-card{border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}.review-photo{width:100%;max-height:360px;object-fit:contain;background:#e6ebf2;display:block}.photo-note{font-size:.75rem;color:var(--muted);padding:9px 20px;background:#f9fafc;margin:0}.review-row{padding:22px 24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);align-items:start}.review-row>div>span{display:block;color:var(--muted);font-size:.81rem;margin-bottom:7px}.review-row strong{font-weight:500;display:block;line-height:1.7;font-size:1rem}.review-row strong .mini-swatch{vertical-align:middle;margin-right:10px}.review-row small{display:block;color:var(--muted);margin-top:7px;font-size:.81rem}.review-row .text-button{padding-top:0}.notes-field{margin:28px 0}.notes-field label{display:block;font-weight:600;font-size:.94rem;margin-bottom:12px}.notes-field label span{font-weight:400;color:var(--muted);margin-left:8px;font-size:.81rem}.notes-field textarea{display:block;width:100%;resize:vertical;background:white;border:1px solid #bfccda;border-radius:8px;padding:16px;line-height:1.5;color:var(--ink);font-size:1rem}.notes-field textarea::placeholder{color:#6f7c8d}.review-notice{border-left:3px solid var(--blue);padding:5px 0 5px 17px}.review-notice strong{font-size:.94rem}.review-notice p{font-size:.875rem;color:var(--muted);margin:7px 0 0;line-height:1.6}.preview-note{color:var(--muted);font-size:.81rem;margin:20px 0 0}.large-example{background:#f0f3f7;border-radius:8px;overflow:hidden}.large-example img{display:block;width:100%;height:40vh;object-fit:contain}.gallery-meta{display:flex;justify-content:space-between;gap:14px;font-size:.75rem;color:var(--muted);margin:12px 0}.gallery-thumbs{display:flex;gap:9px;overflow:auto;padding:4px 3px 8px}.gallery-thumbs button{padding:3px;flex:none;background:#fff;border:2px solid transparent;border-radius:6px}.gallery-thumbs button[aria-pressed=true]{border-color:var(--blue)}.gallery-thumbs img{width:78px;height:58px;object-fit:cover;border-radius:3px;display:block}.gallery-actions{border-top:1px solid var(--line);margin-top:15px;padding-top:19px;display:flex;align-items:center;gap:22px;justify-content:space-between}.gallery-actions p{margin:0;font-size:.875rem;color:var(--muted);max-width:380px}.gallery-actions .button{flex:none}@media(max-width:760px){.colour-feature{gap:18px;padding:18px}.colour-feature-swatch{height:88px;width:88px}.colour-feature h2{font-size:1.25rem}.colour-feature .eyebrow{font-size:.625rem}.colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px}.colour-card{padding:5px 4px 10px}.colour-card strong{font-size:.81rem}.colour-swatch{max-width:80px}.accessory-grid{gap:14px}.accessory-picture{height:140px}.accessory-picture img{height:125px;padding:12px}.accessory-info{padding:15px 13px}.accessory-info h3{font-size:1rem}.accessory-info .model{font-size:.69rem}.accessory-info>p:last-child{font-size:.81rem}.accessory-icon svg{width:46px;height:46px}.accessory-icon span{font-size:.56rem;letter-spacing:1px}.review-row{padding:18px}.review-row strong{font-size:.94rem}.gallery-actions{display:block}.gallery-actions .button{width:100%;margin-top:14px}.gallery-meta span:last-child{display:none}.large-example img{height:34vh}.notes-field label span{display:block;margin-left:0}#complete-dialog{padding:40px 22px}.summary-row strong{overflow-wrap:anywhere}}@media(max-width:350px){.gate-grid,.accessory-grid{grid-template-columns:1fr}.gate-photo img{aspect-ratio:1.6}.colour-grid{grid-template-columns:repeat(3,1fr)}}

/* Compact accessory catalogue */
.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.accessory-picture{height:135px}.accessory-picture img{height:125px;padding:12px 20px}.accessory-info{padding:12px 14px 15px;width:100%}.accessory-info .model{display:block;font-size:.75rem;margin:0 0 5px;color:var(--blue-dark)}.accessory-info h3{font-size:1rem;margin:0;line-height:1.35}.accessory-photo-note{font-size:.75rem;color:var(--muted);margin:12px 0 0}@media(max-width:1000px){.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.accessory-picture{height:118px}.accessory-picture img{height:110px;padding:10px 18px}.accessory-info{padding:11px 12px 14px}.accessory-info h3{font-size:.94rem}.accessory-info .model{font-size:.75rem}}@media(max-width:350px){.accessory-grid{grid-template-columns:1fr}}