Сергей

1) Ну вы не с нуля будете писать же. А только вьюшку менять. Контроллер у вас остается стандартный.
Шаблон битрикса это огромная куча лишнего кода для тысячи разных ситуаций. У нас есть свои js (jquery) скрипты "положить в корзину", "пересчет в корзину" Они занимают в десятки раз меньше строк кода, по сравнению со стандартными.
Так что это нормальная практика - написать самому всё это и использовать потом в разных проектах как свой дефолтный шаблон

https://www.ozon.ru/context/detail/id/32538522/

А откуда вы взяли что это плагин? Выглядит вполне самописным решением.
Там есть контакты автора сайта, свяжитесь с ним и спросите как он это сделал

1) <div class="link-buy active"></div>
2)

<div class="link-buy">
  <div class="active"></div>
</div>

Прочитайте самоучитель htmlbook.ru/samcss

Как сверстать скошенный блок?
Срезанные/скошенные углы у DIV-слоя с произвольным фоном внутри него и под ним на чистом CSS. Реально ли?
https://www.google.ru/search?q=%D0%9A%D0%B0%D0%BA+...

Поставить z-index 9999 например у блока с видео, тогда он будет над тем фоном

Ну там же есть ссылки на гитхаб. Возьмите и посмотрите

Что учить в 2018 году frontend разработчику? Здесь даны ответы

Идея очень бредовая и бессмысленная. У вас не приложение под ios, а веб-сайт. Адаптировать надо же под разрешение, а не под долбо**зм некоторых создаталей телефонов

хаха) А подумать что папка с кешем это кеш не получилось?)

Вставляй картинкой через тег img и в продакшн

За iframe вылезти нельзя

https://www.google.ru/webhp?sourceid=chrome-instan...

Так там же написано что блок это ul например а табы li - элементы утрированно.

Удалить брейкпоинты.

Советую посмотреть что такое saas, less, stylys, gulp
https://habrahabr.ru/post/264869/

type="email" же. Поставтьте text