html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: auto; /* Вмикає горизонтальний скрол при зумі */
}

body {
  /*  Block copyrite  */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer / Edge */
  user-select: none;         /* Стандартний синтаксис */


  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1440px; /* Забороняє стискати сайт менше ніж 1440px */
  
  /* Центрування через Grid без зламу лівого краю при зумі */
  display: grid;
  justify-content: center;
}

/* Спільний клас для контенту */
.content-container {
  width: 1440px;
  min-width: 1440px;
  max-width: 1440px;
  position: relative;
  box-sizing: border-box;
}


body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-darkgray-100: #a1a1a5;
  --color-darkgray-200: #9797a0;
  --color-dimgray: #58595e;
  --color-gainsboro-100: #e5e7eb;
  --color-gainsboro-200: rgba(217, 217, 217, 0);
  --color-gray-100: #fafafa;
  --color-gray-200: #27272a;
  --color-gray-300: #0a0b0c;
  --color-lightgray: #d1d2d3;
  --color-white: #fff;

  /* Gap */
  --gap-8: 8px;
  --gap-10: 10px;

  /* Padding */
  --padding-0: 0px;
  --padding-2: 2px;
  --padding-12: 12px;

  /* BorderRadius */
  --br-4: 4px;

  /* Font */
  --font-inter: Inter, Arial, sans-serif;

  /* FontSize */
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-16: 16px;

  /* Borders */
  --border-1: 1px solid var(--color-gainsboro-100);

  /* WidthHeights */
  --width-1: 1px;

  /* LetterSpacings */
  --ls--0_01: -0.01;
}