.accessories-page{padding:8rem var(--pd-x) 6rem;background-color:#f8f9fa}.page-header{text-align:center;margin-bottom:4rem}.page-header h1{font-size:var(--fs-5);font-weight:var(--font-bold);color:#333;margin-bottom:1rem}.page-header p{font-size:var(--fs-1);color:#666;max-width:60ch;margin-inline:auto}.accessories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.accessory-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center;border:2px solid transparent;transition:all .3s ease;display:flex;flex-direction:column}.accessory-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.accessory-image-wrapper{position:relative;margin-bottom:1.5rem;overflow:hidden;border-radius:15px;background:#f8f9fa;padding:1rem;height:200px;display:flex;align-items:center;justify-content:center}.accessory-image{width:100%;height:auto;object-fit:contain;max-height:180px}.accessory-info{flex:1 1;display:flex;flex-direction:column;gap:1rem}.accessory-title{font-size:var(--fs-1);font-weight:var(--font-semibold);color:#333;line-height:1.4;flex-grow:1;text-align:center;min-height:60px}.accessory-pricing,.accessory-title{display:flex;align-items:center;justify-content:center}.accessory-pricing{gap:1rem;margin:1rem 0}.old-price{font-size:var(--fs-1);color:#999;text-decoration:line-through}.new-price{font-size:var(--fs-2);color:var(--color-primary);font-weight:var(--font-bold)}.accessory-cta{margin-top:auto}.accessory-card-skeleton{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}.skeleton-image{border-radius:15px;height:200px;margin-bottom:1.5rem}.skeleton-image,.skeleton-line{background-color:#e0e0e0;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:20px;border-radius:4px;margin-bottom:1rem}.skeleton-line.short{width:60%}.skeleton-button{background-color:#e0e0e0;height:48px;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.cities-index{padding-inline:var(--pd-x)}.cities-index .cities-title{font-size:var(--fs-3);color:var(--color-primary);font-weight:500;text-align:center;margin-bottom:2rem}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem;text-align:center;padding-bottom:1rem}