.pod-build-section{background:linear-gradient(135deg,#18221c,#101813);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pod-build-section>.section-heading{align-items:center}.pod-builder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,75px);align-items:start}.pod-preview{position:sticky;top:108px;border:1px solid var(--line);background:#101812}.pod-preview figure{margin:0;position:relative;aspect-ratio:1.4;overflow:hidden}.pod-preview figure img{width:100%;height:100%;object-fit:cover}.pod-preview figcaption{position:absolute;bottom:12px;left:12px;padding:6px 8px;font-size:8px;letter-spacing:.1em;background:#101812bb}.pod-preview-body{padding:26px}.pod-preview-body>.eyebrow{font-size:9px;margin-bottom:10px}.pod-preview h3{font-size:34px;margin-bottom:8px}.pod-preview-dim{font-size:12px;color:var(--gold-light)}.pod-finish-tag{display:flex;gap:10px;align-items:center;font-size:12px;margin:16px 0}.pod-finish-tag i{height:20px;width:20px;border-radius:50%;border:1px solid #ffffff50;background:var(--finish)}.pod-helper{font-size:12px;line-height:1.75;color:var(--muted)}.pod-helper a{color:var(--gold-light);text-decoration:underline}.pod-live-summary{border-top:1px solid var(--line)}.pod-live-summary summary,.pod-final-summary summary{cursor:pointer;padding:15px 0;display:flex;justify-content:space-between;font-size:13px;color:var(--gold-light)}.pod-summary{margin:0}.pod-summary>div{display:grid;grid-template-columns:34% 1fr;gap:15px;padding:10px 0;border-bottom:1px solid #c8a8751a;font-size:11px;line-height:1.7}.pod-summary dt{color:var(--muted)}.pod-summary dd{margin:0;color:var(--ink)}.pod-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:35px}.pod-steps button{min-height:58px;padding:10px 0 0;background:none;border:0;border-top:2px solid #545c51;text-align:left;color:#b7bcb2;font-size:10px;line-height:1.5}.pod-steps span{display:block;font-size:9px;margin-bottom:5px;letter-spacing:.1em}.pod-steps button:disabled{opacity:.55;cursor:default}.pod-steps button[aria-current=step]{border-color:var(--gold);color:var(--gold-light)}.pod-workspace{scroll-margin-top:108px}.pod-step-heading>.eyebrow{font-size:9px;margin-bottom:12px}.pod-step-heading h3{font-size:clamp(30px,3vw,42px);outline:none;margin-bottom:15px}.pod-step-heading>p:last-child{font-size:13px;color:var(--muted);max-width:510px;line-height:1.7;margin-bottom:25px}.pod-builder fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}.pod-builder legend{font-size:13px;color:var(--ink);margin-bottom:12px;padding:0}.pod-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pod-option-stack{display:grid;gap:9px}.pod-choice{position:relative;display:flex;flex-direction:row;gap:13px;align-items:center;padding:18px 37px 18px 17px;min-height:80px;border:1px solid #7b806042;background:#101812;cursor:pointer;transition:border-color .2s,background .2s}.pod-choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;pointer-events:none}.pod-choice:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:3px}.pod-choice:has(input:checked){border-color:var(--gold);background:#c8a8750e}.pod-choice strong{display:block;color:var(--ink);font-size:13px;line-height:1.4;font-weight:500}.pod-choice small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px}.pod-choice i{position:absolute;right:13px;top:18px;width:13px;height:13px;border:1px solid #949c8b;border-radius:50%}.pod-choice:has(input:checked) i{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px #182019}.pod-check i{border-radius:0}.pod-check:has(input:checked) i{box-shadow:none}.pod-check:has(input:checked) i:after{content:'✓';position:absolute;inset:-5px 0;color:#101812;font-size:12px}.pod-choice.unavailable{opacity:.45;cursor:not-allowed}.pod-finish>b{width:25px;height:25px;border-radius:50%;border:1px solid #ffffff40;flex-shrink:0}.pod-finish strong{font-size:12px}.pod-included{border:1px solid var(--line);padding:22px;margin-top:24px}.pod-included>span{font-size:9px;letter-spacing:.15em;color:var(--gold)}.pod-included h4{font-size:16px;font-weight:500;margin:12px 0 5px}.pod-included p{font-size:12px;color:var(--muted);margin:0}.pod-step-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:26px;padding-top:19px;gap:20px}.pod-step-actions>span{font-size:11px;color:var(--muted)}.pod-step-actions .button{font-size:12px;min-height:46px;padding:11px 22px}.pod-custom{margin-top:20px;font-size:12px;max-width:310px}.pod-custom small{color:var(--muted);font-size:11px}.pod-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.pod-fields label{font-size:12px}.pod-fields input,.pod-fields select,.pod-fields textarea,.pod-custom input{background:#101812;font-size:14px}.pod-wide{grid-column:1/-1}.pod-final-summary{margin-bottom:25px;border-bottom:1px solid var(--line)}.pod-final-summary .pod-summary{padding-bottom:20px}.pod-preview-note{font-size:11px;color:var(--muted);line-height:1.75;margin-top:20px}.pod-submit{margin-top:10px;font-size:12px;min-height:50px;width:100%;gap:12px;padding:14px 18px}.pod-saving{margin:20px 0 0;font-size:10px;color:#9da897}.pod-reset{padding:5px 0;margin-left:8px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--gold-light);font-size:10px}.pod-result{padding:25px;border:1px solid var(--gold);margin-top:25px;background:#17251b}.pod-result h3{font-size:29px}.pod-result p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.pod-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.pod-downloads .button,.pod-downloads .text-button{font-size:11px}#pod-error{font-size:13px;color:#f4bb93;padding:10px 0}.pod-option-grid .pod-choice:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:900px){.pod-builder{grid-template-columns:1fr;gap:30px}.pod-preview{position:static;display:grid;grid-template-columns:40% 1fr}.pod-preview figure{height:100%;aspect-ratio:auto;min-height:260px}.pod-preview-body{padding:20px}.pod-preview h3{font-size:28px}.pod-preview-body .pod-helper{font-size:10px}.pod-live-summary[open]{grid-column:1/-1}.pod-builder>.pod-workspace{min-width:0}}
@media(max-width:600px){.pod-preview{display:block}.pod-preview figure{aspect-ratio:1.65;min-height:0;max-height:240px}.pod-preview-body{padding:18px}.pod-preview-body>.eyebrow{font-size:8px}.pod-preview h3{font-size:28px}.pod-preview-dim{margin-bottom:12px}.pod-live-summary summary{padding:12px 0}.pod-steps{gap:6px;margin-bottom:26px}.pod-steps button{font-size:8px;min-height:52px}.pod-step-heading h3{font-size:32px}.pod-option-grid{gap:8px}.pod-choice{padding:16px 29px 16px 13px;min-height:83px}.pod-choice strong{font-size:12px}.pod-choice small{font-size:10px}.pod-choice i{right:9px;top:17px}.pod-finish{gap:8px}.pod-finish>b{height:20px;width:20px}.pod-finish strong{font-size:11px}.pod-fields{grid-template-columns:1fr;gap:15px}.pod-fields input,.pod-fields select,.pod-fields textarea,.pod-custom input{font-size:16px}.pod-submit{font-size:11px}.pod-step-actions>span{max-width:120px;font-size:10px}.pod-workspace{scroll-margin-top:88px}.pod-summary>div{font-size:11px}}

/* Source equipment photographs retain their natural shape beside each option. */
#pod-builder .pod-choice-with-photo{display:flex;align-items:center;gap:14px}
#pod-builder .pod-equipment-thumb{display:block;flex:0 0 64px;width:64px;height:64px;padding:5px;object-fit:contain;background:#f5f5f2;border-radius:4px}
#pod-builder .pod-choice-with-photo>span{min-width:0;flex:1}
@media(max-width:600px){#pod-builder .pod-equipment-thumb{flex-basis:56px;width:56px;height:60px}}

/* Material studio: keep both photographs proportional and every colour visible. */
#pod-builder .pod-preview .pod-photo-view{position:static;aspect-ratio:auto;min-height:0;height:auto;overflow:visible;display:block}
#pod-builder .pod-photo-view figcaption{position:static;bottom:auto;left:auto;background:transparent}
#pod-builder .pod-photo-picture>img{display:block;width:auto;height:auto;max-width:100%;max-height:27vh;object-fit:contain}
#pod-builder .pod-photo-scene img{object-fit:fill}
#pod-builder .pod-photo-scene .pod-photo-base{width:100%;height:auto}
#pod-builder .pod-photo-scene .pod-photo-layer{height:auto}
#pod-builder .pod-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;margin-top:11px}
#pod-builder .pod-material-choice{position:relative;display:grid;grid-template-rows:70px auto;gap:7px;align-content:start;padding:7px;border:1px solid #7b806042;background:#101812;cursor:pointer;min-width:0}
#pod-builder .pod-material-choice:has(input:checked){border-color:var(--gold);background:#c8a87512}
#pod-builder .pod-material-choice:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:2px}
#pod-builder .pod-material-choice input{position:absolute;opacity:0;inline-size:1px;block-size:1px}
#pod-builder .pod-material-choice img{display:block;width:100%;height:70px;object-fit:cover;background:#252c29}
#pod-builder .pod-material-choice span{font-size:10px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
#pod-builder .pod-finish-group{border-bottom:1px solid var(--line);padding-bottom:20px}
#pod-builder .pod-finish-group .pod-helper{margin:0}
#pod-builder .pod-finish-group legend{font-size:15px;color:var(--gold-light);margin-bottom:4px}
@media(max-width:900px){#pod-builder .pod-preview .pod-photo-view{height:auto;min-height:0}#pod-builder .pod-photo-picture>img{max-height:33vh}}
@media(max-width:600px){#pod-builder .pod-photo-picture>img{max-height:23svh}#pod-builder .pod-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#pod-builder .pod-material-choice{grid-template-rows:58px auto;padding:5px}#pod-builder .pod-material-choice img{height:58px}#pod-builder .pod-material-choice span{font-size:9px}}

/* Equipment selection: fixed contents are a short line, while actual choices
   form a compact image grid. */
#pod-builder .pod-step-heading:has(+ .pod-step-content .pod-equipment-included)>p:last-child{display:none}
#pod-builder .pod-equipment-included{margin:0 0 22px;color:#c6c9c1;font-size:12px;line-height:1.5}
#pod-builder .pod-equipment-included-title{margin:0 0 10px;color:var(--gold-light);font-weight:600}
#pod-builder .pod-equipment-included-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px;list-style:none;margin:0;padding:0}
#pod-builder .pod-equipment-included-list li{display:flex;align-items:flex-start;gap:8px;min-width:0}
#pod-builder .pod-equipment-included-check{display:grid;place-items:center;flex:0 0 15px;width:15px;height:15px;margin-top:1px;border:1px solid var(--gold);border-radius:2px;color:var(--gold-light);font-size:11px;font-weight:700;line-height:1}
#pod-builder .pod-equipment-group{margin:0 0 22px;padding:0;min-width:0}
#pod-builder .pod-equipment-group legend{color:var(--ink);font-size:14px;font-weight:600;margin-bottom:12px}
#pod-builder .pod-equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#pod-builder .pod-equipment-card{position:relative;display:flex;min-width:0;min-height:146px;padding:10px 8px 9px;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;border:1px solid #7b806054;background:#c8a8750b;cursor:pointer;text-align:center;transition:border-color .18s,background .18s}
#pod-builder .pod-equipment-card:has(input:checked){border-color:var(--gold);background:#c8a8750b}
#pod-builder .pod-equipment-card:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:2px}
#pod-builder .pod-equipment-card input{position:absolute;opacity:0;inline-size:1px;block-size:1px;pointer-events:none}
#pod-builder .pod-equipment-image{display:flex;align-items:center;justify-content:center;width:100%;height:98px;min-width:0;overflow:hidden}
#pod-builder .pod-equipment-image img{display:block;max-width:100%;max-height:94px;width:auto;height:auto;object-fit:contain;background:transparent}
#pod-builder .pod-equipment-name{display:block;max-width:100%;color:var(--ink);font-size:11px;line-height:1.25;font-weight:500;overflow-wrap:break-word}
#pod-builder .pod-equipment-card i{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #b3b7aa;border-radius:2px;background:#101812d9}
#pod-builder .pod-equipment-radio i{border-radius:50%}
#pod-builder .pod-equipment-card:has(input:checked) i{background:var(--gold);border-color:var(--gold);color:#101812}
#pod-builder .pod-equipment-card:not(.pod-equipment-radio):has(input:checked) i::after{content:'✓';font-size:11px;line-height:1}
#pod-builder .pod-equipment-radio:has(input:checked) i::after{content:'';width:5px;height:5px;border-radius:50%;background:#101812}
#pod-builder .pod-equipment-photo-note{font-size:11px;color:var(--muted);line-height:1.6;margin:2px 0 0}
#pod-builder .pod-equipment-choice-note{font-size:11px;color:var(--muted);line-height:1.55;margin:9px 0 0}
#pod-builder .pod-equipment-clear{border:0;border-bottom:1px solid currentColor;background:none;color:var(--gold-light);font-size:11px;padding:3px 0;margin-top:9px;cursor:pointer}
#pod-builder .pod-equipment-clear:disabled{opacity:.5;cursor:default}
#pod-builder .pod-photo-stack[data-model="compact"] .pod-photo-picture>img{max-width:72%;max-height:20vh}
@media(max-width:1200px){#pod-builder .pod-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#pod-builder .pod-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){#pod-builder .pod-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#pod-builder .pod-equipment-card{min-height:137px;padding:8px 6px}#pod-builder .pod-equipment-image{height:88px}#pod-builder .pod-equipment-image img{max-height:84px}#pod-builder .pod-equipment-name{font-size:10px}#pod-builder .pod-equipment-included{font-size:11px}#pod-builder .pod-equipment-included-list{gap:7px 9px}#pod-builder .pod-equipment-included-list li{gap:5px}#pod-builder .pod-photo-stack[data-model="compact"] .pod-photo-picture>img{max-width:76%;max-height:18svh}}
