/* Aryan Showcase — frontend (theme-proofed, responsive, marquee animation) */

.aryanshowcase{
	position:relative;overflow:hidden;box-sizing:border-box;width:100%;display:block;
	color:var(--asc-text,#fff);
}
.aryanshowcase.aryanshowcase-fullwidth{
	width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
}
.aryanshowcase *,
.aryanshowcase *::before,
.aryanshowcase *::after{box-sizing:border-box;}
.aryanshowcase h2,.aryanshowcase p{margin:0;padding:0;text-indent:0;}
.aryanshowcase a{text-decoration:none;color:inherit;}

/* Glow */
.aryanshowcase .aryanshowcase-orb{
	position:absolute;border-radius:50%;filter:blur(110px);opacity:.4;
	background:var(--asc-glow,#6d4bff);pointer-events:none;z-index:0;
}
.aryanshowcase .aryanshowcase-orb-1{width:420px;height:420px;top:-120px;left:6%;}
.aryanshowcase .aryanshowcase-orb-2{width:460px;height:460px;bottom:-160px;right:4%;opacity:.28;}

.aryanshowcase .aryanshowcase-inner{
	position:relative;z-index:1;max-width:var(--asc-maxw,1120px);margin:0 auto;padding:var(--asc-cpad,16px);
}
.aryanshowcase .aryanshowcase-section{margin-bottom:56px;opacity:1;transition:opacity .7s ease;}
.aryanshowcase .aryanshowcase-section:last-child{margin-bottom:0;}
/* Reveal-on-scroll only when JS is active; without JS content stays visible */
.aryanshowcase.aryanshowcase-js .aryanshowcase-section{opacity:0;}
.aryanshowcase.aryanshowcase-js .aryanshowcase-section.is-in{opacity:1;}
.aryanshowcase .aryanshowcase-heading{
	text-align:center;font-size:clamp(22px,3vw,32px);font-weight:800;
	letter-spacing:.3px;margin:0 0 30px;color:var(--asc-text,#fff);
}

/* ---------- Marquee base ---------- */
.aryanshowcase .aryanshowcase-popular,
.aryanshowcase .aryanshowcase-srow{
	overflow-x:auto;overflow-y:hidden;
}
.aryanshowcase .aryanshowcase-popular.is-marquee,
.aryanshowcase .aryanshowcase-srow.is-marquee{
	overflow:hidden;cursor:grab;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
	mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.aryanshowcase .aryanshowcase-popular.is-grabbing,
.aryanshowcase .aryanshowcase-srow.is-grabbing{cursor:grabbing;}
.aryanshowcase .aryanshowcase-ptrack,
.aryanshowcase .aryanshowcase-strack{
	display:flex;width:max-content;will-change:transform;user-select:none;-webkit-user-select:none;
}
.aryanshowcase .aryanshowcase-ptrack{gap:16px;align-items:center;padding:8px 0;}
.aryanshowcase .aryanshowcase-strack{gap:14px;padding:2px 0;}

/* ---------- Popular cards ---------- */
.aryanshowcase .aryanshowcase-pcard{
	position:relative;width:190px;flex:0 0 190px;
	background:var(--asc-card,#161c33);border:1px solid rgba(255,255,255,.08);
	border-radius:var(--asc-radius,18px);overflow:hidden;display:block;
	box-shadow:0 14px 30px rgba(0,0,0,.35);
	transition:transform .35s ease,box-shadow .35s ease;
}
.aryanshowcase .aryanshowcase-popular:not(.is-grabbing) .aryanshowcase-pcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.45);}
.aryanshowcase .aryanshowcase-pcard.is-featured{
	width:216px;flex:0 0 216px;border-color:rgba(139,92,246,.5);box-shadow:0 22px 50px rgba(109,75,255,.4);
}
.aryanshowcase .aryanshowcase-pimg{
	display:block;width:100%;height:230px;background-size:cover;background-position:center;
	background-color:#20264a;background-image:linear-gradient(150deg,#3a2f6e,#20264a);
}
.aryanshowcase .aryanshowcase-pcard.is-featured .aryanshowcase-pimg{height:264px;}
.aryanshowcase .aryanshowcase-pbody{display:block;padding:12px 13px 14px;}
.aryanshowcase .aryanshowcase-pmeta{display:block;margin-bottom:8px;}
.aryanshowcase .aryanshowcase-ptitle{display:block;font-size:14px;font-weight:700;color:var(--asc-text,#fff);}
.aryanshowcase .aryanshowcase-pauthor{display:block;font-size:11.5px;color:var(--asc-muted,#9aa3c0);margin-top:2px;}
.aryanshowcase .aryanshowcase-prow{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.aryanshowcase .aryanshowcase-pprice{
	font-size:12.5px;font-weight:700;color:var(--asc-accent,#8b5cf6);
	background:rgba(139,92,246,.14);padding:4px 9px;border-radius:999px;white-space:nowrap;
}
.aryanshowcase .aryanshowcase-pstat{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--asc-muted,#9aa3c0);white-space:nowrap;}
.aryanshowcase .aryanshowcase-eye{opacity:.8;}

/* ---------- Sellers (marquee rows) ---------- */
.aryanshowcase .aryanshowcase-srows{display:flex;flex-direction:column;gap:14px;}
.aryanshowcase .aryanshowcase-seller{
	display:flex;align-items:center;gap:11px;padding:12px 14px;width:240px;flex:0 0 240px;
	background:var(--asc-card,#161c33);border:1px solid rgba(255,255,255,.08);
	border-radius:14px;transition:transform .3s ease,border-color .3s ease;
}
.aryanshowcase .aryanshowcase-srow:not(.is-grabbing) .aryanshowcase-seller:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.45);}
.aryanshowcase .aryanshowcase-srank{font-size:12px;font-weight:700;color:var(--asc-muted,#9aa3c0);width:16px;flex:0 0 16px;text-align:center;}
.aryanshowcase .aryanshowcase-savatar{
	width:42px;height:42px;flex:0 0 42px;border-radius:50%;background-size:cover;background-position:center;
	background-color:#2a2f52;background-image:linear-gradient(150deg,#4a3f8e,#2a2f52);border:2px solid rgba(255,255,255,.1);
}
.aryanshowcase .aryanshowcase-sinfo{display:flex;flex-direction:column;min-width:0;}
.aryanshowcase .aryanshowcase-sname{font-size:13.5px;font-weight:700;color:var(--asc-text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aryanshowcase .aryanshowcase-samount{font-size:12px;color:var(--asc-accent,#8b5cf6);margin-top:2px;}

/* Drag: prevent image ghost/select */
.aryanshowcase .aryanshowcase-ptrack img,
.aryanshowcase .aryanshowcase-strack img{pointer-events:none;}

@media (prefers-reduced-motion:reduce){
	.aryanshowcase *{transition:none !important;}
	.aryanshowcase .aryanshowcase-section{opacity:1 !important;}
}

/* Responsive tweaks */
@media (max-width:560px){
	.aryanshowcase .aryanshowcase-pcard{width:170px;flex:0 0 170px;}
	.aryanshowcase .aryanshowcase-pcard.is-featured{width:190px;flex:0 0 190px;}
	.aryanshowcase .aryanshowcase-pimg{height:210px;}
	.aryanshowcase .aryanshowcase-pcard.is-featured .aryanshowcase-pimg{height:236px;}
	.aryanshowcase .aryanshowcase-seller{width:210px;flex:0 0 210px;}
}