Как решить проблему со смещением макета и подогнать контейнер под размер картинки?

Возьмите masonry-скрипт без участия гридов.

Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?

its2easyy, это вопрос сначала к дизайнеру.
И нет никакого дефолтного у всех одинакового масштабирования винды. Оно, дефолтное, зависит от монитора/устройства.

Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?

Попросите открыть это https://www.esolutions.se/en/test и сделать скрин.
Будет виден настоящий размер вьюпорта.
Так и вы и клиент увидите, что у него на самом деле.

А дальше по обстоятельствам увиденного.

Почему эффект применяется только к одной кнопке из трёх?

Deita, варианты починки бага со скруглением https://sitist.ru/bug-border-radius.html

Как сделать кнопку написать в ватсап с ссылкой на товар?

Mracula, вы чудесно формулируете вопросы.

Не формируется ссылка и название товара

Ну и при чем тут сам ватсап и то как вставить ссылку?

Берем, делаем ссылку ручками

<a href="https://wa.me/79999999999?text=Хочу%20получить%20этот-товар%20https://ya.ru" class="btn btn-default btn-whatsapp" target="_blank">В WhatsApp</a>

убеждаемся, что так всё работает.
Текущий вопрос считаем закрытым и идём разбираться с тем, откуда берется {{ product.name }} и его ссылка и как её подставить, чтобы всё заработало.

Как сделать кнопку написать в ватсап с ссылкой на товар?

<a href="https://wa.me/79999999999?text=Хочу получить {{ product.name }} {{ product.url}}" class="btn btn-default btn-whatsapp" target="_blank">В WhatsApp</a>

Возможно, ещё пробелы %20

Как уменьшить масштаб блока в зависимости от размеров родителя?

raving, переверстайте или используйте calc (вероятно, будет удобнее совместно с кастомными свойствами) или пересчитывайте на js.

Как уменьшить масштаб блока в зависимости от размеров родителя?

raving, текст будет изменяться пропорционально и никуда не перепрыгнет. Это если прочитать рекомендации.

Как уменьшить масштаб блока в зависимости от размеров родителя?

Вообще реально ли такое сделать?

Да, реально. Считайте необходимый масштаб и уменьшайте.

Только зачем это всё, если можно сделать нормально.

Вы зачем-то задаете блокам фикс ширину 900 и 500 px.
Если хотите, чтобы они пропорционально изменялись, то используйте гриды, 9fr 5fr. Или проценты. Или единицы измерения от контейнера (если позволяет поддержка).
Для текста также используйте контейнерные единицы. Если поддержка не позволяет, вычисляйте через vw.

И потерялась обертка для адаптивной картинки. Или грид ячейка может выступать в роли такой "обертки". Сейчас ваш contain может работать как заблагорассудится браузеру.

Возможно ли изменение самого контейнера через контейнерный запрос?

Не могу понять, атрибуты самого контейнера нет возможности менять?

1. В спеке написано как это работает, что контейнер это предок.
2. У вас не получилось сделать пример в противоречие спеке.
Что именно после этого осталось непонятным?

Можно ли как то реализовать это без обертки

Зависит от того, за счет чего меняется ширина элемента.
Если из-за вьюпорта, то есть обертка body.
Если по собственному же контенту, то можно покрасить фон псевдоэлемента.

В таких ситуациях лучше рассказывать истинную задачу, а не получившуюся, вероятно из-за неверных предыдущих шагов, странную ситуацию.

Как в Fancybox 4 отключить воможность перетаскивания окон?

Сергей Арсентьев, обычно такие вещи всегда есть в документации, рекомендую.

Как в Fancybox 4 отключить воможность перетаскивания окон?

Это dragToClose: false?
Или чтобы и не перелистывалось?

Как растянуть линию от отного блока до другого?

Если удалить span и заменить его на псевдоэлемент, то будет и не плохо.

Почему не загружаются шрифты на сайте?

goga_giga, в современном мире лучше бы woff2, а не ttf. Гуглите что-то вроде "подключение шрифтов из папки"
И без пробелов в названиях файлов (не важно шрифты или что-то другое).

Где найти созданные на WordPress страницы?

сможете посоветовать мне хорошее руководство по WP?

https://wp-kama.ru/ + обычная гуглежка

Почему в любом браузере жирный текст на сайте deepseek?

Я бы начала с проверки шрифта на вкладке Computed.
А потом, соответственно, или проверять что с этим шрифтом у вас в системе или что с предыдущими по списку.
Например, у вас в системе установлен кривой шрифт или нет нужной жирности или в нём эта жирность перепутана. Или типа того.

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, да, так прекрасно

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, конечно, колонки-то потерялись, размеры потерялись, пустой div остался.

Как сделать эффект при наведении как в меню на этом сайте?

Антон Антон, Флексы не позволяют накладывать элементы друг на друга. А гриды позволяют. При этом более защищены от проблем переполнения, в отличие от абсолютов.

Как сделать эффект при наведении как в меню на этом сайте?

без этих ваших :before

Если заменить пустые теги на эти наши псевдоэлементы, то будет супер.
И работать будет и без мусора в разметке.

А если абсолют заменить на гриды, то будет просто праздник, а не код.