@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root {
  --font-family: "Bebas Neue",sans-serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1781037276727.png");
  --color-base-100: #404040;
  --color-base-200: #1c1c1c;
  --color-base-300: #d70000;
  --color-base-content: #ffffff;
  --color-primary: #750000;
  --color-primary-content: #e6e6e6;
  --color-secondary: #454545;
  --color-secondary-content: #b5b5b5;
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.8rem;
  --size-selector: 2px;
  --size-field: 2px;
  --size-grid-item-margin: 15px;
  --border-border: 3px;
  --depth-depth: 2;
  --noise-noise: 1;
}


/* Layout: home */
:root {
}
@media (min-width: 375px) {
  :root {
    --items-content-per-row: 2;
    --items-featured-per-row: 2;
    --items-model-per-row: 2;
    --items-reels-per-row: 3;
  }
}
@media (min-width: 768px) {
  :root {
    --items-content-per-row: 2;
    --items-featured-per-row: 2;
    --items-model-per-row: 3;
    --items-reels-per-row: 2;
  }
}
@media (min-width: 1024px) {
  :root {
    --items-content-per-row: 3;
    --items-featured-per-row: 4;
    --items-model-per-row: 6;
    --items-reels-per-row: 4;
  }
}
@media (min-width: 1440px) {
  :root {
    --items-content-per-row: 5;
    --items-featured-per-row: 4;
    --items-model-per-row: 6;
    --items-reels-per-row: 6;
  }
}


/* Layout: models */
#models-page {
}
@media (min-width: 375px) {
  #models-page {
    --items-model-per-row: 4;
  }
}
@media (min-width: 768px) {
  #models-page {
    --items-model-per-row: 3;
  }
}
@media (min-width: 1024px) {
  #models-page {
    --items-model-per-row: 4;
  }
}
@media (min-width: 1440px) {
  #models-page {
    --items-model-per-row: 6;
  }
}


/* Layout: trailer */
#trailer-page {
}
@media (min-width: 375px) {
  #trailer-page {
    --items-similar-per-row: 1;
  }
}
@media (min-width: 768px) {
  #trailer-page {
    --items-similar-per-row: 2;
  }
}
@media (min-width: 1024px) {
  #trailer-page {
    --items-similar-per-row: 4;
  }
}
@media (min-width: 1440px) {
  #trailer-page {
    --items-similar-per-row: 3;
  }
}


/* Layout: videos */
#videos-page {
}
@media (min-width: 375px) {
  #videos-page {
    --items-content-per-row: 1;
  }
}
@media (min-width: 768px) {
  #videos-page {
    --items-content-per-row: 2;
  }
}
@media (min-width: 1024px) {
  #videos-page {
    --items-content-per-row: 4;
  }
}
@media (min-width: 1440px) {
  #videos-page {
    --items-content-per-row: 4;
  }
}