/* Six original car photos, untouched: all foil is CSS-only. */
.demo-grid{gap:20px!important}
.asm-demo-foil-card{position:relative;isolation:isolate;overflow:hidden;border:5px solid transparent!important;border-radius:18px!important;background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#b6fff0,#627eac 24%,#f7bbf2 44%,#e6f9b6 63%,#63c5d5 83%,#e8d3ff) border-box!important;box-shadow:0 16px 40px #0008,0 0 18px #d7c2ff18;transition:transform .2s}
.asm-demo-foil-card:hover{transform:translateY(-4px)}
.asm-demo-foil-card:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,transparent 30%,#ffffff38 48%,#a7fff222 53%,transparent 72%);background-size:230% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:.3;transition:background-position .65s}
.asm-demo-foil-card:hover:after,.asm-demo-foil-card:focus-within:after{background-position:0 0}
.asm-demo-foil-card .demo-photo{position:relative;display:block;overflow:hidden}
.asm-demo-foil-card .demo-photo img{object-fit:contain!important}
.asm-demo-foil-label{position:absolute;bottom:9px;left:9px;z-index:2;background:#352345e8;color:#f8dfff;border:1px solid #d7a8ed;padding:6px 9px;border-radius:30px;font-size:10px;letter-spacing:.08em;font-weight:900;pointer-events:none}
.asm-demo-origin{font-size:9px;font-weight:900;letter-spacing:.11em;color:#b5fce5;margin-bottom:9px}
@media(max-width:600px){.asm-demo-foil-card{border-width:3px!important}.asm-demo-foil-label{font-size:8px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.asm-demo-foil-card,.asm-demo-foil-card:after{transition:none!important}}

/* Demo collection card-view foil. */
.asm-legacy-demo-card{position:relative;overflow:hidden;border:4px solid transparent!important;border-radius:16px!important;background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#b6fff0,#6479b5,#edb3e8,#b7f3da) border-box!important;box-shadow:0 12px 30px #0007}
.asm-legacy-demo-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 36%,#ffffff29 50%,transparent 65%);opacity:.3}

.asm-featured-foil{border:4px solid transparent!important;background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#b7fff1,#6e8dcb 24%,#f4bde7 47%,#f0f5b0 65%,#83dce7) border-box!important;box-shadow:0 16px 50px #0008,0 0 25px #9ddaca22}
.asm-featured-foil .profile-body{position:relative;padding-top:48px}.asm-featured-foil-tag{position:absolute;top:12px;left:18px;color:#f5e6ff;font-size:10px;font-weight:850;letter-spacing:.11em}
.asm-featured-foil .hero-photo{position:relative}.asm-featured-foil .hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff20 50%,transparent 65%);opacity:.45}
@media(max-width:720px){.topbar .toprow{height:auto!important;min-height:65px;display:flex!important;flex-wrap:wrap!important;gap:4px 10px;padding-top:10px;padding-bottom:10px}.topbar .brand{flex:0 0 auto}.topbar .nav{width:100%;min-width:0;display:flex!important;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:5px;padding-bottom:3px}.topbar .nav a{flex:0 0 auto}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.asm-demo-foil-card .demo-photo{height:200px}.asm-demo-foil-card .demo-car-info{padding:12px}.asm-demo-foil-card .demo-car-info h3{font-size:15px;overflow-wrap:anywhere}.asm-demo-foil-card .demo-car-info p{font-size:11px}.asm-demo-foil-card .demo-actions{display:flex;flex-wrap:wrap;gap:7px}.asm-demo-foil-card .demo-actions .btn{width:100%;font-size:11px;padding:10px 5px}.asm-demo-foil-card .demo-vehicle-link{font-size:11px}.asm-demo-foil-card .demo-number{font-size:9px}.asm-demo-foil-label{bottom:6px;left:5px;font-size:7px}}@media(max-width:360px){.demo-grid{grid-template-columns:1fr!important}.asm-demo-foil-card .demo-photo{height:240px}}

/* Stage 7R7: per-card edge art; originals never modified. */
.demo-grid .asm-demo-foil-card:nth-child(4n+1){border-image:none;background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#ff73b9,#79f9e2,#ffdc7b) border-box!important}
.demo-grid .asm-demo-foil-card:nth-child(4n+2){background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#7cd8ff,#ac82ff,#d5faff) border-box!important}
.demo-grid .asm-demo-foil-card:nth-child(4n+3){background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#ff716a,#f7f3e9,#242a35) border-box!important}
.demo-grid .asm-demo-foil-card:nth-child(4n){background:linear-gradient(#10191b,#10191b) padding-box,linear-gradient(130deg,#ffd08b,#5e987d,#fff2ca) border-box!important}
