/* R19.15.42 — أوصاف الباقات + اختيار تفاعلي في صفحة التفاصيل */
.public-product-option-overview-value{
    position:relative;
    min-height:72px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:14px 16px;
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.public-product-option-overview-value:hover{background:var(--primary-light)}
.public-product-option-overview-value.is-selected{
    background:var(--primary-light);
    box-shadow:inset 0 0 0 1px var(--primary);
}
.public-product-option-overview-value>input{
    position:absolute;
    inline-size:1px;
    block-size:1px;
    opacity:0;
    pointer-events:none;
}
.public-product-option-overview-choice{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:flex-start;
    gap:11px!important;
    min-width:0;
}
.public-product-option-overview-marker{
    width:20px;
    height:20px;
    margin-top:2px;
    border:2px solid var(--border-strong,var(--border));
    border-radius:50%;
    background:var(--surface);
    flex:0 0 20px;
    position:relative;
}
.public-product-option-overview-value:has(input[type="checkbox"]) .public-product-option-overview-marker{border-radius:6px}
.public-product-option-overview-value.is-selected .public-product-option-overview-marker{border-color:var(--primary)}
.public-product-option-overview-value.is-selected .public-product-option-overview-marker::after{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    background:var(--primary);
}
.public-product-option-overview-value:has(input[type="checkbox"]).is-selected .public-product-option-overview-marker::after{border-radius:2px}
.public-product-option-overview-copy{display:block!important;min-width:0}
.public-product-option-overview-copy>strong{display:block;color:var(--text-primary);font-size:16px;line-height:1.45}
.public-product-option-overview-copy>small{
    display:block;
    margin-top:5px;
    color:var(--text-secondary);
    font-size:14px;
    line-height:1.75;
    font-weight:400;
}
.public-product-option-overview-price{color:var(--primary);font-size:17px;white-space:nowrap}
.public-product-option-selection-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 22px 20px;
    padding:12px 14px;
    border:1px solid var(--primary-light-hover);
    border-radius:12px;
    background:var(--primary-light);
}
.public-product-option-selection-summary[hidden]{display:none}
.public-product-option-selection-summary span{color:var(--text-secondary);font-size:13px}
.public-product-option-selection-summary strong{color:var(--primary);font-size:15px;text-align:end}
.public-product-order-option-copy{display:block!important;min-width:0}
.public-product-order-option-copy>b{display:block;color:var(--text-primary);font-size:15px}
.public-product-order-option-copy>small{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.6;font-weight:400}
.public-product-option-values label:has(input:checked){border-color:var(--primary);background:var(--primary-light)}
@media(max-width:640px){
    .public-product-option-overview-value{grid-template-columns:1fr;gap:8px}
    .public-product-option-overview-price{padding-inline-start:31px}
    .public-product-option-selection-summary{margin-inline:16px;align-items:flex-start;flex-direction:column}
}


/* R19.15.49 — توضيح إلزامية مجموعات الخيارات للعميل */
.public-product-option-requirement{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:3px 9px!important;
    border-radius:999px;
    font-size:12px!important;
    font-weight:700;
    white-space:nowrap;
}
.public-product-option-requirement.is-required{background:var(--primary-light);color:var(--primary)}
.public-product-option-requirement.is-optional{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}
.public-product-option-overview-heading strong.is-optional{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}
.public-product-option-overview-heading strong.is-required{background:var(--primary-light);color:var(--primary)}