.dfo-sp{margin:16px 0 24px;padding:16px;border:1px solid #c8e6c9;border-radius:12px;background:#f7fdf9}.dfo-sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.dfo-sp-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--brand-green,#0c4828)}.dfo-sp-close{flex-shrink:0;min-width:44px;min-height:44px;border:none;background:0 0;font-size:1.5rem;line-height:1;color:#555;cursor:pointer}.dfo-sp-lead{margin:0 0 12px;font-size:.9rem;color:#40564a}.dfo-sp-hint{margin:8px 0 0;font-size:.85rem;color:#4a5d53}.dfo-sp-error{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#fff3e0;color:#8a4b00;font-size:.88rem}.dfo-sp-families{display:flex;flex-wrap:wrap;gap:8px}.dfo-sp-chip{min-height:44px;padding:10px 16px;border:2px solid #cfe3d6;border-radius:999px;background:#fff;font-size:.9rem;font-weight:600;color:#2f4a3a;cursor:pointer}.dfo-sp-chip.is-active{border-color:#4caf50;background:#eaf7ee;color:var(--brand-green,#0c4828)}.dfo-sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}@media (min-width:420px){.dfo-sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:720px){.dfo-sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dfo-sp-size{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:118px;padding:10px 6px;border:2px solid #e0eee6;border-radius:10px;background:#fff;cursor:pointer}.dfo-sp-size:focus-visible,.dfo-sp-size:hover{border-color:#4caf50}.dfo-sp-shape{display:block;border:2px solid #7aa88c;border-radius:2px;background:linear-gradient(135deg,#eaf4fb 0,#d4e7f5 100%);max-width:100%}.dfo-sp-dim{font-size:.82rem;font-weight:600;color:#24402f;text-align:center}.dfo-sp-code{font-size:.72rem;color:#6b7d73}.dfo-sp-link{min-height:44px;padding:10px 0;border:none;background:0 0;color:var(--brand-green,#0c4828);font-size:.88rem;font-weight:600;text-decoration:underline;cursor:pointer}.dfo-sp-chosen{margin:4px 0 10px;font-size:.95rem;font-weight:700;color:#24402f}.dfo-sp-range{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:#eaf7ee}.dfo-sp-range-label{font-size:.82rem;color:#40564a}.dfo-sp-range-amount{font-size:1.35rem;line-height:1.2;color:var(--brand-green,#0c4828);overflow-wrap:anywhere}.dfo-sp-range-note{font-size:.78rem;color:#4a5d53}.dfo-sp-photo{margin-top:14px}.dfo-sp-photo-label{display:block;min-height:44px;padding:12px 14px;border:1px dashed #9ec4ad;border-radius:10px;background:#fff;font-size:.9rem;color:#2f4a3a;cursor:pointer;overflow-wrap:anywhere}.dfo-sp-photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.dfo-sp-cta{display:block;width:100%;min-height:48px;margin-top:14px;padding:13px 18px;border:none;border-radius:10px;background:var(--brand-green,#0c4828);color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.dfo-sp-cta:focus-visible,.dfo-sp-cta:hover{background:#0a3a20}.dfo-sp-inline{margin-top:10px;padding:12px;border-radius:8px;background:#fff3e0;color:#8a4b00;font-size:.9rem}.dfo-sp-inline .dfo-sp-cta{margin-top:10px}.dfo-sp-custom-fields{display:flex;flex-wrap:wrap;gap:var(--space-sm,12px);margin:var(--space-sm,12px) 0}.dfo-sp-custom-field{display:flex;flex-direction:column;gap:4px;flex:1 1 140px;min-width:0}.dfo-sp-custom-label{font-size:.85rem;font-weight:600;color:var(--primary,#0a3821)}.dfo-sp-custom-input{width:100%;box-sizing:border-box;min-height:var(--tap-target-min,44px);padding:8px 12px;border:1px solid #cbd5e0;border-radius:var(--radius-md,10px);background:#fff;color:#2d3748;font-size:1rem}.dfo-sp-custom-input:focus-visible{outline:2px solid var(--accent-green,#48bb78);outline-offset:1px}.dfo-sp-error[hidden]{display:none}