@charset "utf-8";

#content{position:relative;background:linear-gradient(180deg,hsl(var(--CPT-THM-H) 15% 50%/50%),transparent) no-repeat center/cover;}
#content::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));}

/*special deals landing page*/
#content>.inner{padding-block:var(--spacing);position:relative;z-index:1;}

#special_deals{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);}
#special_deals .title{display:grid;grid-template-columns:1fr auto;gap:var(--spacing);align-items:end;}
#special_deals .title h3{font-family:inherit;font-size:var(--SiteFS-XXXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
#special_deals .title p{max-width:60em;opacity:.75;margin:0;}
#special_deals .title .tab{display:flex;flex-wrap:wrap;align-items:center;gap:1em;margin-block-start:1.5em;}
#special_deals .title .tab .btw{--shadow-color:transparent;}
#special_deals .title .tab .btw:not(.on){--color:var(--body-text-color,rgba(0 0 0/75%));--background-color:transparent;--border-color:var(--body-text-color-a10,rgba(0 0 0/10%));}
#special_deals .title .art{order:9;}
#special_deals .title .art>img{display:block;width:auto;height:15em;aspect-ratio:5/2;object-fit:contain;}

.spd_list2{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));gap:2em 1em;}
.spd_list2:not(.show){display:none;}
.spd_list2.show{opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
@starting-style{.spd_list2.show{opacity:0;}}
.spd_list2 .specialdeals{display:block;background:var(--background-color-L3,rgba(255 255 255/50%));color:inherit;border-radius:1em;--img-size:5em;}
.spd_list2 .item{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1em;padding:1em;border-radius:1em;position:relative;color:var(--color);background-color:var(--background-color);background-image:url('../images/art/gradient_bg-f5a8237834.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;}
.spd_list2 .item .img{width:var(--img-size);height:var(--img-size);align-self:start;border-radius:25%;overflow:hidden;background-color:var(--body-background-color,#fff);box-shadow:var(--color-img-bdc) 0 0 0 1px,rgb(0 0 0 / 10%) 0 0 1em;margin-block-start:-2em;}
.spd_list2 .item .img img{display:block;width:100%;height:100%;object-fit:cover;}
.spd_list2 .item .T{display:flex;flex-direction:column;gap:.25em;overflow:hidden;}
.spd_list2 .item .sku{font-weight:var(--SiteFW-B);}
.spd_list2 .item .name{opacity:.75;font-size:var(--SiteFS-S);}
.spd_list2 .item .sku,
.spd_list2 .item .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spd_list2 .promo{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;padding:.75em 1em;}
.spd_list2 .price{margin-inline-start:auto;}
.spd_list2 .price b{font-weight:var(--SiteFW-B);}
.spd_list2 .condition{font-size:var(--SiteFS-S);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spd_list2 .rate,
.spd_list2 .free{background-color:var(--text-color-promotion);color:var(--background-color-L3,#fff);min-width:var(--img-size);padding-inline:.5em;box-sizing:border-box;font-weight:var(--SiteFW-B);text-align:center;border-radius:.5em;}

@media only screen and (max-width:1000px){
	#special_deals .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#special_deals .title h3{font-size:var(--SiteFS-XXL);}
	#special_deals .title p{margin-block:unset;}
	#special_deals .title .tab{justify-content:center;}
	#special_deals .title .art{order:-1;width:min(37.5em,100%);margin-inline:auto;}
	#special_deals .title .art>img{width:100%;height:auto;}
}
@media only screen and (max-width:480px){
	.spd_list2{max-width:25em;margin-inline:auto;}
}