Sandales pour femmes | Brides ajustables, confort optimal | Style chic d’été

Beschreibung

/* ===== Card / Border ===== */
.hm-size-chart.sandals{
–accent:#0ea5e9; –border:#e5e7eb; –head:#0f172a; –bg:#ffffff;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
max-width: 980px; margin: 28px auto; background: var(–bg);
border: 2px solid var(–border); border-radius: 18px; overflow: hidden;
box-shadow: 0 10px 28px rgba(2,6,23,.12);
}
.hm-size-chart .hm-head{
background:var(–head); color:#e5e7eb; padding:16px 22px; border-bottom:4px solid var(–accent);
}
.hm-size-chart .hm-head h2{ margin:0; font-size:1.14rem; font-weight:700; }
.hm-size-chart .hm-head p{ margin:6px 0 0; font-size:.96rem; opacity:.9; }

/* ===== Table wrapper ===== */
.hm-size-chart .sc-wrap{
border:1px solid var(–border); border-radius:16px; margin:20px; background:#fff; overflow:auto;
}

/* Prevent theme “stacked table” overlays (no overlaps) */
.hm-size-chart td::before, .hm-size-chart th::before{ content:none !important; display:none !important; }

/* ===== Table ===== */
.hm-size-chart .sc-table{
width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; line-height:1.5;
min-width: 720px; /* ensures one-line headers */
}
.hm-size-chart th, .hm-size-chart td{
display:table-cell !important;
padding:14px 12px; border-top:1px solid var(–border);
color:#0f172a; vertical-align:middle; white-space:nowrap; text-align:center;
}
.hm-size-chart thead th{ border-top:none; font-weight:700; }

/* Column widths (sum = 100% to stay inside border) */
.hm-size-chart col.c-eu{ width:20%; min-width:130px; }
.hm-size-chart col.c-us{ width:18%; min-width:120px; }
.hm-size-chart col.c-cm{ width:32%; min-width:200px; }
.hm-size-chart col.c-in{ width:30%; min-width:190px; }

/* Zebra rows */
.hm-size-chart tbody tr.alt td{ background:#fbfbfc; }

/* Instructions */
.hm-size-chart .hm-instructions{
border-top:1px solid var(–border); padding:0 22px 20px 22px; margin:0 20px 22px;
}
.hm-size-chart .hm-instructions h3{ margin:0 0 8px 0; font-size:1rem; color:#0f172a; }
.hm-size-chart .hm-instructions ol{ margin:0; padding-left:18px; color:#111827; font-size:.96rem; line-height:1.6; }

/* Mobile compact */
@media (max-width:480px){
.hm-size-chart th, .hm-size-chart td{ padding:10px 8px; font-size:.94rem; }
}