/* Parcel Parade: packages first on phones. Desktop keeps its full composition. */
@media(max-width:760px){
 .variant-1 .preview-bar,.variant-1 .parade-hero,.variant-1 .v-header nav{display:none}
 .variant-1 .v-header{padding:8px 12px;min-height:54px;gap:10px}
 .variant-1 .logo{font-size:22px;letter-spacing:-1px}
 .variant-1 .logo-box{width:25px;height:25px;font-size:21px;margin-right:6px}
 .variant-1 .v-header>.random-button{margin-left:auto;padding:9px 11px;font-size:9px;min-height:36px}
 .variant-1 .motion-button{width:32px;height:32px}
 .variant-1 .parcel-parade{padding:0;border-top-width:2px}
 .variant-1 .parade-track a{width:125px;padding:3px 0 8px}
 .variant-1 .parade-track img{height:100px}
 .variant-1 .parade-track span{font-size:10px}
 .variant-1 .belt-feet{height:13px;border-width:2px;background-size:23px 13px}
 .variant-1 .v-catalog{padding:15px 12px 8px}
 .variant-1 .catalog-heading{margin-bottom:10px;align-items:center;gap:10px}
 .variant-1 .catalog-heading .eyebrow,.variant-1 .catalog-total small{display:none}
 .variant-1 .catalog-heading h2{font-size:25px;line-height:1.08;letter-spacing:-1px;margin:0;max-width:none}
 .variant-1 .catalog-total{padding:0;font-size:24px}
 .variant-1 .v-controls{padding:7px 0;gap:7px;display:block}
 .variant-1 .v-filters{flex-wrap:nowrap;overflow-x:auto;gap:5px;padding:2px 0 5px;scrollbar-width:thin}
 .variant-1 .v-filters button{flex-shrink:0;min-height:34px;padding:7px 10px;font-size:9px}
 .variant-1 .v-search{width:100%;margin-top:2px;border:1px solid var(--line);border-radius:6px;padding:0 9px;height:33px}
 .variant-1 .v-search input{font-size:11px;padding:7px 0;min-width:0}
 .variant-1 .v-search span{font-size:20px}
 .variant-1 .v-results{padding:7px 0 9px;font-size:8px}
 .variant-1 .v-results select{font-size:9px;min-height:28px}
 .variant-1 .v-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
 .variant-1 .v-pack-art{aspect-ratio:1/1.05;border-width:1px;border-radius:50% 50% 4px 4px}
 .variant-1 .v-pack-art img{padding:0}
 .variant-1 .pack-index{font-size:6px;top:12px}
 .variant-1 .v-pack-copy{padding:7px 0 0}
 .variant-1 .pack-category,.variant-1 .v-pack-copy p,.variant-1 .v-pack-copy small{display:none}
 .variant-1 .v-pack-copy h3{font-size:14px;line-height:1.1;letter-spacing:-.35px;margin:0;min-height:30px}
 .variant-1 .v-pack-copy h3 a{gap:2px;align-items:start}
 .variant-1 .v-pack-copy h3 span{font-size:12px;flex-shrink:0}
 .variant-1 .catalog-end{font-size:6px;padding:22px 0 10px}
 .variant-1 .v-about{display:none}
 .variant-1 .v-footer{padding:16px 12px 8px;gap:12px;border-top:1px solid var(--line)}
 .variant-1 .v-footer .logo{font-size:19px}
 .variant-1 .v-footer>span{font-size:6px}
 .variant-1 .version-switcher{position:static;transform:none;max-width:calc(100% - 24px);width:max-content;margin:12px auto 18px;box-shadow:2px 2px #392c3b30}
 .variant-1 .no-results{padding:25px 10px;font-size:16px}
}
@media(max-width:359px){
 .variant-1 .v-header{gap:7px;padding-inline:10px}
 .variant-1 .logo{font-size:20px}
 .variant-1 .logo-box{width:22px;height:22px;font-size:18px;margin-right:4px}
 .variant-1 .v-header>.random-button{font-size:8px;padding-inline:8px}
 .variant-1 .v-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 .variant-1 .catalog-heading h2{font-size:23px}
 .variant-1 .parade-track a{width:110px}
 .variant-1 .parade-track img{height:91px}
 .variant-1 .v-pack-copy h3{font-size:16px}
}