.opf-packaging {
    margin: 18px 0;
    padding: 18px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px;
    background: transparent;
}
.opf-packaging__title { font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.opf-packaging__description { font-size: 13px; opacity: .75; margin-bottom: 12px; }
.opf-packaging__options { display: grid; gap: 10px; }
.opf-option { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.opf-option:hover, .opf-option.is-selected { border-color: currentColor; box-shadow: 0 0 0 1px currentColor; }
.opf-option input { margin-top: 3px; }
.opf-option__content { display: grid; gap: 3px; width: 100%; }
.opf-option__name { font-weight: 600; }
.opf-option__description { font-size: 12px; opacity: .7; }
.opf-option__price { font-weight: 600; margin-top: 3px; }
.opf-packaging__error { display: none; margin-top: 10px; font-size: 13px; }
.opf-packaging.has-error .opf-packaging__error { display: block; }