.itchio-logo {
	width: 100px;
}
.align-socials {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
}
.align-socials a img {
	vertical-align: text-bottom;
}

.discord {
	color: #7289da
}

.btn-share {
	position: relative;
	width: 79px;
	height: 79px;
	z-index: 2;
}

.share-input {
	display: none;
}


.share-input:checked~.share-toggler .share-icon {
	transition: 0s;
	width: 0;
	height: 0;
	color: #7800ff;
}

.share-input:checked~.share-toggler p{
	display: none;
}

.share-input:checked~.share-toggler .share-icon::before {
	transform: rotate(-45deg);
}

.share-input:checked~.share-toggler .share-icon::after {
	transform: rotate(45deg);
}

.share-input:checked~.share-options {
	width: 146px;
    height: 160px;
    border-radius: 11px;
}

.share-input:checked~.share-options::before,
.share-input:checked~.share-options li {
	transition: 0.3s 0.15s;
	opacity: 1;
	transform: translateY(0);
}

.share-toggler,
.share-options {
	position: absolute;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	background-color: #f8b433;
}

.share-input:checked~.share-toggler{
	width: 22%;
	height: 60%;
}

.share-toggler {
	cursor: pointer;
	z-index: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
}

.share-icon {
	position: relative;
	left: -0.3125em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	color: #7800ff;
	background-color: currentColor;
	box-shadow: 0.625em -0.625em, 0.625em 0.625em;
	transition: 0.1s 0.05s;
	margin-bottom: 18px;
}

.share-icon::before,
.share-icon::after {
	content: "";
	position: absolute;
	width: 1em;
	height: 0.125em;
	background-color: currentColor;
	transition: 0.1s;
}

.share-icon::before {
	top: 0.1875em;
	left: 0.1875em;
	transform-origin: bottom left;
	transform: rotate(45deg);
}

.share-icon::after {
	top: -0.125em;
	left: 0.03125em;
	transform-origin: center;
	transform: rotate(-45deg);
}

.share-options {
	list-style: none;
	margin: 0;
	padding: 1.0625em 1.25em;
	box-sizing: border-box;
	overflow: hidden;
	transition: 0.2s;
	box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.3);
}

.share-options::before {
	content: attr(data-title);
	display: block;
	margin-bottom: 1.25em;
	font-weight: 700;
	color: #7800ff;
}

.share-options li {
	font-size: 0.875em;
	color: #7800ff;
	cursor: pointer;
}

.share-options li:not(:last-child) {
	margin-bottom: 0.75em;
}

.share-options::before,
.share-options li {
	opacity: 0;
	transform: translateY(0.625em);
	transition: 0s;
}
.merch-card {
  width: 260px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  background: white;
  font-family: sans-serif;
  text-align: center;
}

.merch-img {
  width: 100%;
  display: block;
}

.merch-info {
  padding: 12px;
}

.merch-info h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.buy-btn {
  display: inline-block;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  background: #3b82f6; /* bleu */
  color: white;
  transition: background 0.2s ease;
}

.buy-btn:hover {
  background: #2563eb;
}

.btn-presskit {
  display: inline-block;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 12px;
  background: #16a34a; /* vert */
  color: white;
  transition: background 0.2s ease;
}
.btn-presskit:hover {
  background: #15803d;
}

@media screen and (orientation: portrait) {
	.max-w-portrait {
		max-width: 100%;
	}
}