/* Gaps the framework CSS expected its UI components to provide (radio/checkbox base + native button resets). */
.video-radio { border:1px solid #918c85; border-radius:50%; background:transparent; }
.video-option.selected .video-radio { border:5px solid #e8963c; }
.extra-option [role="checkbox"] { display:inline-flex; align-items:center; justify-content:center; flex:none; border:1px solid #918c85; background:transparent; color:#141416; }
.extra-option.selected [role="checkbox"] { background:#e8963c; border-color:#e8963c; }
.theme-property .video-radio { border-color:#8b8578; }
.theme-property .extra-option [role="checkbox"] { border-color:#8b8578; }
.theme-property .video-option.selected .video-radio { border-color:#c8863a; }
.theme-property .extra-option.selected [role="checkbox"] { background:#c8863a; border-color:#c8863a; color:#fff; }
button.photo-choice { font:inherit; font-family:Archivo,sans-serif; color:inherit; padding:0; }
.stepper-btn { display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; cursor:pointer; }
.stepper-btn:disabled { opacity:.35; cursor:not-allowed; }
.copy-button { cursor:pointer; font-family:inherit; }
.email-button { text-decoration:none; }
.lang-switch { text-decoration:none; }
.shoot-card, .size-choice, .photo-choice, .video-option, .extra-option { user-select:none; }

/* --- layout repair: these containers lost their display because the compiled
   quote.css only carries grid-template-columns (the source globals.css relied on
   a utility class). Without this the photo chips collapse to ~19px and the
   package cards stack full width. --- */
.shoot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.size-choices { display:grid; grid-template-columns:1fr; gap:7px; }
.property-size-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.photo-choices { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; max-width:436px; }
.video-list,.extra-list { display:flex; flex-direction:column; gap:8px; }
@media (max-width:1040px) { .shoot-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .shoot-grid,.property-size-grid { grid-template-columns:1fr; } .photo-choices { max-width:340px; } }