fix(product): ensure perfectly symmetrical left/right mobile container margins

This commit is contained in:
parsa aghaei 2026-07-22 15:23:14 +03:30
parent 0fa2b8c1d9
commit 12265c88e8

View File

@ -179,8 +179,8 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
if (!product || !fullProduct || !calculation) return <div className="min-h-screen flex items-center justify-center">محصول یافت نشد</div>;
return (
<div className="min-h-screen bg-medical-gray-50 pt-2 pb-32 sm:pb-20 px-4 md:px-0" dir="rtl">
<div className="max-w-7xl mx-auto">
<div className="min-h-screen bg-medical-gray-50 pt-2 pb-32 sm:pb-20 px-4 sm:px-6 md:px-8 font-vazir" dir="rtl">
<div className="max-w-7xl mx-auto w-full">
{/* Breadcrumbs for Mobile and Desktop */}
<nav className="flex items-center gap-2 text-xs md:text-sm font-semibold text-medical-gray-600 mb-6 md:mb-10 overflow-x-auto whitespace-nowrap py-3 border-b border-medical-gray-100 font-vazir scrollbar-thin scrollbar-thumb-medical-gray-200 scrollbar-track-transparent pr-1" dir="rtl">
<button