.shop-page{padding:3rem var(--page-pad)4rem;min-height:80vh}.shop-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:3rem;display:flex}.shop-header-controls{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.shop-sort-select{color:#ffffffb3;cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238bca54' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #8bca5433;border-radius:.5rem;outline:none;height:2.25rem;padding:0 2rem 0 .75rem;font-family:Comfortaa,sans-serif;font-size:.8rem;transition:border-color .2s,background-color .2s}.shop-sort-select:focus,.shop-sort-select:hover{background-color:#ffffff12;border-color:#8bca5473}.shop-sort-select option{color:var(--text);background:#271e16}.shop-view-toggle{flex-shrink:0;align-self:center;gap:.35rem;display:flex}.shop-view-btn{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #8bca5426;border-radius:.4rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .15s,color .15s,background .15s;display:flex}.shop-view-btn:hover{color:#ffffffb3;border-color:#8bca5459}.shop-view-btn--active{border-color:var(--primary);color:var(--primary);background:#8bca5414}.shop-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}@media (max-width:900px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.shop-page{padding:2rem 1.25rem 3rem}.shop-grid{grid-template-columns:1fr}}.shop-card{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #8bca541a;border-radius:.875rem;flex-direction:column;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.4s both fadeUp;display:flex;overflow:hidden}.shop-card:first-child{animation-delay:0s}.shop-card:nth-child(2){animation-delay:60ms}.shop-card:nth-child(3){animation-delay:.12s}.shop-card:nth-child(4){animation-delay:.18s}.shop-card:nth-child(5){animation-delay:.24s}.shop-card:nth-child(6){animation-delay:.3s}.shop-card:hover{border-color:#8bca5473;transform:translateY(-4px);box-shadow:0 8px 32px #0006,0 0 0 1px #8bca541f}.shop-card-image{aspect-ratio:4/3;background:var(--primary-dark);flex-shrink:0;width:100%;position:relative;overflow:hidden}.shop-card-image img,.shop-card-image>div{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.shop-card:hover .shop-card-image img,.shop-card:hover .shop-card-image>div{transform:scale(1.04)}.shop-card-body{flex-direction:column;flex:1;gap:.3rem;padding:1rem 1.1rem 1.25rem;display:flex}.shop-card-name{color:var(--text);margin:0;font-family:Comfortaa,sans-serif;font-size:1rem;font-weight:700;line-height:1.3}.shop-card-price{color:var(--primary);margin:0;font-family:Comfortaa,sans-serif;font-size:.95rem;font-weight:700}.shop-card-description{color:#ffffff61;white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-family:Comfortaa,sans-serif;font-size:.78rem;line-height:1.4;overflow:hidden}.shop-list{flex-direction:column;gap:.75rem;display:flex}.shop-list .shop-card{flex-direction:row;align-items:center}.shop-list .shop-card-image{width:100px;height:100px;aspect-ratio:unset;border-radius:0;flex-shrink:0}.shop-list .shop-card-body{flex-direction:row;align-items:center;gap:0;padding:.9rem 1.25rem}.shop-list .shop-card-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.shop-list .shop-card-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-list .shop-card-price{white-space:nowrap;margin-left:1.5rem;font-size:1rem}.shop-list .shop-card:hover{transform:translate(3px)translateY(0)}@media (max-width:960px){.shop-list .shop-card-image{width:80px;height:80px}.shop-list .shop-card-body{flex-direction:column;align-items:flex-start;gap:.25rem}.shop-list .shop-card-description{white-space:normal;text-overflow:unset;overflow:visible}.shop-list .shop-card-price{margin-top:.1rem;margin-left:0}}