/* ============================================================
   PRODUCT DETAIL — extracted from single-product.php inline
   <style> (lines 222-233) + inline style= on .express-info
   (line 170). Fully tokenised. Edit tokens, not PHP.
   ============================================================ */
:root {
    /* Component-scoped tokens (reference global tokens where possible) */
    --pd-container:        var(--sheel-container, 1200px);
    --pd-express-bg:       var(--color-brand-express-soft);
    --pd-express-accent:   var(--color-brand-express);
    --pd-express-pad-y:    10px;
    --pd-express-pad-x:    15px;
    --pd-express-radius:   var(--color-radius-xs, 4px);
    --pd-express-border-w: 3px;
}

.product-detail-wrapper .container {
    max-width: var(--pd-container);
}

/* Consolidated from inline style= (line 170) + <style> block (227-232) */
.express-info {
    color: var(--pd-express-accent);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--pd-express-pad-x);
    background: var(--pd-express-bg);
    padding: var(--pd-express-pad-y) var(--pd-express-pad-x);
    border-radius: var(--pd-express-radius);
    border-right: var(--pd-express-border-w) solid var(--sheeel-primary, #c91c5e);
}