/* Bra Size Guide Plugin — style.css v3.2 */
:root {
    --bsg-pink:      #c2185b;
    --bsg-pink-lite: #f8bbd0;
    --bsg-pink-dark: #880e4f;
    --bsg-accent:    #ff6090;
    --bsg-row-even:  #fff0f5;
    --bsg-hover:     #fce4ec;
    --bsg-border:    #f0c0d0;
    --bsg-radius:    10px;
}

div.bsg-wrapper { font-family:'Segoe UI',Tahoma,sans-serif !important; width:100% !important; color:#333 !important; margin:0 auto 30px !important; padding:0 !important; }
div.bsg-wrapper * { box-sizing:border-box !important; }

div.bsg-wrapper div.bsg-header { background:linear-gradient(135deg,#c2185b,#ff6090) !important; color:#fff !important; padding:24px 20px !important; border-radius:10px 10px 0 0 !important; text-align:center !important; }
div.bsg-wrapper div.bsg-header h2 { margin:0 0 6px !important; font-size:1.6em !important; font-weight:700 !important; color:#fff !important; border:none !important; }
div.bsg-wrapper div.bsg-header p  { margin:0 !important; font-size:0.95em !important; color:#fff !important; opacity:0.92 !important; }

div.bsg-wrapper div.bsg-tabs { display:flex !important; flex-wrap:wrap !important; gap:4px !important; background:#880e4f !important; padding:8px !important; }
div.bsg-wrapper button.bsg-tab { background:transparent !important; border:2px solid rgba(255,255,255,0.4) !important; color:rgba(255,255,255,0.9) !important; padding:6px 12px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.82em !important; font-weight:600 !important; box-shadow:none !important; }
div.bsg-wrapper button.bsg-tab:hover  { background:rgba(255,255,255,0.18) !important; color:#fff !important; }
div.bsg-wrapper button.bsg-tab.active { background:#fff !important; color:#880e4f !important; border-color:#fff !important; }

div.bsg-wrapper div.bsg-content { display:none !important; background:#fff !important; padding:24px 18px !important; border:1px solid #f0c0d0 !important; border-top:none !important; border-radius:0 0 10px 10px !important; }
div.bsg-wrapper div.bsg-content.active { display:block !important; }
div.bsg-wrapper div.bsg-content h3 { color:#c2185b !important; margin-top:0 !important; font-size:1.2em !important; border-bottom:2px solid #f8bbd0 !important; padding-bottom:8px !important; }
div.bsg-wrapper div.bsg-content h4 { color:#880e4f !important; margin:20px 0 10px !important; font-size:0.95em !important; }

div.bsg-wrapper div.bsg-steps-grid { display:flex !important; flex-direction:column !important; gap:12px !important; }
div.bsg-wrapper div.bsg-step { display:flex !important; gap:14px !important; background:#fff5f8 !important; border-radius:10px !important; padding:16px !important; }
div.bsg-wrapper div.bsg-step-num { background:#c2185b !important; color:#fff !important; width:38px !important; height:38px !important; min-width:38px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:1.1em !important; font-weight:700 !important; }
div.bsg-wrapper div.bsg-step-body h4 { margin:0 0 6px !important; color:#880e4f !important; }
div.bsg-wrapper div.bsg-step-body p  { margin:0 0 8px !important; font-size:0.9em !important; color:#333 !important; }
div.bsg-wrapper div.bsg-tip { background:#f8bbd0 !important; border-left:4px solid #c2185b !important; padding:7px 12px !important; border-radius:4px !important; font-size:0.85em !important; color:#333 !important; }
div.bsg-wrapper div.bsg-diff-table { background:#fff !important; border-radius:8px !important; overflow:hidden !important; border:1px solid #f0c0d0 !important; margin-top:10px !important; }
div.bsg-wrapper div.bsg-diff-row { display:flex !important; justify-content:space-between !important; padding:6px 12px !important; border-bottom:1px solid #f0c0d0 !important; font-size:0.86em !important; color:#333 !important; background:#fff !important; }
div.bsg-wrapper div.bsg-diff-row:last-child { border-bottom:none !important; }
div.bsg-wrapper div.bsg-diff-row:nth-child(even) { background:#fff0f5 !important; }
div.bsg-wrapper div.bsg-diff-row.header { background:#c2185b !important; color:#fff !important; font-weight:700 !important; border-bottom:none !important; }

div.bsg-wrapper div.bsg-calc-form { background:#fff5f8 !important; padding:20px !important; border-radius:10px !important; }
div.bsg-wrapper div.bsg-input-group { margin-bottom:14px !important; }
div.bsg-wrapper div.bsg-input-group label { display:block !important; font-weight:600 !important; margin-bottom:5px !important; color:#880e4f !important; font-size:0.88em !important; }
div.bsg-wrapper div.bsg-input-row { display:flex !important; gap:8px !important; align-items:center !important; }
div.bsg-wrapper div.bsg-input-row input  { flex:1 !important; padding:9px 11px !important; border:2px solid #f0c0d0 !important; border-radius:7px !important; font-size:0.95em !important; outline:none !important; background:#fff !important; color:#333 !important; }
div.bsg-wrapper div.bsg-input-row input:focus { border-color:#c2185b !important; }
div.bsg-wrapper div.bsg-input-row select { padding:9px 8px !important; border:2px solid #f0c0d0 !important; border-radius:7px !important; font-size:0.88em !important; background:#fff !important; color:#333 !important; }
div.bsg-wrapper span.bsg-unit-label { color:#999 !important; font-size:0.8em !important; white-space:nowrap !important; }
div.bsg-wrapper button.bsg-btn { background:#c2185b !important; color:#fff !important; border:none !important; padding:11px !important; border-radius:7px !important; font-size:0.95em !important; font-weight:700 !important; cursor:pointer !important; width:100% !important; margin-top:4px !important; box-shadow:none !important; }
div.bsg-wrapper button.bsg-btn:hover { background:#880e4f !important; }
div.bsg-wrapper div.bsg-result { margin-top:20px !important; background:linear-gradient(135deg,#c2185b,#ff6090) !important; border-radius:10px !important; padding:20px !important; color:#fff !important; text-align:center !important; }
div.bsg-wrapper span.bsg-result-label { display:block !important; font-size:0.82em !important; opacity:0.85 !important; text-transform:uppercase !important; letter-spacing:1px !important; color:#fff !important; }
div.bsg-wrapper span.bsg-result-size  { display:block !important; font-size:3em !important; font-weight:800 !important; line-height:1.1 !important; margin:4px 0 12px !important; color:#fff !important; }
div.bsg-wrapper div.bsg-result-details { background:rgba(255,255,255,0.18) !important; border-radius:7px !important; padding:10px 14px !important; margin-bottom:10px !important; font-size:0.88em !important; line-height:1.8 !important; text-align:left !important; color:#fff !important; }
div.bsg-wrapper div.bsg-sister-sizes { font-size:0.86em !important; color:#fff !important; }

div.bsg-wrapper div.bsg-tbl-wrap { width:100% !important; margin-bottom:20px !important; border-radius:10px !important; border:1px solid #f0c0d0 !important; overflow:hidden !important; }
div.bsg-wrapper table.bsg-tbl { width:100% !important; border-collapse:collapse !important; font-size:0.88em !important; background:#fff !important; }
div.bsg-wrapper table.bsg-tbl thead tr { background:#c2185b !important; }
div.bsg-wrapper table.bsg-tbl thead th { background:#c2185b !important; color:#fff !important; padding:9px 10px !important; text-align:center !important; font-weight:700 !important; border:1px solid #880e4f !important; font-size:0.88em !important; }
div.bsg-wrapper table.bsg-tbl tbody tr { background:#fff !important; }
div.bsg-wrapper table.bsg-tbl tbody tr:nth-child(even) { background:#fff0f5 !important; }
div.bsg-wrapper table.bsg-tbl tbody tr:hover { background:#fce4ec !important; }
div.bsg-wrapper table.bsg-tbl tbody td { padding:7px 10px !important; text-align:center !important; border:1px solid #f0c0d0 !important; color:#333 !important; font-size:0.88em !important; }
div.bsg-wrapper table.bsg-tbl tbody td strong { color:#c2185b !important; font-weight:700 !important; }

div.bsg-wrapper div.bsg-matrix-outer { width:100% !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; display:block !important; margin-bottom:20px !important; border-radius:10px !important; border:1px solid #f0c0d0 !important; }
div.bsg-wrapper div.bsg-matrix-outer table { width:auto !important; min-width:100% !important; border-collapse:collapse !important; font-size:0.82em !important; max-width:none !important; }
div.bsg-wrapper div.bsg-matrix-outer table thead tr { background:#c2185b !important; }
div.bsg-wrapper div.bsg-matrix-outer table thead th { background:#c2185b !important; color:#fff !important; padding:8px 7px !important; text-align:center !important; font-weight:700 !important; border:1px solid #880e4f !important; white-space:nowrap !important; }
div.bsg-wrapper div.bsg-matrix-outer table tbody tr { background:#fff !important; }
div.bsg-wrapper div.bsg-matrix-outer table tbody tr:nth-child(even) { background:#fff0f5 !important; }
div.bsg-wrapper div.bsg-matrix-outer table tbody tr:hover { background:#fce4ec !important; }
div.bsg-wrapper div.bsg-matrix-outer table tbody td { padding:6px 7px !important; text-align:center !important; border:1px solid #f0c0d0 !important; white-space:nowrap !important; color:#333 !important; }
div.bsg-wrapper div.bsg-matrix-outer table thead th:first-child,
div.bsg-wrapper div.bsg-matrix-outer table tbody td:first-child { position:sticky !important; left:0 !important; z-index:2 !important; background:#880e4f !important; color:#fff !important; font-weight:700 !important; border-right:2px solid #c2185b !important; min-width:44px !important; }
div.bsg-wrapper div.bsg-matrix-outer table thead th:first-child { z-index:3 !important; }
div.bsg-wrapper div.bsg-matrix-outer table tbody tr:nth-child(even) td:first-child { background:#880e4f !important; }
div.bsg-wrapper p.bsg-scroll-note { font-size:0.78em !important; color:#c2185b !important; margin:-4px 0 8px !important; display:none !important; }

div.bsg-wrapper div.bsg-tips-grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important; gap:14px !important; }
div.bsg-wrapper div.bsg-tip-card { background:#fff5f8 !important; border:1px solid #f0c0d0 !important; border-radius:10px !important; padding:16px !important; }
div.bsg-wrapper div.bsg-tip-card h4 { margin:6px 0 8px !important; color:#880e4f !important; font-size:0.92em !important; }
div.bsg-wrapper span.bsg-tip-icon { font-size:1.5em !important; }
div.bsg-wrapper div.bsg-tip-card ul { margin:0 !important; padding-left:15px !important; }
div.bsg-wrapper div.bsg-tip-card li { margin-bottom:4px !important; font-size:0.85em !important; color:#333 !important; }
div.bsg-wrapper div.bsg-tip-card p  { font-size:0.85em !important; margin:0 0 6px !important; color:#333 !important; }

@media (max-width:640px) {
    div.bsg-wrapper div.bsg-step { flex-direction:column !important; }
    div.bsg-wrapper p.bsg-scroll-note { display:block !important; }
    div.bsg-wrapper div.bsg-tips-grid { grid-template-columns:1fr !important; }
    div.bsg-wrapper span.bsg-result-size { font-size:2.4em !important; }
    div.bsg-wrapper button.bsg-tab { font-size:0.76em !important; padding:5px 9px !important; }
    div.bsg-wrapper div.bsg-matrix-outer table { font-size:0.75em !important; }
    div.bsg-wrapper div.bsg-matrix-outer table th,
    div.bsg-wrapper div.bsg-matrix-outer table td { padding:5px !important; }
}