/* Existing server-rendered content only; natural heights, no clipping or visual scaling. */
.profile-configurator .pc-heading { margin:0 0 16px; }
.profile-configurator .pc-heading h1 { margin:0 0 6px; }
.profile-configurator .pc-heading p { margin:0; }
.profile-configurator .pc-workspace { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.profile-configurator .pc-selectors,.profile-configurator .pc-dimensions,.profile-configurator .summary { min-width:0; padding:12px 14px; background:var(--surface,#fff); }
.profile-configurator .pc-selectors { border:1px solid #d1d5db; border-radius:8px; }
.profile-configurator .chip { margin:4px 4px 0 0; padding:8px 12px; min-height:44px; white-space:normal; }
.profile-configurator .found { margin:10px 0 0; }
.profile-configurator .pc-dimensions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin:0; border:1px solid #d1d5db; border-radius:8px; }
.profile-configurator .pc-dimensions>label { display:flex; flex-direction:column; align-items:stretch; gap:6px; min-width:0; }
.profile-configurator .pc-dimensions input:not([type=hidden]),.profile-configurator .pc-dimensions select { width:100%; min-width:0; max-width:100%; min-height:44px; padding:8px 10px; border:1px solid #9ca3af; border-radius:6px; background:var(--surface,#fff); color:inherit; }
.profile-configurator .pc-dimensions fieldset { grid-column:1/-1; }
.profile-configurator .pc-dimensions fieldset label { display:grid; gap:6px; margin:0 0 10px; }
.profile-configurator .pc-dimensions .hint { margin:8px 0 0; }
.profile-configurator .pc-dimensions button { grid-column:1/-1; min-height:44px; padding:9px 14px; background:var(--yellow,#ffd525); color:var(--ink,#111); border-radius:6px; font-weight:650; }
.profile-configurator .summary { margin:0; border:1px solid #d1d5db; border-top:4px solid var(--yellow,#ffd525); border-radius:8px; }
.profile-configurator .summary h2 { margin:0 0 10px; }
.profile-configurator .summary p { margin:3px 0; } /* มติ 355 — เดิม 6px */
.profile-configurator .summary .pickup { margin:12px 0 0; }
.profile-configurator .pc-workspace>.hint { margin:0; grid-column:2/-1; }
.profile-configurator .accessories { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 20px; }
.profile-configurator .accessories>h2,.profile-configurator .accessories>.hint { grid-column:1/-1; margin:0; }
.profile-configurator .accessories h3 { margin:0 0 6px; }
.profile-configurator .accessories ul { margin:0 0 8px; padding-left:20px; }
.profile-configurator .accessories a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1050px){
 .profile-configurator .pc-workspace { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .profile-configurator .summary { grid-column:1/-1; }
 .profile-configurator .accessories { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px){
 .profile-configurator .pc-workspace { display:flex; flex-direction:column; gap:12px; }
 .profile-configurator .pc-workspace>* { width:100%; }
 .profile-configurator .pc-heading { margin-bottom:12px; }
 .profile-configurator .pc-selectors,.profile-configurator .pc-dimensions,.profile-configurator .summary { padding:12px; }
 .profile-configurator .chip { padding:7px 10px; }
 .profile-configurator .accessories { display:grid; grid-template-columns:minmax(0,1fr); }
}

/* Controls share one column. Summary precedes media in mobile reading order. */
.profile-configurator .pc-controls { min-width:0; display:grid; gap:8px; grid-column:1; grid-row:1; }
.profile-configurator .pc-media { grid-column:2; grid-row:1; margin:0; min-width:0; padding:12px; border:1px solid #d1d5db; border-radius:8px; background:#fff; }
.profile-configurator .pc-media img { display:block; width:100%; height:auto; }
.profile-configurator .pc-media figcaption { margin-top:8px; font-size:14px; text-align:center; }
.profile-configurator .summary { grid-column:3; grid-row:1; }
.profile-configurator .facet { padding-bottom:6px; }
.profile-configurator .facet+.facet { margin-top:6px; }
.profile-configurator .facet legend { margin-bottom:0; }
.profile-configurator .found { margin-top:6px; }
.profile-configurator .pc-dimensions { gap:8px; }
.profile-configurator .pc-dimensions fieldset { padding:6px 0; }
.profile-configurator .pc-dimensions fieldset label { margin-bottom:6px; }
.profile-configurator .pc-dimensions>label { gap:4px; }
.profile-configurator .pc-dimensions .hint { grid-column:1/-1; }
@media (max-width:1050px) and (min-width:651px) {
 .profile-configurator .pc-controls { grid-row:1/3; }
 .profile-configurator .summary { grid-column:2; grid-row:1; }
 .profile-configurator .pc-media { grid-column:2; grid-row:2; }
}
@media (max-width:650px) {
 .profile-configurator .pc-heading { margin-bottom:8px; }
 .profile-configurator .pc-controls { gap:6px; }
 .profile-configurator .pc-selectors,.profile-configurator .pc-dimensions { padding:8px; }
 .profile-configurator .pc-dimensions fieldset label { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
 .profile-configurator .pc-dimensions fieldset select { flex:1 1 180px; width:auto; }
}
@media (max-width:359px) {
 .profile-configurator .pc-dimensions fieldset label { display:grid; }
 .profile-configurator .pc-dimensions fieldset select { width:100%; }
}

@media (min-width:651px) {
 .profile-configurator .pc-dimensions fieldset label { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
 .profile-configurator .pc-dimensions fieldset select { flex:1 1 180px; width:auto; }
}