.avrelax-frontpage {max-width: 1200px; margin: auto; padding: 40px 20px;}
.avrelax-hero{position: relative; width: 100%; min-height: 90vh; background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url('/images/bg-home.jpg'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center;}
.avrelax-hero-overlay{width: 100%; display: flex; justify-content: flex-start;}
.avrelax-hero-content{width:550px; margin: 20px 0px 30px 50px; color:#bfbfbf; font-size:18px; font-weight:500; text-align: left;}
.avrelax-hero-content h1{font-size:50px; font-weight:800; color:#ffffff;}
.avrelax-section{margin-top:30px;}
.avrelax-section h2 {font-size: 26px; font-weight:800;}
.av-recent {display: inline-block; background: #cd7100; color: #fff; position: relative; overflow: hidden; z-index: 0; padding: 5px 10px; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: 600; border: none; cursor: pointer; text-align: center; transition: color 0.4s ease; margin-right: 10px; margin-top: 10px;}
.av-recent::before {content: ""; position: absolute; inset: 0; width: 0; margin: auto; background-color: #ffffff; transition: width 0.4s ease; z-index: -1;}
.av-recent:hover::before {width: 120%;}
.av-recent:hover {color: #cd7100; text-decoration: none;}
.avrelax-term-tile {display: flex; align-items: center; justify-content: center; height: 90px; border-radius: 14px; color: #fff; font-weight: 600; text-decoration: none; transform: translateY(0); transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.avrelax-term-tile:hover {transform: translateY(-5px); box-shadow: 0 10px 24px rgba(0,0,0,0.35);}
.avrelax-term-tile {background: linear-gradient(135deg, #444, #222);}
.avrelax-term-tile:nth-child(6n + 1) {background: linear-gradient(180deg, #2C3E50, #4CA1AF);}
.avrelax-term-tile:nth-child(6n + 2) {background: linear-gradient(180deg, #6C5B7B, #C06C84);}
.avrelax-term-tile:nth-child(6n + 3) {background: linear-gradient(180deg, #7070B8, #5151C6);}
.avrelax-term-tile:nth-child(6n + 4) {background: linear-gradient(180deg, #36C794, #2F7462);}
.avrelax-term-tile:nth-child(6n + 5) {background: linear-gradient(180deg, #E6AAA1, #A84C5B);}
.avrelax-term-tile:nth-child(6n + 6) {background: linear-gradient(180deg, #7793AA, #4B2969);}
.avrelax-term-grid.studios .avrelax-term-tile {filter: none;}
.avrelax-term-grid.directors .avrelax-term-tile {filter: hue-rotate(20deg);}
.avrelax-term-title {max-width: 100%; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.avrelax-pornstar-avatar {display: block;}
.avrelax-pornstar-avatar img {width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%;}
.avrelax-pornstar-title{position: relative; display: block; text-align: center; color: #ffffff; font-weight: 700; font-size: 16px;}
body.loading {overflow: hidden;}
#loader {position: fixed; inset: 0; z-index: 99999;}
.loader-content {position: fixed; inset: 0; background: #000; display: flex; align-items: center; justify-content: center; z-index: 2;}
#typewriter {font-family: monospace; font-size: 120px; letter-spacing: 6px; color: #fff; font-weight: 800;}
.split {position: fixed; left: 0; width: 100%; height: 50%; background: #000; z-index: 1;}
.split.top { top: 0; }
.split.bottom { bottom: 0; }
.split.top.animate {animation: slideUp 1s forwards;}
.split.bottom.animate {animation: slideDown 1s forwards;}
@keyframes slideUp {to { transform: translateY(-100%); }}
@keyframes slideDown {to { transform: translateY(100%); }}
/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .avrelax-grid.cols-6 {grid-template-columns: repeat(3, 1fr);}
}
/* Mobile */
@media (max-width: 767px) {
	.nav-menu {display: none;}
	.avrelax-grid.cols-6 {grid-template-columns: repeat(2, 1fr);}
}