@charset "utf-8";

/*special deals landing page*/
#content{position:relative;background:linear-gradient(180deg,hsl(var(--CPT-THM-H) 15% 50%/50%),transparent) no-repeat center/cover;
	&::after{content:'';display:block;position:absolute;inset:0;z-index:0;width:min(1920px,100%);max-height:var(--VHeight);margin-inline:auto;background:url('../images/art/page_bg-b92fada734.svg') no-repeat top center;-webkit-mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));}
	&>.inner{padding-block:var(--spacing);position:relative;z-index:1;}
}
#special_deals{display:flex;flex-direction:column;row-gap:calc(var(--spacing) + .75em);
	.title{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing);align-items:end;
		& h3{font-size:var(--SiteFS-XXXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
		& p{max-width:60em;color:var(--body-text-color-a50);margin:unset;}
		.tab{display:flex;flex-wrap:wrap;align-items:center;gap:1em;margin-block-start:1.5em;
			.btw:not(.on){--color:var(--body-text-color);--background-color:transparent;--border-color:var(--body-text-color-a10);}
		}
		.art{width:20em;height:15em;
			&>img{display:block;width:100%;height:100%;object-fit:contain;}
		}
	}
	.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(18em,1fr));gap:var(--spacing);
		&:not(.show){display:none;}
		&.show{transition:opacity 300ms;transition-behavior:allow-discrete;
			@starting-style{opacity:0;}
		}
		.specialdeals{display:block;background-color:var(--background-color-L3);color:inherit;border-radius:1em;
			.ItemLink{padding:1em;border-radius:1em;color:var(--color);background-color:var(--background-color);background-image:url('../images/art/gradient_bg-c876d8c53b.svg'),linear-gradient(calc(var(--angle-reverse,1) * 135deg),hsl(var(--offset-h1) var(--offset-s1) var(--offset-l1)),hsl(var(--offset-h2) var(--offset-s2) var(--offset-l2)));background-repeat:repeat-x;background-position:-90% 0,center;background-size:225% auto,cover;
				.img{margin-block-start:-1.75em;}
				.T{
					.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
					.tags>span{color:hsl(0 0% var(--lightness-trend) / 75%);}
				}
			}
			.Mark{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;padding:.75em 1em;
				.discount{min-width:5em;text-align:center;text-transform:none;}
				.condition,.price{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
				.condition{font-size:var(--SiteFS-S);}
				.price{font-weight:var(--SiteFW-B);text-align:end;}
			}
		}
	}
	@media only screen and (max-width:800px){
		.title{display:flex;flex-direction:column;align-items:center;text-align:center;
			& h3{font-size:var(--SiteFS-XXL);}
			.tab{justify-content:center;}
		}
		.list{max-width:40em;margin-inline:auto;column-gap:1em;}
	}
	@media only screen and (max-width:480px){
		.title .tab .btw{--icon:none;}
		.list{max-width:25em;}
	}
}