Full Width for Category & Product Pages (Basel Theme)

Hi,
Could you please help adjust the layout on the Basel theme?
Category listing pages (example: https://casualclash.com/product-category/womens-t-shirts/), Single product pages (example: https://casualclash.com/product/composed-unleashed-w1/), and Related products section on single product pages should be displayed full-width on desktop, but the rest of the site (header, footer, cart, checkout, tabs on single product page, etc.) should remain unaffected.
Additionally, on mobile devices, the layout should remain unchanged.
Thanks.