*{box-sizing:border-box}
body{margin:0;background:#fff;color:#610a36;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
a{color:#610a36;text-decoration:none}a:hover{text-decoration:underline}
button,input{font-family:inherit}
header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;border-bottom:1px solid #610a36}
header.top nav{display:flex;gap:24px;font-weight:700;font-size:14px;text-transform:uppercase;flex:1;min-width:140px}
header.top .logo img{display:block;height:30px;width:auto}
header.top .cartlink{flex:1;min-width:100px;text-align:right;font-weight:700;font-size:14px;text-transform:uppercase}
footer.foot{border-top:1px solid #610a36;padding:48px 32px;display:flex;flex-wrap:wrap;gap:48px;font-size:14px;line-height:1.5}
footer.foot h4{margin:0 0 8px;font-weight:900;text-transform:uppercase;font-size:14px}
footer.foot .c1{flex:2;min-width:260px;max-width:560px}footer.foot .c2,footer.foot .c3{flex:1;min-width:200px}
.h-label{font-size:14px;font-weight:900;text-transform:uppercase;margin:0 0 20px}
/* shop */
.shop-wrap{padding:24px 32px 32px}
.shop-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase}
.shop-meta span+span{color:#555}
.board{position:relative;height:1350px;margin-top:16px;overflow:hidden;border:1px solid #610a36;background:#fff;touch-action:pan-y}
.item{position:absolute;width:max(22%,150px);max-width:300px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.item a{display:block;padding-top:6px;font-size:12px;font-weight:700;text-transform:uppercase}
/* photos */
.photos{padding:24px 32px}
.cols{column-count:4;column-gap:12px}
.cols img{display:block;width:100%;height:auto;margin:0 0 12px;break-inside:avoid;cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:50;background:rgba(40,4,22,.92);display:none;align-items:center;justify-content:center;cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-width:92%;max-height:86%;object-fit:contain;display:block}
.lb button{position:absolute;background:none;border:0;color:#fff;font-weight:700;cursor:pointer}
.lb .x{top:10px;right:16px;font-size:34px}.lb .p,.lb .n{top:50%;margin-top:-28px;font-size:44px;width:56px;height:56px}
.lb .p{left:6px}.lb .n{right:6px}
/* product */
.prod{display:flex;flex-wrap:wrap;gap:48px;padding:32px;max-width:1200px;margin:0 auto}
.prod .gal{flex:3;min-width:300px}.prod .gal .main{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.thumbs{display:flex;gap:12px;margin-top:12px}.thumbs img{flex:1;min-width:0;max-width:33%;aspect-ratio:1/1;object-fit:cover;border:1px solid #ddd;cursor:pointer}
.thumbs img.on{border-color:#610a36}
.prod .info{flex:2;min-width:280px}
.prod h1{margin:16px 0 8px;font-size:32px;font-weight:900;text-transform:uppercase;line-height:1.05}
.prod .price{font-size:18px;font-weight:700}
.prod p{font-size:14px;line-height:1.6;margin:20px 0}
.lbl{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:8px}
.size{min-width:56px;height:48px;padding:0 16px;border:1px solid #610a36;background:#610a36;color:#fff;font-weight:700;font-size:14px}
.btn{width:100%;height:56px;margin-top:24px;background:#610a36;color:#fff;border:0;font-weight:900;font-size:15px;text-transform:uppercase;cursor:pointer}
.btn[disabled]{opacity:.5;cursor:default}
.specs{margin-top:24px;border-top:1px solid #610a36;padding-top:16px;font-size:13px;line-height:1.7}
.msg{font-size:13px;margin-top:10px;min-height:18px;font-weight:700}
/* cart */
.cartpg{display:flex;flex-wrap:wrap;gap:48px;padding:32px;max-width:1200px;margin:0 auto}
.cartpg .form{flex:3;min-width:300px}.cartpg aside{flex:2;min-width:280px;border:1px solid #610a36;padding:24px;align-self:flex-start}
.fields{display:flex;flex-wrap:wrap;gap:16px}
.fields label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;width:100%}
.fields label.half{width:calc(50% - 8px)}
.fields input{display:block;width:100%;height:48px;margin-top:6px;border:1px solid #610a36;padding:0 12px;font-size:16px;color:#610a36}
.line{display:flex;gap:16px;margin-bottom:14px}.line img{width:80px;height:80px;object-fit:cover;flex:none}
.line .t{flex:1;font-size:13px;line-height:1.5}.line .t a.rm{text-decoration:underline;cursor:pointer}
.tot{border-top:1px solid #610a36;margin-top:20px;padding-top:16px;font-size:13px;line-height:2}
.tot div{display:flex;justify-content:space-between}.tot .g{font-weight:900;text-transform:uppercase}
/* ipod */
body.home{background:#e8edf6;margin:0}
.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.ipod{position:relative;width:330px;height:564px;flex:none;border-radius:34px;background:linear-gradient(180deg,#eceded 0%,#d6d7da 40%,#c6c7ca 100%);border:1px solid #a4a5a9;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 2px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.12),0 2px 3px rgba(0,0,0,.25),0 34px 44px -12px rgba(40,55,90,.45)}
.ipod .sheen{position:absolute;inset:0;border-radius:34px;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 70%,rgba(0,0,0,.07) 100%)}
.bezel{position:absolute;top:21px;left:21px;width:286px;height:222px;background:linear-gradient(#1b1b1d,#050505);border-radius:11px;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.7),inset 0 1px 1px rgba(255,255,255,.18)}
.screen{height:100%;overflow:hidden;border-radius:6px;background:#fff;color:#000}
.sbar{height:24px;background:linear-gradient(#fbfbfb,#a9afb5);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:13px;font-weight:700}
.sbar .r{display:flex;gap:6px;align-items:center}.batt{width:24px;height:10px;border:1px solid #2f7d32;border-radius:2px;background:linear-gradient(#7fe05a,#2fa51f)}
.srow{display:flex;height:calc(100% - 24px)}
.menu{width:58%;flex:none;overflow:hidden}
.menu div{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 8px;font-size:14px;font-weight:700;background:#fff;color:#000}
.menu div.sel{background:linear-gradient(#9a5fd0,#4b1d6e);color:#fff}
.prev{flex:1;min-width:0;background:#f4f4f6;display:flex;align-items:center;justify-content:center}
.prev img{display:block;width:100%;height:100%;object-fit:contain}
.glare{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:6px;pointer-events:none;background:linear-gradient(158deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 39%)}
.wheel{position:absolute;top:292px;left:60px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 50% 28%,#fff 0%,#f7f8f9 55%,#e3e5e8 100%);box-shadow:0 0 0 1px #bdbfc4,0 2px 4px rgba(0,0,0,.28),inset 0 3px 3px #fff,inset 0 -4px 7px rgba(0,0,0,.09)}
.wb{position:absolute;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#98a0a9;letter-spacing:.5px;text-shadow:0 1px 0 #fff;cursor:pointer;user-select:none;-webkit-user-select:none;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}
.wb.menu-b{top:6px;left:60px;width:90px;height:40px}
.wb.prev-b{top:75px;left:4px;width:50px;height:56px}
.wb.next-b{top:75px;right:4px;width:50px;height:56px}
.wb.play-b{bottom:6px;left:60px;width:90px;height:40px}
.sel-b{position:absolute;top:60px;left:60px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#f0f1f3 0%,#d3d5d9 100%);box-shadow:0 0 0 1px #b4b7bc,0 1px 0 #fff,inset 0 3px 5px rgba(0,0,0,.28),inset 0 -2px 3px rgba(255,255,255,.8);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:0}
@media(max-width:700px){
header.top{padding:16px}.shop-wrap{padding:16px}.photos{padding:16px}.cols{column-count:2;column-gap:8px}.cols img{margin-bottom:8px}
.board{height:1400px}.item{width:max(40%,130px)}
.prod,.cartpg{padding:16px;gap:24px}.prod h1{font-size:28px}
footer.foot{padding:32px 16px;gap:24px}
.fields label.half{width:100%}
}

.tracks{max-width:720px}.track{border-top:1px solid #610a36;padding:16px 0}.track:last-child{border-bottom:1px solid #610a36}.trow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.tt{font-size:18px;font-weight:900;text-transform:uppercase}.tl{font-size:12px;font-weight:700}.track audio{display:block;width:100%}
.by{font-size:12px;margin:-4px 0 10px}
.about{height:calc(100% - 24px);background:#fff;overflow:hidden}.about[hidden],.ap[hidden],.srow[hidden]{display:none}
.ap-text{padding:12px 14px;box-sizing:border-box;height:100%;font-size:13px;line-height:1.5;font-weight:600}.ap-text p{margin:0}
.ap-img{height:100%;display:flex;flex-direction:column}.ap-img img{display:block;width:100%;height:144px;flex:none;object-fit:cover}
.cap{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;font-size:13px;line-height:1.3;font-weight:700}
.music{height:calc(100% - 24px);background:#fff;overflow:hidden;display:flex;flex-direction:column}.music[hidden]{display:none}
.music #tlist div{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 8px;font-size:14px;font-weight:700;background:#fff;color:#000}.music #tlist div.sel{background:linear-gradient(#9a5fd0,#4b1d6e);color:#fff}.music #tlist small{font-size:11px;font-weight:700}
.now{flex:1;border-top:1px solid #c9c9ce;background:#f4f4f6;padding:12px 14px;box-sizing:border-box}.nt{font-size:14px;font-weight:900}.nb{font-size:12px;line-height:1.4;margin-top:2px}.nh{margin-top:10px;font-size:12px;font-weight:700;color:#4b1d6e}
.phov{height:calc(100% - 24px);background:#fff;overflow:hidden}.phov[hidden],.pfull[hidden]{display:none}
#pgrid{display:flex;flex-wrap:wrap;gap:2px;padding:2px;box-sizing:border-box;height:100%;align-content:flex-start}
#pgrid img{display:block;width:66px;height:60px;object-fit:cover;cursor:pointer;outline-offset:-2px}#pgrid img.sel{outline:2px solid #9a5fd0}
.pfull{height:100%;background:#000;display:flex;align-items:center;justify-content:center}.pfull img{display:block;max-width:100%;max-height:100%;object-fit:contain}
#pgrid[hidden]{display:none}