[data-social-theme]{--social-accent:#215b37;--social-border:#cddfc0;--social-soft:#edf5e6}[data-social-theme=sand]{--social-accent:#755323;--social-border:#e1cfb5;--social-soft:#f8f0e2}[data-social-theme=blue]{--social-accent:#255e78;--social-border:#bfd9e5;--social-soft:#e8f3f8}
.dp-social-editor{margin-block:22px;padding-block:18px;border-block:1px solid #dbe4d5}.dp-social-editor h4{margin:0 0 8px;font-size:.94rem}.dp-social-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}.dp-social-fields label{min-width:0}.dp-social-fields input{width:100%;min-width:0}.dp-social-label{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:var(--social-accent);font-size:.85rem;font-weight:700}.dp-social-label svg{width:20px;height:20px;fill:currentColor;flex:none}.dp-social-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:22px 0}.dp-social-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border:1px solid var(--social-border);border-radius:50%;color:var(--social-accent)!important;background:transparent;text-decoration:none!important}.dp-social-icon svg{width:22px;height:22px;fill:currentColor}.dp-social-icon:hover{background:var(--social-soft);border-color:var(--social-accent)}.dp-social-icon:focus-visible{outline:3px solid var(--social-accent);outline-offset:3px}.dp-social-editor [hidden]{display:none!important}
.dp-product-media{margin:0 0 16px;aspect-ratio:4/3;background:#fff;border:1px solid #e5ebdf;border-radius:10px;overflow:hidden;display:grid;place-items:center}.dp-product-media img{width:100%;height:100%;object-fit:contain;padding:12px}.dp-product-upload{border:1px dashed #d1dec8;border-radius:10px;padding:12px;background:#fff;min-width:0}.dp-product-upload input[type=file]{max-width:100%;font-size:.78rem}.dp-product-preview{width:160px;height:120px;object-fit:contain;display:block;background:#fbfcf8;border:1px solid #e5ebdf;border-radius:8px;margin:10px 0}.dp-product-upload .dp-remove-image{display:flex;align-items:center;gap:8px;font-size:.78rem}.dp-remove-image input{width:auto!important}.dp-image-state{font-size:.74rem;color:#5d7057;margin:8px 0 0}.dp-product-upload [hidden]{display:none!important}
@media(max-width:560px){.dp-social-fields{grid-template-columns:1fr}.dp-social-icons{gap:8px}.dp-social-icon{width:44px;height:44px}}