@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/fonts/alfont_com_TheYearofHandicrafts-Regular.otf') format('opentype');
  font-weight: 300 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/fonts/alfont_com_TheYearofHandicrafts-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/fonts/alfont_com_TheYearofHandicrafts-SemiBold.otf') format('opentype');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/fonts/alfont_com_TheYearofHandicrafts-Black.otf') format('opentype');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --site-orange: #FF7A00;
  --site-orange-hover: #e06d00;
  --site-ink: #0B0B0B;
  --site-muted: #F7F7F7;
  --site-font: 'TheYearofHandicrafts', 'Cairo', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--site-font);
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #fff;
  color: var(--site-ink);
  overflow-x: hidden;
}

button, input, select, textarea {
  font-family: inherit;
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}