fix: change z-index of element for compatibility with iOS 18

[tappert-it]

Changed z-index to unset to avoid overlapping of blocks on mobile displays in iOS 18

1. Why is this change necessary?

Compatibility with iOS 18. Without the change overlapping of blocks can occur on Safari, so the cart button is not clickable anymore.

2. What does this change do, exactly?

The z-index of the div with class "product--image-container" is before set to 1000. This change unsets the z-index.

3. Describe each step to reproduce the issue or behaviour.

Occurs after the update to iOS 18 on Safari and Chrome (and maybe more browsers). The image container overlaps the cart button.

4. Please link to the relevant issues (if any).

https://forum.shopware.com/t/ios-safari-oder-chrome-detailseite-buttons-ohne-funktion/105237/

5. Which documentation changes (if any) need to be made because of this PR?

6. Checklist

• I have written tests and verified that they fail without my change
• I have squashed any insignificant commits
• This change has comments for package types, values, functions, and non-obvious lines of code
• I have read the contribution requirements and fulfil them.

[github-actions]

	Fails
🚫	The commit title `Update content.tpl changed z-index to unset to avoid overlapping of blocks on mobile displays in iOS 18` does not match our requirements. Please follow: www.conventionalcommits.org

	Warnings
⚠️	The Pull Request doesn't contain any changes to the Upgrade file

[aragon999]

I would like to avoid inline CSS. Is this also fixed, if the z-index is defined here:

shopware/themes/Frontend/Responsive/frontend/_public/src/less/_modules/detail.less

Lines 95 to 103 in 8520a8d

	.product--image-container {
	.unitize-margin(0, 0, 20, 0);
	width: 100%;
	// Fixing the one pixel rounding error occurring when using a percentage based width.
	.image-slider--slide {
	margin-right: -0.5px;
	}
	}

To me it still sounds like a issue of floating elements in WebKit. But probably the fix is fine. But it should be added as a comment, that it has been added due to a bug in WebKit, otherwise someone may remove it, as it has no effect in other browser engines.

[mitelg]

I also would like to avoid specific OS fixes 🤔 for me it still sounds like a bug like @aragon999 already mentioned.

Also inline styles should not be the solution 🙂

[tappert-it]

Defining the z-index in the detail.less should do the trick, i think.

As we can see in the forum, it's not the perfect solution, as long as iOS 18 seems a bit uncalculatable in this issue. But at least customers can reach the cart button.

[mitelg]

Hey @tappert-it

This PR was closed due to inactivity. In the meantime some other fixes were proposed in the forum, which sound more applicable. Maybe one of those can be provided instead.