/*  */
.products {
	display: flex;
	position: relative;
	align-items: center;
	width: 100%;
	min-height: 100svh;
	padding: 0.8rem 0;

	/*  */
}
.products .title-frame {
		margin-bottom: 0.68rem;
	}
:is(.products .title-frame) .title {
			color: var(--white);
			max-width: 2rem;
		}
:is(:is(.products .title-frame) .title) img {
				display: inline-block;
				vertical-align: text-top;
				width: 0.4rem;
			}
/*  */
:is(:is(.products .list) .pick.is-open)::before {
				transform: scaleX(1);
				opacity: 1;
			}
:is(:is(.products .list) .pick.is-open) .text {
				opacity: 1;
			}
:is(.products .list) .pick {
			display: block;
			cursor: default;
			position: relative;
			text-align: center;
			padding: 0.16rem 0;
		}
:is(:is(.products .list) .pick):not(:last-child) {
				margin-bottom: 0.32rem;
			}
:is(:is(.products .list) .pick)::before {
				content: "";
				display: block;
				position: absolute;
				transition:
					opacity 512ms var(--ease),
					transform 512ms var(--ease);
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 0.16rem;
				background-color: rgba(15, 2, 52, 0.6);
				border-top-width: 0rem;
				border-right-width: 0.01rem;
				border-bottom-width: 0rem;
				border-left-width: 0.01rem;
				border-style: dashed;
				border-color: var(--orange);
				transform: scaleX(0.975);
				opacity: 0;
			}
:is(:is(.products .list) .pick) .inner {
				display: flex;
				position: relative;
				gap: 0.22rem;
				align-items: center;
				padding: 0.16rem 0;
				width: fit-content;
				margin: auto;
			}
:is(:is(.products .list) .pick) .text {
				position: relative;
				transition: opacity 512ms var(--ease);
				color: var(--white);
				opacity: 0.2;
				margin-top: -0.14rem;
			}
:is(:is(.products .list) .pick) .small {
				display: none;
				color: var(--grey);
			}
:is(:is(.products .list) .pick) .button {
				display: none;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
				:is(:is(.products .title-frame) .title) img {
					width: 0.28rem;
				}
				:is(:is(.products .list) .pick) .text {
					max-width: 3.4rem;
					margin: auto;
				}
	}