/* DEL-040: retained layout and state hooks; presentation follows shared web tokens. */
html .selection-empty,html[data-brand-theme=new] .selection-empty{padding:24px;background:var(--mg-surface-soft);border:1px dashed var(--mg-divider);border-radius:var(--mg-radius);color:var(--mg-text);text-align:center}
.inquiry-items{margin:20px 0 24px}
.inquiry-item{grid-template-columns:90px 1fr;gap:20px;border-color:var(--mg-divider);padding-bottom:20px}
.inquiry-item img{width:90px;height:104px;background:var(--mg-surface-soft)}
.inquiry-item p{color:var(--mg-text)}
.inquiry-item-actions button{color:var(--mg-text);min-height:36px}
.inquiry-item-actions{gap:20px}
html .collection-design-intro .eyebrow{color:var(--mg-text)}
.collection-design-intro{margin-bottom:24px;align-items:center}
.collection-design-intro h2{margin-bottom:8px}
.collection-design-intro p:not(.eyebrow){color:var(--mg-text)}
.collection-design-intro>a{color:var(--mg-text)}
html .mp-editor.mp-editor-inline,html .collection-sock-editor{background:var(--mg-surface);border:1px solid var(--mg-divider);border-radius:var(--mg-radius);color:var(--mg-text)}
.collection-sock-editor>header{margin-bottom:16px;border-color:var(--mg-divider)}
.collection-sock-editor .design-panel{background:var(--mg-surface-soft);border-radius:var(--mg-radius);min-height:0}
.collection-sock-editor .design-copy{background:var(--mg-surface);padding:24px 32px}
.collection-sock-editor .design-copy h3{margin-bottom:12px}
.collection-sock-editor .design-copy>p{color:var(--mg-text)}
.collection-sock-editor .design-image{min-height:0;align-self:stretch}
.collection-sock-editor .live-design-image{aspect-ratio:auto}
.collection-sock-editor .live-design-image>img{height:100%;min-height:460px;object-fit:contain}
.collection-sock-editor .design-tabs{gap:8px;margin:0 0 24px}
.collection-sock-editor .design-tabs button{border-radius:var(--mg-radius);padding:8px 16px}
.collection-sock-editor .config-toolbar{margin-bottom:16px}
.collection-sock-editor .config-controls{margin-top:20px}
.collection-sock-editor .config-actions{gap:16px}
.collection-sock-editor .config-actions .button{padding:12px 16px;min-height:44px}
.collection-sock-editor .sock-add-row{border-top:1px solid var(--mg-divider);padding:24px 0 0;margin-top:24px}
.collection-sock-editor .image-note{display:none}
html[data-brand-theme=new] .mp-editor canvas,html[data-brand-theme=new] .mp-editor-simple input[type=file],html[data-brand-theme=new] .config-upload,html[data-brand-theme=new] .config-stripes button{background:var(--mg-surface-soft)}
.mp-editor-inline .mp-editor-layout{padding:24px;gap:32px}
.mp-editor-inline>header{padding:20px 24px}
.mp-editor-inline canvas{border-radius:var(--mg-radius)}
.mp-editor-inline .mp-colour-note{color:var(--mg-text-muted)}
.mp-editor-inline footer{border-color:var(--mg-divider)}
@media(max-width:680px){
.selection-empty{padding:24px 20px!important}
.inquiry-item{grid-template-columns:76px 1fr;gap:16px}
.inquiry-item img{width:76px;height:92px}
.inquiry-item-actions{gap:12px;flex-wrap:wrap}
.collection-design-intro{margin-bottom:24px}
.collection-design-intro>a{margin-top:12px}
.collection-sock-editor{padding:16px}
.collection-sock-editor>header{align-items:start;gap:12px}
.collection-sock-editor>header button{padding:8px 8px;min-height:40px}
.collection-sock-editor .design-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-2px;padding:2px 2px 8px;gap:4px;margin-bottom:12px}
.collection-sock-editor .design-tabs button{white-space:nowrap;padding:8px 12px}
.collection-sock-editor .design-copy{padding:20px 0 0}
.collection-sock-editor .design-panel{display:block;background:var(--mg-surface)}
.collection-sock-editor .live-design-image{height:300px;aspect-ratio:auto;background:var(--mg-surface-soft)}
.collection-sock-editor .live-design-image>img{min-height:0;height:100%;max-height:300px;object-fit:contain}
.collection-sock-editor .config-color-row{grid-template-columns:1fr}
.collection-sock-editor .config-actions{flex-wrap:wrap}
.collection-sock-editor .sock-add-row{padding-top:20px}
.mp-editor-inline .mp-editor-layout{padding:16px}
.mp-editor-inline>header{padding:16px 16px}}
html[data-brand-theme=new] .collection-sock-editor{background:var(--mg-surface)}
.collection-sock-editor .config-toolbar{border-top:0;padding-top:0}
@media(max-width:680px){.collection-sock-editor .design-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.collection-sock-editor .design-tabs button{padding-inline:4px}}
#anfrage .selection-empty{background:var(--mg-surface-soft);color:var(--mg-text)}
#anfrage .collection-sock-editor{background:var(--mg-surface);color:var(--mg-text)}
#anfrage .mp-editor canvas,#anfrage .mp-editor-simple input[type=file],#anfrage .config-upload,#anfrage .config-stripes button{background:var(--mg-surface-soft)}
#anfrage .config-stripes button[aria-pressed=true]{background:var(--mg-surface-soft)}
@media(min-width:781px){#design .section-heading{grid-template-columns:1.25fr 1fr}
#design .section-heading>div{min-width:0}
#design h2{max-width:610px;text-wrap:balance}}



/* Gallery, live sock editor and legal pages. */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mg-grid-gap)}
.product-photo{aspect-ratio:4/5;border-radius:var(--mg-radius);background:var(--mg-surface-soft);overflow:hidden}
.product-photo img{width:100%;height:100%;object-fit:contain;padding:0;transform:none}
.product-grid h3{font:700 14px/20px var(--mg-font-family);margin-top:12px}
.product-grid article>p{font:400 14px/20px var(--mg-font-family);margin-top:8px;color:var(--mg-text-muted)}
#design{padding-block:var(--mg-section-space)}
.collection-sock-editor .design-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;background:#fff;border-radius:var(--mg-radius)}
.collection-sock-editor .design-copy{padding:0;background:#fff}
.collection-sock-editor .design-copy h3{font-size:24px;line-height:32px;margin-bottom:12px}
.collection-sock-editor .design-copy>p{font:400 16px/24px var(--mg-font-family);color:var(--mg-text-muted)}
.collection-sock-editor .live-design-image{position:sticky;top:0;height:auto;aspect-ratio:1;min-height:0;max-height:460px;background:var(--mg-surface-soft);border-radius:var(--mg-radius);box-shadow:none}
.collection-sock-editor .live-design-image>img{height:100%;min-height:0;width:100%;object-fit:contain;border-radius:var(--mg-radius)}
.design-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.config-controls label{font:400 14px/20px var(--mg-font-family);margin-bottom:8px}
.config-controls input[type=text],.config-controls textarea{font:400 16px/24px var(--mg-font-family);min-height:48px;padding:11px 16px;border-color:var(--mg-control-border)}
.config-stripes button{min-height:48px;border:1px solid var(--mg-control-border);background:#fff;color:var(--mg-text);font:400 14px/20px var(--mg-font-family);padding:12px;border-radius:var(--mg-radius)}
.config-stripes button[aria-pressed=true]{background:var(--mg-color-purple-50);border-color:var(--mg-color-purple);box-shadow:none}
.config-color>div{border-color:var(--mg-control-border);border-radius:var(--mg-radius)}
.config-color input[data-hex]{font:400 14px/20px var(--mg-font-family)}
.config-upload{font:700 14px/20px var(--mg-font-family);padding:16px;border-color:var(--mg-control-border);background:var(--mg-surface-soft);color:var(--mg-text)}
.config-upload small,.config-upload>span,.config-toolbar p,.config-toolbar button,.config-range output,.config-auto,.band-upload-actions button{font:400 13px/18px var(--mg-font-family);color:var(--mg-text-muted)}
.config-toolbar button,.band-upload-actions button{min-height:44px}
.config-controls input[type=range]{min-height:44px;accent-color:var(--mg-color-purple)}
.config-help,.image-note{font:400 13px/18px var(--mg-font-family);color:var(--mg-text-muted)}
.sock-add-row label{font:400 14px/20px var(--mg-font-family)}
.sock-add-row input{font:400 16px/24px var(--mg-font-family);min-height:48px}
.legal-page{padding-block:var(--mg-section-space);max-width:var(--mg-container-max)}
.legal-page>*{max-width:75ch}
.legal-page h1{font-size:var(--mg-type-page-size);line-height:var(--mg-type-page-line);margin-bottom:32px}
.legal-page h2{font:700 24px/32px var(--mg-font-family);margin:32px 0 12px}
.legal-page p,.legal-page li{font:400 var(--mg-type-body-size)/var(--mg-type-body-line) var(--mg-font-family);color:var(--mg-text-muted)}
.legal-page a{color:var(--mg-color-purple);overflow-wrap:anywhere}
.legal-page .legal-date{font:400 13px/18px var(--mg-font-family);margin-top:32px}
@media(max-width:767px){.product-grid{grid-template-columns:1fr;gap:32px}.collection-sock-editor .design-panel{grid-template-columns:1fr;gap:24px}.collection-sock-editor .live-design-image{position:relative;height:280px;max-height:36dvh;aspect-ratio:auto}.collection-sock-editor .live-design-image>img{max-height:100%}.collection-sock-editor .design-copy{padding:0}.collection-sock-editor .design-tabs{display:flex;flex-wrap:wrap;overflow:visible}.product-grid article{max-width:100%}}