/* Consistent product composition and controls, shared across screen sizes. */
body{background:#0b0e16}
header,main,footer{max-width:1320px}
.announcement{min-height:76px;padding-block:14px;align-items:center}
.announcement .telegram-icon{transform:none;flex:0 0 40px;font-size:22px;overflow:hidden}
.announcement>div{min-width:0}.announcement>div>span{font-size:13px;line-height:1.45}
.announcement a{margin-left:auto;border-radius:12px;font-size:14px}
.brand small{font-size:10px;letter-spacing:.12em}.brandmark{width:40px;height:44px}
header nav{gap:22px;font-size:14px}.hero{padding:32px 0 24px;min-height:0}.hero h1{font-size:40px;margin-bottom:12px}.hero .eyebrow{margin-bottom:12px;font-size:12px}.intro{line-height:1.6}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.card{display:flex;flex-direction:column;background:#131823;border-radius:20px;box-shadow:none;border-color:#ffffff12}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0003;border-color:#6577b366}
.card .card-art.brand-cover{height:206px;aspect-ratio:auto;min-height:0;padding:0;background:radial-gradient(ellipse at 85% 0%,#586da52c,transparent 70%),#171e2d!important;display:flex;align-items:center;justify-content:center;flex:none}
.card .card-art.brand-cover[data-brand=duolingo],.card .card-art.brand-cover[data-brand=spotify]{background:radial-gradient(ellipse at 85% 0%,#2a785057,transparent 75%),#14241f!important}
.card .card-art.brand-cover[data-brand=gptplus]{background:radial-gradient(ellipse at 85% 0%,#2d998757,transparent 75%),#122521!important}
.card .card-art.brand-cover[data-brand=proton],.card .card-art.brand-cover[data-brand=hostinger],.card .card-art.brand-cover[data-brand=figma]{background:radial-gradient(ellipse at 85% 0%,#8060b657,transparent 75%),#241b32!important}
.card .card-art.brand-cover[data-brand=x6],.card .card-art.brand-cover[data-brand=grok],.card .card-art.brand-cover[data-brand=capcut]{background:linear-gradient(130deg,#222831,#14171e)!important}
.card .card-art.brand-cover .product-brand{inset:24px auto auto 50%;width:84px;height:84px;object-fit:contain;transform:translateX(-50%);padding:14px;background:#fff;border-radius:20px;box-shadow:0 8px 22px #0002}
.card .card-art.brand-cover .cover-name{position:absolute;bottom:47px;left:12px;right:12px;margin:0;max-width:none;text-align:center;font-size:25px;font-weight:650;line-height:1.2;color:#f7f8fc;text-shadow:none;letter-spacing:-.035em}
.card .card-art.brand-cover .cover-tier{bottom:22px;left:10px;right:10px;text-align:center;font-size:12px;color:#bdc8d8;letter-spacing:.06em;line-height:1.3}
.card .card-body{display:flex;flex-direction:column;flex:1;padding:19px;min-width:0}
.card h3{font-size:15px;line-height:1.5;font-weight:550;min-height:68px;margin:0 0 13px;-webkit-line-clamp:3;overflow-wrap:anywhere}
.card-stock{font-size:13px;line-height:1.5;margin:0 0 16px}.card-bottom{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;gap:14px}
.card-bottom .price{font-size:25px;font-weight:650;line-height:1.2;white-space:nowrap}
button.primary,a.primary,.outline,.card-bottom button,.categories button,.announcement a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:550;line-height:1.3;cursor:pointer;text-align:center;transition:background .18s,border-color .18s,box-shadow .18s}
button.primary,a.primary,.card-bottom button{background:#526ef1;color:#fff;border:1px solid #7187f6;box-shadow:inset 0 1px #ffffff16}
button.primary:hover,a.primary:hover,.card-bottom button:hover{background:#627efb;transform:none;box-shadow:0 4px 18px #526ef12b}
.outline{background:#ffffff05;border:1px solid #ffffff20;color:#e3e8f4;box-shadow:none}.outline:hover{background:#ffffff0e;transform:none}
button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9aafff;outline-offset:3px}
.categories button{min-height:40px;padding:9px 14px;font-weight:400;font-size:13px;border-radius:10px}.categories button.active{background:#e9edff;color:#1d2855;box-shadow:none;border-color:#e9edff}
.toolbar{max-width:760px}.search{border-radius:12px}.search input{font-size:14px;min-height:46px}.toolbar select{border-radius:12px;width:190px;font-size:14px}.filter-row{margin:16px 0 26px}.stock-filter{font-size:14px}.stock-filter input{width:16px;height:16px;accent-color:#7289ff}
.close,.banner-close{min-width:36px;min-height:36px;border-radius:10px}.close:hover,.banner-close:hover{background:#ffffff0b}
.login-choices{display:grid;gap:12px;margin-top:24px}.login-choices button{min-height:50px}.login-error{color:#ffb2b2!important;font-size:14px;line-height:1.5;white-space:pre-wrap}.email-form input[name=code]{font-size:26px;letter-spacing:.25em;text-align:center;font-variant-numeric:tabular-nums}.email-form .text-button{padding:8px;color:#aabaff}.detail-brand-cover{background:#f1f4fa!important}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}header nav{gap:14px}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.announcement>div>span{display:none}.announcement .telegram-icon{display:none}.announcement{gap:10px;min-height:64px}.announcement strong{font-size:13px}.announcement a{padding:10px 12px;font-size:12px;min-height:38px}.hero h1{font-size:34px}.hero{padding-top:25px}.intro{font-size:15px}.toolbar{flex-wrap:wrap}.search{min-width:0;flex:1}.toolbar select{width:165px}.card .card-body{padding:15px}.card h3{font-size:14px;min-height:63px}.card-bottom .price{font-size:22px}.card .card-art.brand-cover{height:185px}.card .card-art.brand-cover .product-brand{width:70px;height:70px;top:20px;padding:11px;border-radius:17px}.card .card-art.brand-cover .cover-name{font-size:23px;bottom:45px}.card .card-art.brand-cover .cover-tier{font-size:11px}.card-stock{font-size:12px}}
@media(max-width:410px){.announcement strong{max-width:120px;display:block}.announcement a{font-size:11px;padding:9px}.banner-close{padding:4px}.toolbar .search{flex-basis:100%}.toolbar select{width:100%}.card .card-body{padding:12px}.card-bottom .price{font-size:20px}.card .card-art.brand-cover .cover-name{font-size:21px}.card h3{min-height:84px;-webkit-line-clamp:4}}