.layout-product-body { display: flex; max-width: var(--main-width, 1200px); margin: 0 auto; }
.layout-product-sidebar { flex: 0 0 20rem; background: #f8f8f8; padding: 1rem; order: 0; }
.layout-product-main { flex: 1; min-width: 0; padding: 1rem 0 1rem 2rem; order: 1; }

[data-device="pad"] .layout-product-body { gap: 1rem; padding: 0 1rem; flex-direction: column; }
[data-device="pad"] .layout-product-sidebar { flex: none; width: 100%; order: 1; margin-top: 1rem; padding: 0.75rem; }
[data-device="pad"] .layout-product-main { order: 0; padding: 0.5rem 0; }

[data-device="phone"] .layout-product-body { gap: 0; padding: 0 1rem; flex-direction: column; }
[data-device="phone"] .layout-product-sidebar { flex: none; width: 100%; order: 1; margin-bottom: 1rem; }
[data-device="phone"] .layout-product-main { order: 0; padding: 0; }